.rec-main{max-width:720px;margin:0 auto;padding:1.5rem 1rem 4rem}.deck{display:flex;flex-direction:column;align-items:center;gap:.9rem;padding:1.5rem 1rem 1.25rem}.clock{font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:200;letter-spacing:.04em;color:var(--text)}.meter{position:relative;width:min(360px,90%);height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden}.meter-fill{position:absolute;inset:0 auto 0 0;width:0%;border-radius:3px;background:linear-gradient(90deg,#3ecf6f,#e8d44d 70%,#ff5b5b 92%);transition:width 60ms linear}.meter-peak{position:absolute;top:0;bottom:0;left:0%;width:2px;background:var(--text-dim);transition:left .12s linear}.deck-controls{display:flex;align-items:center;gap:1.25rem}.big-rec{width:72px;height:72px;border-radius:50%;border:3px solid var(--border);background:var(--surface);padding:0;cursor:pointer;display:grid;place-items:center;transition:border-color .15s ease}.big-rec:hover{border-color:#ff5b5b}.big-rec:disabled{opacity:.5;cursor:default}.big-rec-inner{width:54px;height:54px;border-radius:50%;background:#e0483f;transition:border-radius .2s ease,width .2s ease,height .2s ease}.big-rec.recording .big-rec-inner{width:30px;height:30px;border-radius:7px}.btn{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:7px;padding:.4rem .8rem;font-size:.85rem;cursor:pointer;transition:border-color .12s ease,background .12s ease}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:default}.btn.danger:hover:not(:disabled){border-color:#e0483f;color:#ff8a84}.btn kbd{font-family:inherit;font-size:.7rem;color:var(--text-dim);border:1px solid var(--border);border-radius:4px;padding:0 .3rem;margin-left:.35rem}.hint{color:var(--text-dim);font-size:.75rem;user-select:none}.new-clip-hint{color:var(--text-dim);font-size:.78rem;margin:-.4rem 0 0;text-align:center}.recovery-banner{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;background:var(--surface);border:1px solid #7a6a2e;border-radius:var(--radius);padding:.7rem .9rem;margin-bottom:1rem;font-size:.88rem}.recovery-banner .grow{flex:1;min-width:200px}.recovery-banner strong{color:#e8d44d;font-weight:600}.live-list,.finished ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.finished h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:1.75rem 0 .6rem}.rec-row{display:flex;align-items:center;gap:.6rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.55rem .75rem}.rec-row.live:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.rec-row.nested{margin-left:1.6rem;border-left:3px solid var(--accent)}.dot{flex:none;width:10px;height:10px;border-radius:50%;background:#e0483f;animation:rec-pulse 1.2s ease-in-out infinite}.rec-row.paused .dot{background:var(--text-dim);animation:none}@keyframes rec-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.rec-row input.label{flex:1;min-width:60px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text);font-size:.92rem;padding:.25rem .4rem}.rec-row input.label:hover{border-color:var(--border)}.rec-row input.label:focus{outline:none;border-color:var(--accent);background:var(--surface-2)}.rec-row .time{font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:.88rem;min-width:3.6rem;text-align:right}.row-actions{display:flex;gap:.4rem;flex:none}.rec-row.done{flex-wrap:wrap}.done-main{display:flex;align-items:center;gap:.6rem;flex:1;min-width:220px}.done-main .meta{color:var(--text-dim);font-size:.8rem;white-space:nowrap;font-variant-numeric:tabular-nums}.row-status{flex-basis:100%;color:var(--text-dim);font-size:.78rem;padding-left:.4rem}.row-status:empty{display:none}.empty-note{color:var(--text-dim);font-size:.88rem;padding:.4rem .2rem}.statusline{position:fixed;left:50%;bottom:1rem;transform:translate(-50%);background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:.5rem .9rem;font-size:.85rem;max-width:min(90vw,560px);opacity:0;pointer-events:none;transition:opacity .2s ease}.statusline.show{opacity:1}