:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05060d;--panel:#0c0e1cd1;--text:#e8e9f3;--muted:#9aa0bd;--accent:#ffcf5a;--cool:#5ab0ff;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;overflow:hidden}#scene{width:100%;height:100%;display:block;position:fixed;inset:0}#panel{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #ffffff14;border-radius:12px;width:min(360px,100% - 24px);max-height:calc(100% - 24px);padding:14px 16px;position:fixed;top:12px;left:12px;overflow:auto}h1{margin:0 0 8px;font-size:1.05rem}.privacy{color:var(--muted);border-left:3px solid var(--cool);background:#5ab0ff12;margin:0 0 10px;padding:8px;font-size:.8rem}.sources{flex-wrap:wrap;gap:6px;display:flex}button,.file{font:inherit;color:var(--text);cursor:pointer;background:#1d2140;border:1px solid #343a6a;border-radius:6px;padding:6px 10px;font-size:.85rem}button:disabled{opacity:.4;cursor:default}.file input{display:none}.status{color:var(--muted);min-height:1.2em;font-size:.8rem}.chord .name{color:var(--accent);font-size:3rem;font-weight:700;line-height:1.1}.confidence{background:#1d2140;border-radius:3px;height:6px;margin:4px 0;overflow:hidden}#confidence-bar{background:var(--accent);width:0;height:100%;transition:width .15s}.top3,.next{margin:4px 0;padding-left:1.2em;font-size:.85rem}.next li small{color:var(--muted)}.harmony{margin-top:8px;font-size:.9rem}.chroma{grid-template-columns:repeat(12,1fr);align-items:end;gap:2px;height:60px;margin-top:10px;display:grid}.chroma div{background:var(--cool);border-radius:2px 2px 0 0;min-height:1px;position:relative}.chroma div span{text-align:center;color:var(--muted);font-size:.6rem;position:absolute;bottom:-14px;left:0;right:0}.backend{color:var(--muted);margin:20px 0 0;font-size:.7rem}