/* MOOvies cow-print skin: supplied artwork, local-only; no layout or data changes. */
body {
 background-color:var(--bg);
 background-image:linear-gradient(rgba(16,17,15,.92),rgba(16,17,15,.92)),url('cow-print.png');
 background-size:auto,640px 640px;
 background-repeat:repeat;
}
/* A more visible patch around the brand, never behind navigation text. */
.sidebar{isolation:isolate;background-color:#141510}
.sidebar::before{
 content:'';position:absolute;inset:0 0 auto;height:166px;z-index:-1;pointer-events:none;
 background-image:linear-gradient(to bottom,rgba(20,21,16,.52),rgba(20,21,16,.72) 55%,#141510 100%),url('cow-print.png');
 background-size:auto,310px 310px;background-position:center top;
}
.brand{width:fit-content;max-width:100%;font-size:24px;padding:7px 8px;background:#141510;border:1px solid #555446;border-radius:8px}
.brand svg{width:28px;height:28px;flex-shrink:0}
.brand-sub{margin-left:10px}
/* Solid surfaces keep labels, filters, cards and notes free of visual noise. */
.library-service,.toolbar{background:var(--bg)}
.card{background:var(--bg);border-radius:6px}
.card-copy{padding-inline:8px;padding-bottom:10px}
.dialog-bar{
 background-color:#20221c;
 background-image:linear-gradient(rgba(32,34,28,.91),rgba(32,34,28,.91)),url('cow-print.png');
 background-size:auto,240px 240px;
}
.dialog-bar>span{background:#20221c;padding:4px 7px;border-radius:3px}
.dialog-bar button{background:#20221c}
.dialog-bar button:hover{background:#303329}
/* A small spotted badge echoes the bottles without changing their hit targets. */
.owner{background:var(--ink) url('cow-print.png') center/95px;color:var(--accent);text-shadow:0 1px 2px #000;box-shadow:inset 0 0 0 100px rgba(16,17,15,.5)}
@media(max-width:800px){
 .sidebar{isolation:isolate;position:relative}
 .sidebar::before{height:88px;background-size:auto,270px 270px}
 .brand{margin-top:0}
 .filters{position:relative;background:#141510}
 body{background-size:auto,460px 460px}
}
@media(prefers-contrast:more){
 body,.dialog-bar{background-image:none}
 .sidebar::before{display:none}
}