:root{--bg:#0f0d0a;--surface:#1a1712;--surface-2:#241f18;--text:#f5f1ea;--muted:#a99f8f;--accent:#ff7a00;--accent-2:#ffc000;--border:#322a20;--queue:#35d07f;--done:#7f9cb8}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overscroll-behavior:none}.screen{min-height:100dvh;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom);max-width:720px;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 4px 12px;border-bottom:1px solid var(--border)}.topbar h1{margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em}.muted{color:var(--muted);font-size:14px}.admin .topbar h1{font-size:22px}.picker{margin-top:16px}.picker select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:14px 16px;font-size:16px;font-weight:600}.banner{border-radius:10px;padding:10px 12px;font-size:14px;margin:8px 0}.banner.error{background:rgba(255,77,77,.14);border:1px solid rgba(255,77,77,.4);color:#ffd7d7}.empty{margin-top:40px;text-align:center;color:var(--muted);font-size:15px}.queue{list-style:none;margin:8px 0 40px;padding:0;flex-direction:column;gap:10px}.queue,.row{display:flex}.row{align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 14px}.row-main{flex:1 1 auto;min-width:0}.song{font-size:17px;line-height:1.25;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pill,.song{font-weight:700}.pill{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--accent);background:rgba(255,122,0,.14);padding:2px 6px;border-radius:6px}.meta{margin-top:3px;font-size:13px;color:var(--muted)}.row.heat1{border-color:rgba(255,192,0,.55);background:rgba(255,192,0,.07)}.row.heat2{border-color:rgba(255,122,0,.6);background:rgba(255,122,0,.09)}.row.heat3{border-color:rgba(255,77,77,.65);background:rgba(255,77,77,.11)}.count-pill{font-size:12px;font-weight:800;min-width:20px;text-align:center;padding:1px 7px;border-radius:999px;color:#241200;background:var(--accent-2)}.row.heat2 .count-pill{background:var(--accent);color:#241200}.row.heat3 .count-pill{background:#ff4d4d;color:#2a0505}.reorder-hint{margin:2px 0 0;font-size:12px;color:var(--muted)}.draggable-row{cursor:-webkit-grab;cursor:grab;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:pan-y}.row.dragging{cursor:-webkit-grabbing;cursor:grabbing;border-color:var(--accent-2);background:var(--surface-2);box-shadow:0 10px 26px rgba(0,0,0,.55);transform:scale(1.02);position:relative;z-index:5}.queue.dragging .draggable-row{touch-action:none}.grip{flex:0 0 auto;color:var(--muted);font-size:18px;line-height:1;letter-spacing:1px;opacity:.6;padding-left:2px}.song-opt{display:block;width:100%;text-align:left;background:transparent;color:var(--text);border:none;border-radius:8px;padding:12px;font-size:15px;cursor:pointer}.song-opt:active{background:var(--surface-2)}.song-none{padding:12px;color:var(--muted);font-size:14px}.sheet{position:fixed;inset:0;z-index:50;background:var(--bg);display:flex;flex-direction:column;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 10px;border-bottom:1px solid var(--border)}.sheet-title{font-size:18px;font-weight:800}.sheet-close{background:none;border:none;color:var(--accent-2);font-size:16px;font-weight:700;cursor:pointer;padding:4px 6px}.sheet-search{padding:12px 16px;border-bottom:1px solid var(--border)}.sheet-search input{width:100%;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:14px 16px;font-size:16px}.sheet-search input:focus{outline:none;border-color:var(--accent-2)}.sheet-list{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 8px 24px}.song-group-label{position:-webkit-sticky;position:sticky;top:0;z-index:1;background:var(--bg);color:var(--accent);font-size:13px;font-weight:800;letter-spacing:.06em;padding:10px 10px 6px}.sheet .song-opt{border-bottom:1px solid var(--border);border-radius:0;padding:16px 10px;font-size:16px;line-height:1.3}.sheet .song-none{padding:24px 12px;text-align:center}.login{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px 24px 24px}.login-title{margin:0;font-size:24px;font-weight:800;letter-spacing:-.02em;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.login-sub{margin:6px 0 20px;color:var(--muted);font-size:15px}.login-form{display:flex;flex-direction:column;gap:10px}.login-label{font-size:14px;color:var(--muted)}.login-input{width:100%;font-size:16px;padding:14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);color:var(--text)}.login-input:focus{outline:none;border-color:var(--accent)}.login .banner.error{margin-bottom:16px}.topbar-right{display:flex;align-items:center;gap:14px}.logout{background:transparent;border:1px solid var(--border);color:var(--muted);font-size:13px;font-weight:600;padding:7px 12px;border-radius:999px;cursor:pointer}.logout:active{color:var(--text);border-color:var(--accent)}.song-opt.add-opt{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.song-opt.add-opt:disabled{opacity:.55;cursor:default}.admin .song-opt.add-opt{color:var(--accent-2);font-weight:700}