:root{--glass:#0a1222ad;--glass-border:#94beff2e;--ink:#e2e8f0;--ink-dim:#94a3b8;--accent:#38bdf8;--radius:12px}*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.panel{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(290px,100vw - 28px);color:var(--ink);z-index:30;position:fixed;top:14px;right:14px;overflow:hidden}.panel__head{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.panel__head strong{letter-spacing:.4px;font-size:13px}.panel__collapse{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:15px;line-height:1}.panel__collapse:hover{color:var(--ink);background:#ffffff14}.panel__body{padding:8px 12px 10px}.field{justify-content:space-between;gap:8px;margin:6px 0;display:flex}.field dt{color:var(--ink-dim);font-size:12px}.field dd{font-variant-numeric:tabular-nums;text-align:right;margin:0;font-size:12px}.controls{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(1080px,100vw - 28px);color:var(--ink);z-index:30;flex-direction:column;gap:6px;padding:8px 12px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.controls__row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip{color:var(--ink);border:1px solid var(--glass-border);cursor:pointer;background:#38bdf814;border-radius:999px;padding:5px 11px;font-size:12.5px;transition:background .15s,transform .1s}.chip:hover{background:#38bdf82e}.chip.active{background:var(--accent);border-color:var(--accent);color:#04101c;font-weight:600}.chip.primary{border-color:var(--accent);color:var(--accent)}.chip.primary.active{background:var(--accent);color:#04101c}.seg{gap:4px;display:inline-flex}.spacer{flex:1}.clock{color:var(--accent);font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.seek-label{display:inline-flex}.seek{border:1px solid var(--glass-border);color:var(--ink);font-variant-numeric:tabular-nums;background:#02061780;border-radius:8px;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}.seek::-webkit-calendar-picker-indicator{filter:invert(.8)}.tgl{cursor:pointer;color:var(--ink-dim);align-items:center;gap:5px;font-size:12.5px;display:inline-flex}.tgl input{accent-color:var(--accent);cursor:pointer;width:14px;height:14px}.tgl:hover{color:var(--ink)}.help-modal{z-index:50;background:#02061799;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.help-card{border:1px solid var(--glass-border);width:calc(100vw - 32px);max-width:620px;max-height:80vh;color:var(--ink);background:#0b1526;border-radius:14px;padding:18px 22px;overflow:auto}.help-card h2{color:var(--accent);margin:0 0 10px;font-size:16px}.help-card p,.help-card li{color:#cbd5e1;font-size:13px;line-height:1.5}.help-card ul{margin:6px 0;padding-left:18px}.help-close{margin-top:12px}@media (max-width:720px){.panel{width:calc(100vw - 20px);top:10px;left:10px;right:10px}.controls{padding:8px}.controls__row{gap:6px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}