:root{--bg:#121212;--surface:#1e1e1e;--text:#f2f2f2;--muted:#a0a0a0;--accent:#1db954;--error:#ff6b6b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-text-size-adjust:100%;margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}#app{min-height:100%;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom);place-items:center;display:grid}.panel{background:var(--surface);border-radius:16px;gap:12px;width:100%;max-width:420px;padding:24px;display:grid}h1{margin:0;font-size:1.6rem}p{margin:0}.muted{color:var(--muted);font-size:.875rem}.error{color:var(--error)}button{font:inherit;background:var(--accent);color:#000;cursor:pointer;border:0;border-radius:999px;padding:12px 20px;font-weight:600}button.secondary{color:var(--text);background:0 0;border:1px solid #444}details{color:var(--muted)}details button{width:100%;margin-top:8px}pre,code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}pre{background:#000;border-radius:8px;margin:0;padding:12px}.button-link{text-align:center;color:var(--accent);margin-top:8px;display:block}#app:has(.debug){place-items:start stretch}.debug{width:100%;max-width:1100px;margin:0 auto;padding:16px 0 32px}.debug-header{align-items:baseline;gap:16px;display:flex}.debug-header a{color:var(--accent)}.pool h2{margin:24px 0 12px;font-size:1.2rem}.tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.tile{background:var(--surface);border-radius:10px;min-width:0;overflow:hidden}.tile img,.tile .no-cover{aspect-ratio:1;background:#333;width:100%;height:auto;display:block}.tile-text{gap:2px;padding:8px 10px 10px;font-size:.8rem;display:grid}.tile-text strong,.tile-text span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.badge{color:var(--accent)}.slider{color:var(--muted);align-items:center;gap:12px;font-size:.875rem;display:flex}.slider input{accent-color:var(--accent);flex:1}.deck-actions{margin:8px 0 12px}.swipe-buttons{gap:6px;padding:0 10px 10px;display:flex}.swipe-buttons button{flex:1;padding:8px 0}.pool-tag{color:var(--muted);padding:0 10px 10px;font-size:.75rem;display:block}.debug p{margin:4px 0}html,body{overscroll-behavior:none}#app:has(.screen){place-items:normal;padding:0;display:block}.screen{--card-w:min(calc(100vw - 32px), 440px, calc(100dvh - 290px));height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;display:flex;overflow:hidden}.topbar{align-items:center;gap:12px;padding:10px 16px;display:flex}.icon-btn{background:var(--surface);width:40px;height:40px;color:var(--text);flex:none;place-items:center;padding:0;display:grid}.icon-btn:disabled{opacity:.35;cursor:default}svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.icon-btn svg circle,svg .fill{fill:currentColor;stroke:none}.mix{color:var(--muted);flex:1;align-items:center;gap:8px;min-width:0;font-size:.75rem;display:flex}.mix input{min-width:0;accent-color:var(--accent);flex:1}.stack{flex:1;min-height:0;position:relative}.empty{text-align:center;color:var(--muted);place-content:center;justify-items:center;gap:16px;padding:24px;display:grid;position:absolute;inset:0}.empty[hidden]{display:none}.spinner{border:3px solid #333;border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.card{width:var(--card-w);height:calc(var(--card-w) + 96px);perspective:1400px;will-change:transform;cursor:grab;margin:auto;transition:transform .25s cubic-bezier(.2,.8,.3,1);position:absolute;inset:0}.card.dragging{cursor:grabbing}.card.top{z-index:2}.card.next{z-index:1;pointer-events:none;transform:translateY(14px)scale(.94)}.card.next .meta,.card.next .stamp{visibility:hidden}.card.leaving{z-index:3;pointer-events:none}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.3,.7,.3,1);position:relative}.card.flipped .card-inner{transform:rotateY(180deg)}.face{background:var(--surface);backface-visibility:hidden;border-radius:18px;position:absolute;inset:0;overflow:hidden;box-shadow:0 12px 32px #00000073}.front{touch-action:none}.cover{aspect-ratio:1;object-fit:cover;pointer-events:none;background:#2a2a2a;width:100%;display:block}.meta{gap:2px;padding:12px 16px 14px;display:grid}.meta h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.2rem;line-height:1.25;overflow:hidden}.meta p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.source{max-width:100%;color:var(--accent);text-overflow:ellipsis;white-space:nowrap;background:#1db95424;border-radius:999px;justify-self:start;padding:2px 8px;font-size:.72rem;font-weight:600;overflow:hidden}.stamp{text-transform:uppercase;letter-spacing:.05em;pointer-events:none;background:#00000059;border:3px solid;border-radius:8px;padding:4px 12px;font-size:1.6rem;font-weight:800;position:absolute;top:20px}.stamp-right{color:var(--accent);opacity:var(--stamp-right,0);left:20px;transform:rotate(-14deg)}.stamp-left{color:#ff5a5f;opacity:var(--stamp-left,0);right:20px;transform:rotate(14deg)}.stamp-up{color:#4aa8ff;opacity:var(--stamp-up,0);top:40%;left:50%;transform:translate(-50%)}.stamp-down{color:#f5b942;opacity:var(--stamp-down,0);top:20%;left:50%;transform:translate(-50%)}.back{touch-action:pan-y;flex-direction:column;gap:4px;padding:18px 16px;display:flex;transform:rotateY(180deg)}.back h2{margin:0;font-size:1.1rem}.tracklist{overscroll-behavior:contain;flex:1;margin:8px 0 0;padding:0;font-size:.9rem;list-style:none;overflow-y:auto}.tracklist li{border-bottom:1px solid #2c2c2c;grid-template-columns:2.2em 1fr auto;gap:8px;padding:7px 0;display:grid}.track-no,.track-time{color:var(--muted);font-variant-numeric:tabular-nums}.track-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.actions{justify-content:center;align-items:center;gap:18px;padding:12px 16px 16px;display:flex}.round{background:var(--surface);width:64px;height:64px;color:var(--text);place-items:center;padding:0;transition:transform .12s;display:grid;box-shadow:0 4px 14px #0006}.round:active{transform:scale(.92)}.round svg{width:28px;height:28px}.round.skip{color:#ff5a5f}.round.save,.round.later{color:#4aa8ff;width:52px;height:52px}.round.later{color:#f5b942}.round.play{background:var(--accent);color:#000;width:72px;height:72px}.toast{left:50%;bottom:calc(env(safe-area-inset-bottom) + 112px);opacity:0;pointer-events:none;max-width:calc(100vw - 32px);color:var(--text);z-index:10;background:#2d2d2d;border-radius:12px;padding:10px 16px;font-size:.9rem;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%,12px);box-shadow:0 6px 20px #00000080}.toast.visible{opacity:1;transform:translate(-50%)}.sheet{background:var(--surface);width:min(360px,100vw - 32px);color:var(--text);border:0;border-radius:16px;padding:20px}.sheet[open]{gap:12px;display:grid}.sheet::backdrop{background:#0009}.sheet-link{color:var(--accent);text-align:center;padding:8px}.nowplaying{padding:0 16px}.nowplaying[hidden]{display:none}.np-open{background:var(--surface);width:100%;color:var(--text);text-align:left;border-radius:12px;align-items:center;gap:10px;padding:6px 12px 6px 6px;font-weight:400;display:flex}.np-open img{border-radius:6px;flex:none;width:40px;height:40px}.np-text{min-width:0;font-size:.85rem;display:grid}.np-text strong,.np-text span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.np-text span{color:var(--muted)}.sheet h2{margin:0;font-size:1.2rem}.device-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.device{text-align:left;width:100%;color:var(--text);background:#2a2a2a;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-weight:500;display:grid}.card-dialog{--card-w:min(calc(100vw - 32px), 400px, calc(100dvh - 220px));background:0 0;border:0;padding:0;overflow:visible}.card-dialog[open]{justify-items:center;gap:16px;display:grid}.card-dialog::backdrop{background:#000000bf}.card.static{cursor:pointer;margin:0;position:relative;inset:auto}.card-dialog-actions{align-items:center;gap:12px;display:flex}.card-dialog-actions .button-link{margin:0;padding:12px 20px}.screen:has(.nowplaying:not([hidden])){--card-w:min(calc(100vw - 32px), 440px, calc(100dvh - 350px))}.settings{max-height:calc(100dvh - 32px);overflow-y:auto}.settings section{gap:8px;display:grid}.settings h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:4px 0 0;font-size:.85rem}.presets{flex-wrap:wrap;gap:6px;display:flex}.presets button{padding:8px 12px;font-size:.85rem}.presets button.selected{border-color:var(--accent);color:var(--accent)}.settings label{gap:4px;font-size:.9rem;display:grid}.settings textarea{font:inherit;color:var(--text);resize:vertical;background:#111;border:1px solid #3a3a3a;border-radius:10px;padding:8px 10px;font-size:.9rem}.small{font-size:.78rem}