body{background-color:var(--ink);background-image:var(--bg-glow);background-repeat:no-repeat}:where(a,button,[tabindex],input,select,textarea):focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:9px}.btn{border-radius:13px;transition:transform .14s var(--ease-out),box-shadow .22s var(--ease-out),filter .2s}.btn:active{transform:translateY(1px) scale(.985)}.btn.primary{background:var(--sheen),var(--grad-amber);color:var(--on-accent);border:1px solid rgba(0,0,0,.14);box-shadow:var(--card-top),var(--elev-1),var(--glow-amber)}.btn.primary:active{box-shadow:inset 0 2px 9px #0000004d}.btn.ghost,.btn.secondary{background:var(--sheen),var(--grad-wax);color:var(--bone);border:1px solid var(--line);box-shadow:var(--card-top),var(--elev-1)}.seg button.on,.toggle button.on,.bc.on,.f.on,.add.done,.savebar .save,.themeseg button[aria-pressed=true]{background:var(--sheen),var(--grad-amber)!important;color:var(--on-accent)!important;box-shadow:var(--card-top),var(--glow-amber);border-color:transparent!important}.fab{background:var(--sheen),var(--grad-amber);color:var(--on-accent);box-shadow:var(--card-top),var(--elev-2),var(--glow-amber);transition:transform .18s var(--ease-spring),box-shadow .2s}.fab:active{transform:scale(.9)}.vbtn{box-shadow:0 12px 28px #00000080,0 0 0 3px #f4b24a52,var(--glow-amber)}.board,.shelf,.ncard,.sp-card,.upd,.res .r,.crew,.item,.card,.choice{box-shadow:var(--card-top),var(--elev-1)}@media(hover:hover)and (pointer:fine){.shelf,.sp-card,.ncard,.upd,.it,.res .r{transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out)}.shelf:hover,.sp-card:hover,.ncard:hover,.upd:hover,.it:hover,.res .r:hover{transform:translateY(-2px);box-shadow:var(--card-top),var(--elev-2)}}.themeseg{display:inline-flex;gap:6px;padding:5px;border-radius:15px;background:var(--surface2);border:1px solid var(--line);box-shadow:var(--card-top),inset 0 2px 7px #00000029}.themeseg button{display:inline-flex;align-items:center;gap:7px;border:1px solid transparent;background:transparent;color:var(--muted);font-family:var(--display);font-weight:600;font-size:13px;padding:9px 15px;border-radius:11px;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s,transform .12s var(--ease-out)}.themeseg button svg{width:15px;height:15px;display:block}.themeseg button:hover{color:var(--bone)}.themeseg button:active{transform:scale(.96)}.fp .face-c.front,.rw .face-c.front,.jback{--bone:#F3ECDE;--muted:rgba(243,236,222,.72);--line:rgba(255,255,255,.16);--amber-ink:var(--amber);--teal-ink:var(--teal);--iris-ink:var(--iris);--red-ink:var(--red)}:root[data-theme=light] .bb-row:nth-child(3) .bb-rank{color:#8a5616}@media(prefers-color-scheme:light){:root[data-theme=system] .bb-row:nth-child(3) .bb-rank{color:#8a5616}}.lyric{color:var(--bone)}.jback .bk-h,.jback .cr,.jback .bk-tip,.jback .credit-flat span{color:#f3ecdebd}.jback .credit .cn{color:#f3ecde}.jback .credit .go{color:#ffd27a}:root[data-theme=light] .rw .face-c,:root[data-theme=light] .rw .sleeve{--bone:#2A2230;--muted:#5B5167;--line:rgba(42,34,48,.14);--amber-ink:#7A440B;--teal-ink:#0B6E62;--iris-ink:#5247CC;--red-ink:#C12E37}:root[data-theme=light] .rw .sleeve{background:repeating-linear-gradient(135deg,#f4e9d2 0 12px,#efe2c6 12px 24px)}:root[data-theme=light] .rw .face-c.front{background:var(--surface)}:root[data-theme=light] .rw .badge,:root[data-theme=light] .rw .bmini{background:var(--surface2)}:root[data-theme=light] .rw .back .sleeveinfo,:root[data-theme=light] .rw .flipbtn{background:var(--surface2)}@media(prefers-color-scheme:light){:root[data-theme=system] .rw .face-c,:root[data-theme=system] .rw .sleeve{--bone:#2A2230;--muted:#5B5167;--line:rgba(42,34,48,.14);--amber-ink:#7A440B;--teal-ink:#0B6E62;--iris-ink:#5247CC;--red-ink:#C12E37}:root[data-theme=system] .rw .sleeve{background:repeating-linear-gradient(135deg,#f4e9d2 0 12px,#efe2c6 12px 24px)}:root[data-theme=system] .rw .face-c.front{background:var(--surface)}:root[data-theme=system] .rw .badge,:root[data-theme=system] .rw .bmini{background:var(--surface2)}:root[data-theme=system] .rw .back .sleeveinfo,:root[data-theme=system] .rw .flipbtn{background:var(--surface2)}}:where(.wrap,.content,.panel-body)>section{position:relative;border-top-color:transparent!important}:where(.wrap,.content,.panel-body)>section:not(:first-of-type):before{content:"";position:absolute;left:0;right:0;top:0;height:12px;pointer-events:none;background:repeating-linear-gradient(to bottom,color-mix(in srgb,var(--line) 86%,transparent) 0 1px,transparent 1px 3px,color-mix(in srgb,var(--line) 58%,transparent) 3px 4px,transparent 4px 6px);opacity:.82;-webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent)}.res .r .art.rd{border-radius:9px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--iris-ink) 34%,transparent)}
