:root{--bg: #14161a;--panel: #1d2026;--panel-2: #24272e;--border: #32363f;--text: #e8e6e1;--muted: #9a9fa8;--accent: #d9a64a;--accent-dim: #8a6a2f;--good: #4caf7d;--bad: #e05555}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.45}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px 10px}textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}input:focus,select:focus,textarea:focus{outline:1px solid var(--accent-dim)}.loading{padding:4rem;text-align:center;color:var(--muted)}.muted{color:var(--muted)}.error{color:var(--bad);font-size:.9em}.success{color:var(--good);font-weight:600}code{background:var(--panel-2);padding:1px 5px;border-radius:4px;font-size:.85em}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:1.5rem;padding:.6rem 1.2rem;background:var(--panel);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.brand{font-weight:700;letter-spacing:.02em;white-space:nowrap}.brand-mark{color:var(--accent);font-size:1.25em}.tabs{display:flex;gap:.4rem;flex:1}.tab{background:none;border:1px solid transparent;color:var(--muted);padding:6px 14px;border-radius:8px}.tab.active{background:var(--panel-2);color:var(--text);border-color:var(--border)}.tab-num{display:inline-block;width:1.35em;height:1.35em;line-height:1.35em;text-align:center;border-radius:50%;background:var(--accent-dim);color:#fff;font-size:.75em;margin-right:4px}.tab.active .tab-num{background:var(--accent);color:#201a0d}.userbox{display:flex;align-items:center;gap:.6rem}.username{color:var(--muted)}main{padding:1.2rem;max-width:1200px;width:100%;margin:0 auto}.view{display:flex;flex-direction:column;gap:1rem}.two-col{display:flex;gap:1rem;align-items:flex-start;flex-wrap:wrap}.col{flex:1 1 420px;display:flex;flex-direction:column;gap:1rem;min-width:0}.col.narrow{flex:0 1 380px}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1rem 1.2rem}.card h2{margin:0 0 .5rem;font-size:1.15rem}.card h3{margin:0 0 .5rem;font-size:1rem}.subtabs{display:flex;gap:.5rem}.subtabs button{background:var(--panel);border:1px solid var(--border);color:var(--muted);padding:7px 16px;border-radius:999px}.subtabs button.active{color:var(--text);border-color:var(--accent-dim);background:var(--panel-2)}.primary{background:var(--accent);color:#201a0d;border:none;border-radius:8px;padding:8px 16px;font-weight:600}.primary:disabled{opacity:.5;cursor:default}.danger{background:var(--bad);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-weight:600}.ghost{background:none;border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:5px 10px}.big{padding:12px 22px;font-size:1.05rem;margin-top:.8rem}.chip{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:5px 12px;font-size:.85rem}.chip.active{border-color:var(--accent);color:var(--accent)}.chip.small{padding:2px 8px;font-size:.72rem}.key-picker{display:flex;flex-wrap:wrap;gap:6px;margin:.6rem 0}.key-btn{min-width:46px;padding:7px 6px;background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:2px}.key-btn.active{border-color:var(--accent);background:#2c2415;color:var(--accent);font-weight:700}.key-btn:disabled{opacity:.5}.key-badge{font-size:.65rem;color:var(--good)}.interval-picker{display:flex;flex-wrap:wrap;gap:6px;margin:.6rem 0}.karaoke{display:flex;flex-wrap:wrap;gap:.7rem 1.2rem;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:.8rem 1rem;margin:.8rem 0}.k-group{display:flex;flex-direction:column;gap:4px}.k-title{font-size:.75rem;color:var(--muted);letter-spacing:.03em}.k-notes{display:flex;flex-wrap:wrap;gap:4px}.k-note{display:inline-block;min-width:2em;text-align:center;padding:4px 6px;border-radius:6px;background:var(--panel);border:1px solid var(--border);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem}.k-note.done{opacity:.45;border-color:var(--good)}.k-note.current{background:var(--accent);color:#201a0d;font-weight:700;border-color:var(--accent);transform:scale(1.12)}.k-note.current.shake{animation:shake .25s}@keyframes shake{25%{transform:scale(1.12) translate(-3px)}75%{transform:scale(1.12) translate(3px)}}.tuner{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap}.tuner-note{font-size:2.4rem;font-weight:700;min-width:2.2em;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.tuner-note.right{color:var(--good)}.tuner-note.wrong{color:var(--bad)}.cents-bar{flex:1;min-width:180px}.cents-scale{position:relative;height:10px;border-radius:5px;background:linear-gradient(90deg,var(--bad),var(--good) 45%,var(--good) 55%,var(--bad));opacity:.85}.cents-needle{position:absolute;top:-4px;width:3px;height:18px;background:#fff;border-radius:2px;transform:translate(-50%);transition:left .09s linear}.cents-center{position:absolute;left:50%;top:-2px;width:1px;height:14px;background:#fff8}.cents-label{text-align:center;font-size:.8rem;color:var(--muted);margin-top:4px}.live-stats{display:flex;gap:1rem;flex-wrap:wrap;color:var(--muted);font-size:.88rem}.live-stats b{color:var(--text)}table.summary{width:100%;border-collapse:collapse;font-size:.88rem}table.summary th{text-align:left;color:var(--muted);font-weight:500;border-bottom:1px solid var(--border);padding:4px 8px}table.summary td{padding:4px 8px;border-bottom:1px solid #ffffff0d}table.summary tr.hl td{background:#d9a64a14}.drone-timer{display:flex;align-items:center;gap:1.5rem;margin-top:1rem}.timer-ring{--pct: 0%;width:110px;height:110px;border-radius:50%;background:conic-gradient(var(--accent) var(--pct),var(--panel-2) var(--pct));display:flex;align-items:center;justify-content:center}.timer-ring:before{content:"";position:absolute;width:92px;height:92px;border-radius:50%;background:var(--panel)}.timer-text{position:relative;font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}.prog-list{list-style:none;margin:0 0 .8rem;padding:0;display:flex;flex-direction:column;gap:6px}.prog-list li{display:flex;gap:6px;align-items:stretch}.prog-list li.empty{display:block;padding:.4rem 0}.prog-select{flex:1;text-align:left;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:8px 10px;color:var(--text);display:flex;flex-direction:column;gap:2px;min-width:0}.prog-list li.active .prog-select{border-color:var(--accent)}.prog-name{font-weight:600}.prog-chords{font-size:.8rem;color:var(--muted);font-family:ui-monospace,Menlo,monospace}.prog-stats{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.del{align-self:center}.add-form{display:flex;flex-direction:column;gap:8px;margin-top:.6rem}.add-form .inline{display:flex;align-items:center;gap:8px;color:var(--muted)}.abc-sheet{background:#f5f2ea;color:#16181c;border-radius:8px;padding:6px;margin:.6rem 0}.abc-sheet svg{max-width:100%;fill:#16181c}.staff-editor{display:flex;flex-direction:column;gap:8px}.staff-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.88rem}.chip.note-chip{display:inline-flex;align-items:center;padding:3px 8px}.staff-controls label{display:flex;align-items:center;gap:6px}.staff-svg-wrap{background:#f5f2ea;border-radius:8px;padding:8px 4px;overflow-x:auto}.staff-svg-wrap svg{display:block;cursor:crosshair}.abc-out{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;color:var(--muted);background:var(--panel-2);border-radius:6px;padding:6px 8px;overflow-x:auto;white-space:pre}.cal-header{display:flex;align-items:center;gap:1rem;margin-bottom:.8rem}.cal-header h2{margin:0;flex:1}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-dow{text-align:center;color:var(--muted);font-size:.75rem;padding:2px 0}.cal-day{min-height:92px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:5px 6px;text-align:left;color:var(--text);display:flex;flex-direction:column;gap:3px;cursor:pointer}.cal-day.out{opacity:.35}.cal-day.today{border-color:var(--accent-dim)}.cal-day.selected{border-color:var(--accent)}.cal-day-num{font-size:.8rem;color:var(--muted);display:flex;justify-content:space-between}.cal-day-total{color:var(--accent);font-weight:600}.cal-badge{font-size:.68rem;line-height:1.25;border-radius:4px;padding:1px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-badge.drone{background:#d9a64a26;color:#e5c07b}.cal-badge.intervals{background:#4caf7d26;color:#7fd0a3}.cal-badge.targeting{background:#5c9ded26;color:#8ebbf2}.cal-badge.imitating{background:#b47ee526;color:#cda6ef}.cal-detail-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.cal-detail-list li{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:6px 10px;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.cal-detail-time{color:var(--muted);font-size:.8rem;font-variant-numeric:tabular-nums}.cal-detail-stats{color:var(--muted);font-size:.82rem;margin-left:auto}.explore-item{border-top:1px solid var(--border);padding:.7rem 0}.explore-item:first-of-type{border-top:none}.settings-pop{position:absolute;right:1.2rem;top:3.4rem;z-index:20;width:300px;display:flex;flex-direction:column;gap:8px;box-shadow:0 8px 30px #0008}.settings-actions{display:flex;gap:8px}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}.auth{width:340px;display:flex;flex-direction:column;gap:12px}.auth h1{margin:0;font-size:1.3rem}.auth label{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:.9rem}.heat-hint{font-size:.72rem;font-weight:400;color:var(--muted)}