body{min-height:100dvh}.topbar{height:58px;gap:16px;padding:0 20px;background:var(--glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:inset 0 -1px 0 var(--glass-ring),0 1px 24px #0000000f;position:sticky;top:0;z-index:5}.brand,.topbar{display:flex;align-items:center}.brand{gap:9px;font-size:16px;font-weight:650;letter-spacing:-.028em;color:var(--label)}.brand:hover{text-decoration:none}.brand-mark{width:29px;height:29px;flex-shrink:0;display:grid;place-items:center}.brand-mark img{display:block;width:29px;height:29px;-o-object-fit:contain;object-fit:contain}.crumb{color:var(--label-3);font-size:12.5px;padding-left:16px;border-left:1px solid var(--separator)}.top-status{margin-left:auto;display:flex;align-items:center;gap:12px}.kbd-hint{color:var(--label-3);font-size:12.5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:var(--r-sm);padding:8px 13px;background:var(--fill-1);box-shadow:inset 0 1px 0 var(--glass-edge),inset 0 0 0 1px var(--glass-ring);font-size:13px;font-weight:500;color:var(--label);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.btn:hover:not(:disabled){background:var(--fill-2);text-decoration:none}.btn:active:not(:disabled){transform:scale(.96)}.btn svg{width:15px;height:15px}.rec-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:var(--r-pill);background:var(--red-soft);box-shadow:inset 0 1px 0 var(--glass-edge),inset 0 0 0 1px var(--red-line);color:var(--red-text);font-weight:590;font-size:12.5px;font-variant-numeric:tabular-nums}.wrap{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:20px;max-width:1240px;margin:0 auto;padding:26px 20px 56px}.card{background:var(--glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--r-xl);box-shadow:inset 0 1px 0 var(--glass-edge),inset 0 0 0 1px var(--glass-ring),var(--glass-shadow-lg)}.card-pad{padding:26px 26px 24px}.eyebrow{font-size:11px;font-weight:590;letter-spacing:.06em;color:var(--label-3);text-transform:uppercase}h1{font-size:28px;letter-spacing:-.032em;font-weight:700;margin:4px 0 6px}.lede{margin:0;font-size:14.5px;line-height:1.45}.lede,h2{color:var(--label-2)}h2{font-size:12px;text-transform:uppercase;letter-spacing:.05em;font-weight:590;margin:0 0 10px}.section{margin-top:26px}.sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.src{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 19px;gap:12px;align-items:start;text-align:left;padding:15px;border:0;border-radius:var(--r-lg);background:var(--fill-4);box-shadow:inset 0 1px 0 var(--glass-edge),inset 0 0 0 1px var(--glass-ring);transition:background var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.src:hover:not(:disabled){background:var(--fill-1)}.src:active:not(:disabled){transform:scale(.99)}.src[aria-checked=true]{background:var(--tint-soft);box-shadow:inset 0 1px 0 var(--glass-edge),inset 0 0 0 2px var(--tint),0 6px 20px color-mix(in oklab,var(--tint) 22%,transparent)}.src-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--surface-strong);color:var(--label-2);box-shadow:inset 0 1px 0 var(--glass-edge),inset 0 0 0 1px var(--glass-ring),var(--shadow-1)}.src[aria-checked=true] .src-icon{color:var(--on-tint);background:linear-gradient(155deg,var(--tint),var(--tint-press))}.src-icon svg{width:26px;height:26px;display:block}.src b{display:block;font-size:14px;font-weight:600;margin:2px 0}.src>span:not(.src-icon):not(.check){min-width:0}.src>span>span{display:block;font-size:12.5px;color:var(--label-2);line-height:1.4}.src b{color:var(--label)}.src .check{margin-top:2px;width:19px;height:19px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--label-4);display:grid;place-items:center;transition:background var(--dur-fast) var(--ease)}.src[aria-checked=true] .check{background:var(--tint);box-shadow:inset 0 1px 0 #ffffff6b,0 2px 6px color-mix(in oklab,var(--tint) 40%,transparent)}.src[aria-checked=true] .check:after{content:"";width:9px;height:5px;margin-top:-2px;border:1.8px solid var(--on-tint);border-top:0;border-right:0;transform:rotate(-45deg)}.target{display:flex;align-items:center;gap:11px;margin-top:10px;padding:11px 14px;border-radius:var(--r-md);background:var(--fill-4);box-shadow:inset 0 1px 0 var(--glass-edge),inset 0 0 0 1px var(--glass-ring);font-size:12.5px;min-height:52px}.target .fav,.target img{width:18px;height:18px;border-radius:5px;flex-shrink:0}.target .fav{background:var(--fill-2)}.target-text{min-width:0;flex:1}.target-text b{font-weight:590}.target-text b,.target-text small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.target-text small{color:var(--label-2)}.target.bad{background:var(--red-soft);box-shadow:inset 0 1px 0 var(--glass-edge),inset 0 0 0 1px var(--red-line);color:var(--red-text)}.target.bad small{color:inherit;opacity:.85;white-space:normal}.chip{flex-shrink:0;font-size:11.5px;font-weight:590;padding:4px 11px;border-radius:var(--r-pill);background:var(--tint-soft);box-shadow:inset 0 1px 0 var(--glass-edge),inset 0 0 0 1px var(--tint-line);color:var(--tint-text)}.toggles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.toggle{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:var(--r-lg);background:var(--fill-4);box-shadow:inset 0 1px 0 var(--glass-edge),inset 0 0 0 1px var(--glass-ring);cursor:pointer;transition:background var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.toggle:hover{background:var(--fill-1)}.toggle:has(input:checked){background:var(--tint-soft);box-shadow:inset 0 1px 0 var(--glass-edge),inset 0 0 0 1px var(--tint-line)}.toggle:has(input:disabled){opacity:.5;cursor:not-allowed}.toggle .t-icon{width:36px;height:36px;flex:0 0 36px;border-radius:10px;background:linear-gradient(155deg,color-mix(in oklab,var(--icon-tint,var(--blue)) 78%,#fff),var(--icon-tint,var(--blue)));color:#fff;display:grid;place-items:center;box-shadow:inset 0 1px 0 var(--glass-edge);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.toggle:has(#recordMic){--icon-tint:var(--red)}.toggle:has(#recordSystem){--icon-tint:var(--blue)}.toggle:has(#recordCam){--icon-tint:var(--indigo)}.toggle:has(#recordDenoise){--icon-tint:var(--tint-press)}.toggle:has(input:checked) .t-icon{background:linear-gradient(180deg,color-mix(in oklab,var(--tint) 86%,#fff),var(--tint));color:var(--on-tint);box-shadow:inset 0 1px 0 #ffffff6b,0 3px 10px color-mix(in oklab,var(--tint) 35%,transparent)}.t-icon svg{width:22px;height:22px;display:block}.t-text{flex:1;min-width:0}.t-text b{display:block;font-size:13.5px;font-weight:590}.t-text small{display:block;font-size:12px;color:var(--label-2);line-height:1.3}.fine{font-size:12px;color:var(--label-3);margin:12px 2px 0;line-height:1.5}.preview{display:flex;align-items:center;gap:14px;margin-top:10px;padding:12px 14px;border-radius:var(--r-md);background:var(--fill-4);box-shadow:inset 0 1px 0 var(--glass-edge),inset 0 0 0 1px var(--glass-ring);font-size:12.5px}.pv-cam{width:72px;height:72px;flex:0 0 72px;border-radius:50%;overflow:hidden;background:var(--fill-2);box-shadow:inset 0 0 0 1px var(--glass-ring),0 3px 10px #0000001f}.pv-cam video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transform:scaleX(-1)}.pv-lines{flex:1;min-width:0;display:grid;gap:8px}.pv-line{display:flex;align-items:center;gap:11px}.pv-line,.pv-text{min-width:0}.pv-text b{display:block;font-weight:590}.pv-text small{display:block;color:var(--label-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pv-line.warn .pv-text b{color:var(--orange-text)}.pv-line.ok .pv-text b{color:var(--tint-text)}.mic-meter{display:flex;align-items:center;gap:3px;height:26px;flex:0 0 auto}.mic-meter i{width:4px;height:100%;border-radius:var(--r-pill);background:var(--tint);transform:scaleY(var(--v,.08));opacity:calc(.35 + var(--v, 0) * .65);transition:opacity var(--dur-fast) var(--ease)}.mic-meter.quiet i{background:var(--orange)}.mic-meter.idle i{background:var(--label-3);transform:scaleY(.08);opacity:.5}@media (prefers-reduced-motion:reduce){.mic-meter i{transition:none}}.record-row{display:flex;gap:18px;margin-top:26px;padding-top:22px;box-shadow:inset 0 1px 0 var(--glass-ring)}.go,.record-row{align-items:center}.go{display:inline-flex;gap:10px;border:0;border-radius:var(--r-pill);padding:14px 26px;font-weight:650;font-size:15px;letter-spacing:-.01em;--go-face:linear-gradient(180deg,color-mix(in oklab,var(--red) 86%,#fff),var(--red));background:var(--go-face);color:#fff;white-space:nowrap;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff5c,0 2px 4px #0000001a,0 10px 28px color-mix(in oklab,var(--red) 38%,transparent);transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),filter var(--dur-fast) var(--ease),opacity var(--dur-fast)}.go:hover:not(:disabled){background:var(--go-face);filter:brightness(1.06)}.go:active:not(:disabled){transform:scale(.96);box-shadow:inset 0 1px 0 #ffffff5c,0 1px 3px #00000014}.go:disabled{opacity:.4;cursor:not-allowed}.go .dot{width:11px;height:11px;border-radius:50%;background:#fff;transition:border-radius var(--dur) var(--ease)}.go.stop{--go-face:linear-gradient(180deg,color-mix(in oklab,var(--label) 82%,var(--gray)),var(--label));background:var(--go-face);color:var(--solid);box-shadow:inset 0 1px 0 #ffffff3d,0 2px 4px #0000001a,0 10px 28px #0000002e}.go.stop .dot{border-radius:3px;background:var(--solid)}.go.busy .dot{border-radius:50%;background:transparent;border:2px solid #ffffff5c;border-top-color:#fff;animation:spin .8s linear infinite}.go.stop.busy .dot{border-color:#ffffff3d;border-top-color:var(--solid)}.record-hint{color:var(--label-2);font-size:12.5px;line-height:1.45}.live{display:grid;gap:20px;text-align:center;padding:44px 28px 32px}.live-badge{display:inline-flex;align-items:center;gap:8px;margin:0 auto;font-weight:650;font-size:11.5px;letter-spacing:.12em;color:var(--red-text)}.pulse{width:10px;height:10px;border-radius:50%;background:var(--red);box-shadow:0 0 0 0 #ff3b3088;animation:pulse 1.8s infinite}.live.saving .pulse{background:var(--label-3);animation:none;box-shadow:none}.live.saving .live-badge{color:var(--label-2)}.clock{font-size:68px;font-weight:250;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}.live-target{color:var(--label-2);font-size:13px;max-width:520px;margin:-6px auto 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:560px;width:100%;margin:0 auto}.stat{border-radius:var(--r-md);padding:12px 8px;background:var(--fill-4);box-shadow:inset 0 1px 0 var(--glass-edge),inset 0 0 0 1px var(--glass-ring)}.stat b{display:block;font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.stat span{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--label-3);font-weight:590}.stat.bad b{color:var(--red-text)}.stat.good b{color:var(--tint-text)}.media-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:6px}.live .go{margin:2px auto 0}.banner{display:flex;gap:10px;align-items:flex-start;margin-top:16px;padding:12px 14px;border-radius:var(--r-md);font-size:13px;line-height:1.45;text-align:left;box-shadow:inset 0 1px 0 var(--glass-edge),inset 0 0 0 1px var(--glass-ring)}.banner svg{width:16px;height:16px;margin-top:1px}.banner.err{background:var(--red-soft);color:var(--red-text)}.banner.warn{background:var(--orange-soft);color:var(--orange-text)}.banner.ok{background:var(--tint-soft);color:var(--tint-text)}.banner .grow{flex:1}.banner a{color:inherit;font-weight:650;white-space:nowrap;text-decoration:underline}.banner .x{border:0;background:none;box-shadow:none;padding:0 2px;color:inherit;opacity:.55;font-size:17px;line-height:1;cursor:pointer}.banner .x:hover{opacity:1;background:none}.library{display:flex;flex-direction:column;max-height:calc(100dvh - 58px - 48px);position:sticky;top:82px;overflow:hidden}.lib-head{display:flex;align-items:baseline;justify-content:space-between;padding:20px 20px 13px;box-shadow:inset 0 -1px 0 var(--glass-ring)}.lib-head h2{margin:0}.count{font-size:12px;color:var(--label-3);font-variant-numeric:tabular-nums}.list{list-style:none;margin:0;padding:8px;overflow-y:auto;flex:1}.rec{padding:12px;border-radius:var(--r-md);transition:background var(--dur-fast) var(--ease)}.rec+.rec{box-shadow:inset 0 1px 0 var(--separator)}.rec:hover{background:var(--fill-4)}.rec.fresh{background:var(--tint-soft);box-shadow:inset 0 1px 0 var(--glass-edge),inset 0 0 0 1px var(--tint-line)}.rec-top{display:flex;gap:12px;align-items:flex-start}.thumb{position:relative;width:76px;height:43px;border-radius:10px;flex-shrink:0;overflow:hidden;display:grid;place-items:center;background:linear-gradient(160deg,var(--tint-soft),var(--fill-2));box-shadow:inset 0 1px 0 var(--glass-edge),inset 0 0 0 1px var(--glass-ring);color:var(--tint-text);font-size:11px;font-weight:650;font-variant-numeric:tabular-nums}.thumb-img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.thumb-img~.thumb-time{position:absolute;right:3px;bottom:3px;padding:1px 4px;border-radius:5px;background:#000000a3;color:#fff;font-size:10px;line-height:1.4}.rec-info{flex:1;min-width:0}.rec-title{font-weight:590;font-size:13.5px}.rec-meta{font-size:12px;color:var(--label-2);font-variant-numeric:tabular-nums}.tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.tag{font-size:10.5px;font-weight:590;padding:3px 9px;border-radius:var(--r-pill);background:var(--fill-1);color:var(--label-2)}.tag.err{background:var(--red-soft);color:var(--red-text)}.tag.warn{background:var(--orange-soft);color:var(--orange-text)}.rec-actions{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.rec-actions .btn{padding:7px 12px;font-size:12px;border-radius:var(--r-pill)}.rec-actions .btn.pri{background:linear-gradient(180deg,color-mix(in oklab,var(--tint) 88%,#fff),var(--tint));color:var(--on-tint);font-weight:590;box-shadow:inset 0 1px 0 #ffffff5c,0 3px 10px color-mix(in oklab,var(--tint) 30%,transparent)}.rec-actions .btn.pri:hover{filter:brightness(1.04)}.rec-actions .btn.ghost{background:none;box-shadow:none;color:var(--label-2);padding:7px 10px}.rec-actions .btn.ghost:hover{background:var(--fill-1);color:var(--label)}.rec-actions .btn.danger:hover{color:var(--red-text);background:var(--red-soft)}.rec-actions .btn.confirm{color:#fff;background:var(--red);box-shadow:inset 0 1px 0 #ffffff5c}.empty{text-align:center;padding:44px 24px;color:var(--label-2)}.empty .e-icon{width:56px;height:56px;border-radius:17px;margin:0 auto 14px;display:grid;place-items:center;background:var(--tint-soft);box-shadow:inset 0 1px 0 var(--glass-edge),inset 0 0 0 1px var(--tint-line);color:var(--tint-text)}.empty .e-icon svg{width:26px;height:26px}.empty b{display:block;color:var(--label);font-size:14px;margin-bottom:3px}.lib-foot{padding:12px 20px 16px;box-shadow:inset 0 1px 0 var(--glass-ring);font-size:11.5px;color:var(--label-2)}.meter{height:6px;background:var(--fill-2);overflow:hidden;margin-top:8px;box-shadow:inset 0 1px 2px #00000014}.meter,.meter i{border-radius:3px}.meter i{display:block;height:100%;width:0;background:linear-gradient(180deg,color-mix(in oklab,var(--tint) 85%,#fff),var(--tint));transition:width .4s var(--ease)}@keyframes pulse{0%{box-shadow:0 0 0 0 #ff3b3088}70%{box-shadow:0 0 0 10px #ff3b3000}to{box-shadow:0 0 0 0 #ff3b3000}}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-transparency:reduce){.card,.topbar{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--glass-strong)}}@media (max-width:980px){.wrap{grid-template-columns:minmax(0,1fr)}.library{position:static;max-height:none}}@media (max-width:620px){.wrap{padding:14px 14px 32px}.card-pad{padding:20px 18px}.sources,.toggles{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.crumb,.kbd-hint{display:none}.record-row{flex-direction:column;align-items:stretch}.go{justify-content:center}.clock{font-size:52px}h1{font-size:24px}}.recordings-page{max-width:1160px;margin:0 auto;padding:48px 28px 64px}.library-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.library-heading h1{font-size:32px;margin-top:6px}.library-heading .btn{min-height:44px;flex-shrink:0}.library-toolbar{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px}.library-search{display:grid;gap:8px;width:min(100%,360px);font-size:12px;font-weight:600}.library-search input{width:100%;min-height:44px;background:var(--surface-strong)}#recordingsCount{font-size:12px;color:var(--label-2);padding-bottom:12px}.recordings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;margin:0;padding:0}.recording-card{display:block;overflow:hidden;border-radius:var(--r-lg);color:var(--label);background:var(--solid);border:1px solid var(--glass-ring);box-shadow:var(--shadow-1);transition:box-shadow var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.recording-card:hover{text-decoration:none;border-color:var(--tint-line);box-shadow:var(--shadow-2)}.recording-art{position:relative;display:grid;place-items:center;aspect-ratio:16/9;background:var(--tint-soft);color:var(--tint-text)}.recording-art>svg{width:44px;height:44px}.recording-duration{position:absolute;bottom:12px;right:12px;padding:4px 8px;border-radius:7px;background:var(--solid);color:var(--label);font-size:12px;font-variant-numeric:tabular-nums}.recording-info{padding:18px}.recording-info h2{color:var(--label);font-size:15px;font-weight:600;text-transform:none;letter-spacing:-.015em;margin:0;overflow-wrap:anywhere}.recording-date{color:var(--label-2);font-size:12px;margin:6px 0 20px}.recording-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px}.recording-dimensions{color:var(--label-2)}.recording-open{color:var(--tint-text);font-weight:600}.library-empty{padding:64px 24px;text-align:center;border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--glass-ring)}.library-empty-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;margin:0 auto 22px;background:var(--tint-soft);color:var(--tint-text)}.library-empty-icon svg{width:30px;height:30px}.library-empty h2{font-size:22px;text-transform:none;letter-spacing:-.025em;color:var(--label)}.library-empty p{color:var(--label-2);margin-bottom:24px}.library-empty .btn{min-height:44px}@media (max-width:900px){.recordings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.recordings-page{padding:28px 18px 40px}.library-heading{align-items:flex-start;flex-direction:column;gap:20px}.library-heading h1{font-size:28px}.recordings-grid{grid-template-columns:minmax(0,1fr)}}.back-btn{padding:7px 12px 7px 10px}.back-btn svg{width:16px;height:16px;margin-right:-2px}.recording-art{background:var(--solid-sunken);overflow:hidden}.recording-thumbnail{display:block;width:100%;height:100%;position:absolute;inset:0;-o-object-fit:contain;object-fit:contain}.preview-status{font-size:12px;color:var(--label-2)}.recording-duration{z-index:1;box-shadow:var(--shadow-1)}