:root{--bg:#14161a;--surface:#1d2026;--surface-2:#262a32;--border:#343944;--text:#e9ebef;--muted:#9aa1ad;--accent:#f2b544;--accent-text:#1b1406;--danger:#ef5a5a;--ok:#5ccf8a;--low:#ff8a3d;--grid:#f2b544d9;--radius:10px;--mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}h1{margin:0;font-size:1.4rem}h2{margin:0;font-size:1.1rem}.app{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:10;padding:10px 16px;padding-top:max(10px, env(safe-area-inset-top));background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:8px;font-weight:700;text-decoration:none;display:flex}.badge.beta{border:1px solid var(--border);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;vertical-align:middle;border-radius:999px;padding:1px 7px;font-size:.7rem;font-weight:600}.topbar nav{align-items:center;gap:14px;display:flex}.topbar nav a:not(.button){color:var(--muted);text-decoration:none}.topbar nav a[aria-current=page]{color:var(--text)}main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:16px}.stack{flex-direction:column;gap:14px;display:flex}.narrow{max-width:620px}.row{align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--danger)}button,.button{appearance:none;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);min-height:40px;color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;gap:6px;padding:8px 14px;text-decoration:none;display:inline-flex}button:hover:not(:disabled),.button:hover{border-color:var(--muted)}button:disabled{opacity:.5;cursor:default}button.primary,.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}button.danger{background:var(--danger);border-color:var(--danger);color:#fff;font-weight:600}button.ghost{background:0 0;border-color:#0000}button.selected{border-color:var(--accent);color:var(--accent)}.danger-text{color:var(--danger)}.button.small,button.small{min-height:32px;padding:4px 10px;font-size:.9rem}button.record{min-width:140px;min-height:52px;font-size:1.05rem}input,select{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:6px 8px}input[type=range]{padding:0}fieldset{border:1px solid var(--border);border-radius:var(--radius);margin:0;padding:10px 14px}legend{color:var(--muted);padding:0 4px}label.radio,label.checkbox{align-items:center;gap:8px;padding:4px 0;display:flex}.title-input{background:0 0;border-color:#0000;flex:240px;min-width:0;font-size:1.25rem;font-weight:650}.title-input:focus{border-color:var(--border)}.empty{border:1px dashed var(--border);border-radius:var(--radius);padding:24px}.take-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.take-list a{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);color:var(--text);flex-direction:column;padding:12px 14px;text-decoration:none;display:flex}.take-list a:hover{border-color:var(--muted)}.take-name{font-weight:600}.guide{margin:0;padding-left:20px}.guide li{margin:4px 0}.frame-box{max-width:100%;line-height:0;display:inline-block;position:relative}.frame-box video{max-width:100%;max-height:70dvh;display:block}.frame-box .overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}canvas.calibrate{touch-action:none;cursor:crosshair}.calibration-hint{border-radius:var(--radius);background:var(--surface);border-left:3px solid var(--accent);margin:0;padding:10px 12px}.stage{border-radius:var(--radius);background:#000;justify-content:center;width:100%;max-height:70dvh;display:flex;position:relative;overflow:hidden}.stage video,.stage canvas.frame{max-width:100%;max-height:70dvh;display:block}.stage .overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.stage.audio-only{align-items:center;min-height:120px}.audio-placeholder{color:var(--muted);padding:32px}.rec-badge{color:var(--danger);font-variant-numeric:tabular-nums;background:#0009;border-radius:999px;padding:4px 10px;font-weight:700;position:absolute;top:10px;left:10px}.meter{background:var(--surface-2);border-radius:3px;height:6px;overflow:hidden}.meter-bar{background:var(--ok);width:0;height:100%;transition:width 60ms linear}.meter-bar[data-clip=true]{background:var(--danger)}.progress{flex-direction:column;gap:4px;display:flex}progress{width:100%;height:8px;accent-color:var(--accent)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.tabs{gap:4px;display:flex}.tabs button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}pre.ascii{font:14px/1.35 var(--mono);white-space:pre;margin:0;overflow-x:auto}.ascii .note{cursor:pointer;border-radius:3px}.ascii .note:hover{background:var(--surface-2)}.ascii .note.low{color:var(--low);-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.ascii .note.selected{background:var(--accent);color:var(--accent-text)}.alphatab-host{border-radius:var(--radius);background:#fff;min-height:120px;overflow-x:auto}.legend{flex-wrap:wrap;gap:14px;display:flex}.swatch{vertical-align:middle;border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}@media (max-width:560px){.topbar nav{gap:10px}main{padding:12px 16px}}.notes-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.85rem}.notes-table th,.notes-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:4px 8px}.notes-table tbody tr{cursor:pointer}.notes-table tbody tr:hover{background:var(--surface-2)}.notes-table tr.selected{background:color-mix(in srgb, var(--accent) 20%, transparent)}details.menu{position:relative}details.menu>summary{list-style:none}details.menu>summary::-webkit-details-marker{display:none}.menu-items{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:stretch;min-width:220px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0006}.menu-items button{justify-content:flex-start}.note-editor{border-color:var(--accent)}.toast{left:50%;bottom:max(16px, env(safe-area-inset-bottom));z-index:50;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:10px 14px;font-size:.9rem;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #00000073}@media (hover:none){.key-hints{display:none}}