:root{--bg: #120c07;--panel: #1f150c;--panel-2: #2a1d10;--line: #4a3620;--sand: #e3b778;--sand-dim: #a98656;--text: #f3e6d2;--muted: #b9a68c;--accent: #d9782b;--danger: #e0614a;color-scheme:dark;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--sand)}code{font-size:.92em;color:var(--sand)}#setup{max-width:560px;margin:0 auto;padding:max(24px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom));display:grid;gap:16px}#setup[hidden]{display:none}header h1{margin:8px 0 0;font:600 46px/1 Georgia,Times New Roman,serif;letter-spacing:.35em;color:var(--sand)}.sub{margin:6px 0 0;color:var(--muted)}.card{background:var(--panel);border:1px solid #3a2a18;border-radius:12px;padding:18px}.card h2{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--sand-dim)}#resume-card{display:grid;grid-template-columns:120px 1fr;gap:6px 14px;align-items:center}#resume-card[hidden]{display:none}#resume-card img{width:120px;aspect-ratio:4 / 3;border-radius:6px;grid-row:span 2;object-fit:cover;background:#000}#resume-card button{grid-column:2}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hint{color:var(--muted);font-size:13px}.message{min-height:1.2em;color:var(--danger);margin:10px 0 0}progress{width:100%;margin-top:10px;accent-color:var(--accent)}footer{display:flex;gap:8px;justify-content:center;color:var(--muted)}.button,button{font:inherit;cursor:pointer;border-radius:8px;padding:9px 14px;min-height:40px;border:1px solid #5a4126;background:var(--panel-2);color:var(--text);touch-action:manipulation}.button:hover,button:hover:not(:disabled){border-color:var(--sand-dim)}button.link{border:none;background:none;color:var(--muted);text-decoration:underline;padding:0;min-height:0}button.primary{width:100%;padding:12px;font-weight:600;background:var(--accent);border-color:var(--accent);color:#1a0f05}button:disabled{opacity:.45;cursor:default}#stage{position:fixed;inset:0;display:flex;align-items:stretch;background:#000;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#stage[hidden]{display:none}#viewport{flex:1;display:grid;place-items:center;position:relative;min-width:0}#screen{display:block;outline:none;cursor:none;touch-action:none;image-rendering:pixelated;image-rendering:crisp-edges}#stage[data-display=smooth] #screen{image-rendering:auto}#stage[data-display=crt] #viewport:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,#0000 0 2px,#00000047 2px 3px);mix-blend-mode:multiply}.toolbar{display:none;flex-direction:column;justify-content:center;gap:10px;padding:8px}#stage.with-buttons .toolbar{display:flex}.toolbar button{width:52px;height:52px;padding:0;font-size:18px;border-radius:50%;background:#2a1d10d9;border-color:#a9865680}.toolbar button.active{background:var(--accent);color:#1a0f05}#stage:not(.with-buttons) .toolbar.right{display:flex;position:absolute;right:8px;top:8px;padding:0}#stage:not(.with-buttons) .toolbar.right button:not(.always){display:none}#stage:not(.with-buttons) #btn-menu{width:40px;height:40px;opacity:.55}@media(orientation:portrait){#stage{flex-direction:column}#viewport{place-items:start center;padding-top:8px}#stage.with-buttons .toolbar{flex-direction:row;justify-content:center;flex-wrap:wrap}#stage.with-buttons .toolbar.left{order:2}#stage.with-buttons .toolbar.right{order:3}}.overlay{position:fixed;inset:0;background:#0009;display:grid;place-items:center;padding:16px;z-index:10}.overlay[hidden]{display:none}.sheet{width:min(560px,100%);max-height:100%;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}.sheet-head{display:flex;gap:12px;align-items:center;justify-content:space-between}.sheet-head h2{margin:0;font-family:Georgia,serif;color:var(--sand)}.sheet-head button.primary{width:auto;padding:9px 22px}.sheet h3{margin:18px 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--sand-dim)}#slots{list-style:none;margin:0;padding:0;display:grid;gap:8px}.slot{display:grid;grid-template-columns:72px 1fr auto auto;gap:10px;align-items:center}.thumb{width:72px;aspect-ratio:4 / 3;border-radius:4px;background:#000;object-fit:cover}.slot-info{display:grid;font-size:13px;color:var(--muted)}.slot-info strong{color:var(--text)}form{display:grid;gap:12px}form label{display:grid;gap:4px;font-size:14px}form label small{color:var(--muted)}form label.check{display:flex;align-items:center;gap:8px}form [hidden]{display:none}details.filters{display:grid;gap:12px;margin-top:-4px;padding:0 0 0 12px;border-left:2px solid var(--line)}details.filters[open]{padding-bottom:4px}details.filters summary{cursor:pointer;color:var(--muted);font-size:14px}details.filters>*+*{margin-top:12px}.renderer-note:empty{display:none}select,input[type=range]{width:100%}select{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:8px;font:inherit}input[type=range]{accent-color:var(--accent)}.toast{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%);max-width:min(90vw,640px);margin:0;padding:10px 16px;border-radius:8px;background:#2a1d10f2;border:1px solid #5a4126;z-index:20}.card h2 small{text-transform:none;letter-spacing:0;color:var(--muted);font-weight:400}.songs{list-style:none;margin:8px 0 12px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:4px 12px;font-size:13px}.songs li{color:var(--muted)}.songs li.ok{color:var(--text)}.songs li.ok:before{content:"✓ ";color:var(--accent)}.songs li:not(.ok):before{content:"· "}select:disabled{opacity:.5}.toolbar button[hidden]{display:none}#compare{position:absolute;pointer-events:none}#compare[hidden]{display:none}.compare-divider{position:absolute;top:0;bottom:0;width:28px;margin-left:-14px;pointer-events:auto;cursor:ew-resize;touch-action:none;outline:none}.compare-divider:before{content:"";position:absolute;top:0;bottom:0;left:13px;width:2px;background:#fff0dcd9;box-shadow:0 0 4px #000c}.compare-grip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#1e140ad9;border:2px solid rgba(255,240,220,.85);color:#fff;font-size:16px}.compare-divider:focus-visible .compare-grip{border-color:var(--accent)}.compare-label{position:absolute;top:8px;padding:2px 8px;border-radius:4px;background:#140c06b3;color:#f3e6d6;font:12px system-ui,sans-serif}.compare-label.left{left:8px}.compare-label.right{right:8px}