:root{--bg: #0a0a0a;--ink: #f2f0eb;--dim: #6b6b66;--hair: #232320;--rec: #e5484d}body[data-theme=light]{--bg: #f4f2ed;--ink: #0a0a0a;--dim: #8a8780;--hair: #dedbd2}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:ui-monospace,SF Mono,JetBrains Mono,Cascadia Mono,Menlo,Consolas,monospace;font-size:14px;line-height:1.5;transition:background .25s ease,color .25s ease}#root{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:0 16px 48px}header{width:100%;max-width:720px;display:flex;justify-content:space-between;align-items:baseline;padding:20px 0 14px;border-bottom:1px solid var(--hair)}header .prompt b{font-weight:700}header .prompt span{color:var(--dim)}.right{display:flex;gap:20px;align-items:baseline}#clock{color:var(--dim);font-variant-numeric:tabular-nums}#themeBtn{background:none;border:none;color:var(--ink);cursor:pointer;font:inherit;text-decoration:underline;text-underline-offset:3px}#themeBtn:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.marker{color:var(--dim);text-align:center;margin:26px 0 14px;width:100%}#nameRow{width:100%;max-width:560px;display:flex;gap:10px;align-items:baseline;margin:0 0 12px;color:var(--dim)}#noteName{flex:1;font:inherit;color:var(--ink);background:none;border:none;border-bottom:1px solid var(--hair);padding:6px 2px;transition:border-color .12s ease}#noteName:focus{outline:none;border-bottom-color:var(--ink)}#noteName::placeholder{color:var(--dim)}#aspectRow{width:100%;max-width:560px;display:flex;gap:10px;align-items:baseline;margin:0 0 12px;color:var(--dim)}#aspectRow[aria-disabled=true]{opacity:.5}#aspectRow button{background:none;border:none;color:var(--dim);cursor:pointer;font:inherit;padding:0}#aspectRow button.active{color:var(--ink);text-decoration:underline;text-underline-offset:3px}#aspectRow button:disabled{cursor:not-allowed}#stageWrap{width:100%;max-width:560px}#stage{width:100%;aspect-ratio:1 / 1;display:block;border:1px solid var(--hair)}#statusLine{width:100%;max-width:560px;display:flex;justify-content:space-between;align-items:center;padding:10px 2px;color:var(--dim);font-variant-numeric:tabular-nums}#recDot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--dim);margin-right:8px;vertical-align:baseline}#recDot.live{background:var(--rec);animation:blink 1.1s steps(2,start) infinite}@keyframes blink{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){#recDot.live{animation:none}}#captionsBtn{background:none;border:none;color:var(--dim);cursor:pointer;font:inherit;margin-left:16px;text-decoration:underline;text-underline-offset:3px}#captionsBtn:disabled{cursor:not-allowed;text-decoration:none}#controls{width:100%;max-width:560px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:6px}#controls button{font:inherit;color:var(--ink);background:none;border:1px solid var(--ink);padding:12px 4px;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease,opacity .12s ease}#controls button:hover:not(:disabled){background:var(--ink);color:var(--bg)}#controls button:disabled{border-color:var(--hair);color:var(--dim);cursor:not-allowed}#recordBtn.armed{border-color:var(--rec);color:var(--rec)}#recordBtn.armed:hover{background:var(--rec);color:var(--bg)}#log{width:100%;max-width:560px;margin-top:22px;border-top:1px solid var(--hair);padding-top:12px;color:var(--dim);white-space:pre-wrap;min-height:4.5em}#log .ok{color:var(--ink)}footer{margin-top:auto;padding-top:34px;color:var(--dim)}@media(max-width:480px){#controls{grid-template-columns:repeat(2,1fr)}}