:root{--bg: #0f1119;--surface: #181b27;--border: #2a2f40;--text: #e2e8f0;--muted: #94a3b8;--accent: #f59e0b;--ok: #22c55e}*{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}#bass-app{max-width:980px;margin:0 auto;padding:16px}.bass-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.bass-header>div{display:flex;gap:8px}.link-btn{color:var(--muted);text-decoration:none;border:1px solid var(--border);padding:6px 10px;border-radius:6px}.controls{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:10px;margin-bottom:12px}.controls label{display:grid;gap:4px;font-size:.8rem;color:var(--muted)}input,select,button{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:8px}.detector{margin-bottom:14px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.detector-hint{margin:0 0 8px;font-size:.88rem;color:var(--muted);line-height:1.35}.detector-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.input-meter{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;margin-top:8px;color:var(--muted);font-size:.86rem}.input-device-row{margin-top:8px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.input-debug{margin-top:8px;color:var(--muted);font-size:.78rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.game-row{margin-top:8px;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.game-stats{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.84rem}.input-meter__bar{height:10px;border:1px solid var(--border);border-radius:999px;background:#0c1220;overflow:hidden}.input-meter__fill{height:100%;width:0%;background:linear-gradient(90deg,#22c55e,#eab308 70%,#ef4444);transition:width 70ms linear}#match-status.ok{color:var(--ok);font-weight:700}.fretboard{display:grid;gap:5px;margin-bottom:12px}.fretboard-dots{display:grid;gap:5px}.string-row{display:grid;grid-template-columns:56px repeat(13,minmax(0,1fr));gap:5px}.string-label{display:grid;place-items:center;color:var(--muted);border:1px solid var(--border);border-radius:6px}.fret{min-height:34px;display:grid;place-items:center;font-size:.78rem;border:1px solid var(--border);border-radius:6px;background:#ffffff03}.fret.in-scale{border-color:#6366f180}.fret.root{border-color:#f59e0b99}.fret.target{outline:2px solid var(--ok)}.fret.dim{opacity:.22}.dots-fret{min-height:30px}.fret-markers-row .string-label{border:none;background:transparent}.fret-marker-cell{min-height:20px;border:none;background:transparent;color:var(--muted);font-size:.72rem;font-weight:700}.board-section{margin-top:14px;padding-top:10px;border-top:1px dashed var(--border)}.board-section h2{margin:0 0 8px;font-size:.9rem;color:var(--muted)}#bass-score{margin-top:10px;border:1px solid var(--border);border-radius:6px;background:#fff;color:#111827;min-height:120px;padding:6px;overflow:auto}.pattern-diagram{border:1px solid var(--border);border-radius:6px;background:#fff;padding:6px;overflow:auto}.pattern-diagram svg{display:block;width:100%;min-width:560px;height:auto}.note-dot{width:24px;height:24px;border-radius:999px;display:grid;place-items:center;font-size:.74rem;font-weight:700;color:#fff;background:#111827;border:1px solid #374151}.note-dot.root{background:#dc2626;border-color:#ef4444}