:root{--blue:#1b87d2;--blue-light:#5cbde3;--text:#16324a;--text-muted:#526779;--ink:white;--muted:#dcf1fb;--eyebrow:#bfe8fa;--link:white;--red:#e5383b;--green:#4cc22d;--line:#dce5eb;--frame:0 0 0 8px #ffffff38, 0 18px 44px #0a3a6a40;color:var(--ink);font-synthesis:none;background:#1e7fc4;font-family:Nunito,ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,sans-serif}.card,.rec-card,.watch-side,.trim-panel,.processing,.empty,.menu-list{--ink:var(--text);--muted:var(--text-muted);--eyebrow:#206893;--link:#126fae;color:var(--ink)}*{box-sizing:border-box}[hidden]{display:none!important}body{background:radial-gradient(70% 45% at 50% 0,#3aa3e0aa,#0000),linear-gradient(172deg,#1a78bf 0%,#2b93d3 45%,#67caef 100%) fixed;min-width:320px;min-height:100vh;margin:0}.masthead{border-bottom:1px solid #fff3;justify-content:space-between;align-items:center;gap:20px;max-width:1120px;margin:auto;padding:24px 32px;display:flex}.logo{max-width:100%;height:auto;display:block}.workspace{color:var(--muted);align-items:center;gap:16px;font-size:13px;display:flex}a{color:inherit}.nav{background:linear-gradient(#62b9e6,#4199d2);border-radius:6px;display:flex;overflow:hidden;box-shadow:inset 0 1px #fff5,0 1px 3px #0a3a6a40}.nav a{color:#fff;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:8px;padding:9px 16px;font-size:12px;font-weight:750;text-decoration:none;display:inline-flex}.nav a+a{border-left:1px solid #ffffff40}.nav a:hover{background:#ffffff1f}.nav a.is-current{background:#0a3a6a2e}.rec-dot{background:var(--red);border-radius:50%;flex-shrink:0;width:11px;height:11px;box-shadow:0 0 0 2.5px #fff}.badge{color:#fff;background:#0a3a6a40;border:1px solid #fff3;border-radius:6px;padding:7px 11px;font-weight:650}main{width:min(840px,100% - 40px);margin:auto}.intro{text-align:center;padding:44px 0 32px}.eyebrow{color:var(--eyebrow);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:750}h1{letter-spacing:-.045em;margin:0;font-size:clamp(36px,5vw,54px);font-weight:750;line-height:1.1}.intro>p:last-child{color:var(--muted);margin:20px 0 0;font-size:16px;line-height:1.7}h2{letter-spacing:-.025em;margin:0;font-size:23px}h3{margin:0 0 5px;font-size:14px}.card{box-shadow:var(--frame);background:#fff;border-radius:10px;padding:30px}.card-heading,.result-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.state{color:#426176;white-space:nowrap;background:#eff5f8;border-radius:20px;padding:7px 11px;font-size:12px;font-weight:650}.setup{border:1px solid var(--line);border-radius:10px;margin:26px 0;overflow:hidden}.source,.toggle{align-items:center;gap:16px;padding:20px;display:flex}.source{background:#f8fafc}.source p,.supporting{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.screen-icon{border:2px solid #3e7a9f;border-radius:4px;flex-shrink:0;width:38px;height:28px;margin-bottom:5px;position:relative}.screen-icon:after{content:"";border-bottom:2px solid #3e7a9f;width:20px;height:5px;position:absolute;bottom:-7px;left:7px}.toggle{border-top:1px solid var(--line);cursor:pointer;justify-content:space-between}.toggle strong{font-size:14px}.toggle .supporting{display:block}.toggle input{accent-color:#126fae;cursor:pointer;width:22px;height:22px}.recording-bar{justify-content:space-between;align-items:center;gap:16px;display:flex}.elapsed,.controls{align-items:center;gap:12px;display:flex}.timer{font-variant-numeric:tabular-nums;letter-spacing:-.025em;font-size:27px;font-weight:650}.dot{background:#a1b2bf;border-radius:50%;width:10px;height:10px}.btn{border:1px solid var(--line);font:inherit;color:var(--text);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-size:14px;font-weight:650;text-decoration:none;display:inline-flex}.btn-record{color:#1a5d93;background:linear-gradient(#fff36d,#f6cf16);border-color:#d6a90a;font-weight:750;box-shadow:inset 0 1px #ffffffa0,0 2px 6px #0a3a6a40}.btn-record:hover:not(:disabled){background:linear-gradient(#fff88f,#f9d93a)}.btn-lg{padding:14px 26px;font-size:17px}.btn-stop:hover:not(:disabled){background:#fff1f1}.btn:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline-offset:4px;outline:3px solid #0b4a80}.status{color:var(--muted);margin:20px 0 12px;font-size:13px;line-height:1.6}.shortcut{color:var(--muted);align-items:center;gap:4px;margin:0;font-size:11px;display:flex}.shortcut span{margin-left:4px}kbd{border:1px solid var(--line);font:inherit;background:#f8fafc;border-bottom-width:2px;border-radius:4px;padding:1px 5px}.notice{color:#744611;background:#fff4e5;border:1px solid #e9c792;border-radius:8px;margin-top:20px;padding:14px;font-size:14px;line-height:1.6}.is-recording .dot{background:var(--red);animation:1s ease-in-out infinite alternate pulse}.is-recording .state{color:#a42629;background:#fff0f0}.is-recording .btn-stop{color:#a42629;border-color:#bc3034}@keyframes pulse{to{opacity:.35}}#result{border-top:1px solid var(--line);gap:18px;margin-top:26px;padding-top:26px;display:grid}video{background:#10202c;border-radius:10px;width:100%;max-height:480px;display:block}.guidance{grid-template-columns:1fr 1fr;gap:36px;padding:28px 8px;display:grid}.guidance h3,summary{font-size:13px;font-weight:650}.guidance h3{font-size:18px;font-weight:750}.guidance ol{gap:10px;margin:14px 0 0;padding:0;font-size:16px;font-weight:650;list-style:none;display:grid}.guidance li{align-items:center;gap:12px;display:flex}.guidance li:before{content:"✔";color:var(--green);text-shadow:0 1px 1px #0a3a6a55;font-size:20px;line-height:1}summary{cursor:pointer}details p{color:var(--muted);font-size:13px;line-height:1.7}.foot{color:var(--muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:20px 24px 32px;font-size:12px;line-height:1.7;display:flex}.privacy-dot{background:var(--green);border-radius:50%;width:6px;height:6px}@media (width<=600px){.masthead{flex-wrap:wrap;padding:20px}.nav a{padding:9px 12px}.workspace{gap:8px;font-size:13px}.logo{width:135px}.badge{font-size:11px}.intro{padding:28px 0}.desktop-break{display:none}.card{padding:20px}.card-heading,.result-heading{flex-direction:column;align-items:flex-start}.recording-bar{flex-wrap:wrap}.controls{width:100%}.btn{flex:1;padding:12px}.shortcut{flex-wrap:wrap}.shortcut span{flex-basis:100%;margin:5px 0 0}.guidance{grid-template-columns:1fr;gap:24px}.result-heading .btn{width:100%}}@media (prefers-reduced-motion:reduce){.is-recording .dot{animation:none}}main.wide{width:min(1120px,100% - 40px)}main>.card:first-child,main>.empty:first-child,main>.recovery+.card{margin-top:28px}.error-text{color:#a42629;margin:0;font-size:13px}.recovery{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.recovery p{margin:4px 0 0}.library-head{justify-content:space-between;align-items:flex-end;gap:16px;padding:24px 0 8px;display:flex}.search{border:1px solid var(--line);width:min(320px,100%);font:inherit;color:var(--text);background:#fff;border-radius:8px;padding:10px 14px;font-size:14px}.library-head h2,.watch-title h2{text-shadow:0 1px 2px #0a3a6a40;font-weight:300}.library-head h2{font-size:clamp(30px,4vw,44px)}.rec-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;margin:0;padding:0;list-style:none;display:grid}.rec-card{background:#fff;border-radius:8px;position:relative;box-shadow:0 0 0 6px #ffffff38,0 12px 30px #0a3a6a33}.thumb{aspect-ratio:16/9;background:#10202c;border-radius:8px 8px 0 0;display:block;position:relative;overflow:hidden}.thumb img,.thumb-empty{object-fit:cover;width:100%;height:100%;display:block}.thumb-empty{background:linear-gradient(135deg,#1b3a52,#10202c)}.duration{color:#fff;font-variant-numeric:tabular-nums;background:#10202ccc;border-radius:5px;padding:2px 7px;font-size:12px;position:absolute;bottom:8px;right:8px}.chip{color:#426176;font:inherit;background:#eff5f8;border:0;border-radius:20px;padding:3px 9px;font-size:12px;font-weight:650;display:inline-block}.thumb .chip{position:absolute;top:8px;left:8px}.chip-processing,.chip-uploading{color:#744611;background:#fff4e5}.chip-failed,.chip-not_found,.chip-not_yours{color:#a42629;background:#fff0f0}.chip-private{color:#fff;background:#10202ccc}.chip-started,.chip-exists{color:#2c6b1d;background:#e7f7e2}.import .supporting{margin:12px 0 18px}.import code{font-size:12px}.import-text{border:1px solid var(--line);width:100%;color:var(--text);resize:vertical;border-radius:8px;margin-bottom:12px;padding:10px 12px;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.load-more{justify-items:center;gap:8px;padding:28px 0 8px;display:grid}.import-admin{margin-top:28px}.import-admin h3{font-size:16px}.import-admin .supporting{margin:0}.import-results{margin-top:28px}.import-results ul{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.import-results li{align-items:baseline;gap:10px;font-size:14px;display:flex}.import-results .chip{flex-shrink:0}.import-title{overflow-wrap:anywhere}.chip-time{cursor:pointer;color:#126fae;background:#e8f3fb}.rec-meta{padding:14px 44px 16px 16px}.rec-meta h3{overflow-wrap:anywhere;margin:0 0 6px;font-size:15px}.rec-meta h3 a{text-decoration:none}.rec-meta .supporting{font-size:12px;line-height:1.5}.rename{gap:8px;display:flex}.rename input{border:1px solid var(--line);min-width:0;font:inherit;border-radius:8px;flex:1;padding:8px 10px}.menu{position:absolute;bottom:10px;right:8px}.menu summary{cursor:pointer;color:var(--muted);border-radius:6px;padding:2px 10px;font-size:18px;list-style:none}.menu summary::-webkit-details-marker{display:none}.menu-list{z-index:2;border:1px solid var(--line);background:#fff;border-radius:10px;min-width:140px;padding:6px;display:grid;position:absolute;bottom:34px;right:0;box-shadow:0 12px 30px #16324a22}.menu-list button{text-align:left;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 10px;font-size:13px}.menu-list button:hover{background:#eff5f8}.menu-list .danger{color:#a42629}.empty{text-align:center;box-shadow:var(--frame);background:#fff;border-radius:10px;justify-items:center;gap:10px;padding:64px 20px;display:grid}.mic-row,.cam-row{flex-wrap:wrap;align-items:center;gap:14px;padding:0 20px 16px;display:flex}.mic-row select{border:1px solid var(--line);min-width:180px;font:inherit;color:var(--ink);background:#fff;border-radius:8px;flex:1;padding:9px 10px;font-size:13px}.meter{background:#e5edf2;border-radius:4px;width:120px;height:8px;overflow:hidden}.meter>span{background:var(--green);width:0;height:100%;transition:width 60ms linear;display:block}.cam-bubble{object-fit:cover;border:3px solid #fff;border-radius:50%;width:96px;height:96px;max-height:none;transform:scaleX(-1);box-shadow:0 4px 16px #16324a40}.floating-cam{z-index:10;position:fixed;bottom:20px;left:20px}.floating-cam .cam-bubble{width:140px;height:140px}.pip-note{margin:-8px 0 18px}.countdown{color:#126fae;font-variant-numeric:tabular-nums;place-items:center;margin:8px 0 18px;font-size:72px;font-weight:750;display:grid}.is-paused .dot{background:#d9a441;animation:none}.btn-sm{padding:8px 12px;font-size:13px}.btn-sm.is-on{color:#0e598c;background:#e8f3fb;border-color:#126fae}.link-btn{font:inherit;color:var(--link);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.watch{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:22px 28px;padding-top:28px;display:grid}.watch-title{grid-column:1/-1}.watch-title h2{overflow-wrap:anywhere;font-size:26px}.watch-title .supporting{margin:6px 0 0}.player{box-shadow:var(--frame);border-radius:10px;position:relative;overflow:hidden}.player video{max-height:70vh}.floaters{pointer-events:none;position:absolute;inset:0;overflow:hidden}.floater{font-size:34px;animation:2.5s ease-out forwards float-up;position:absolute;bottom:56px}@keyframes float-up{0%{opacity:1;transform:translateY(0)scale(.8)}to{opacity:0;transform:translateY(-220px)scale(1.2)}}.timeline{cursor:pointer;height:30px;margin:10px 0 4px;position:relative}.timeline:before{content:"";background:#ffffff59;border-radius:2px;height:4px;position:absolute;top:13px;left:0;right:0}.playhead{pointer-events:none;background:#fff;width:2px;height:14px;margin-left:-1px;position:absolute;top:8px}.trim-range{pointer-events:none;background:#f6cf16b0;border-radius:3px;height:8px;position:absolute;top:11px}.tick{cursor:pointer;font:inherit;background:0 0;border:0;padding:0;position:absolute;transform:translate(-50%)}.tick-comment{background:#f6cf16;border-radius:50%;width:8px;height:8px;top:4px;box-shadow:0 0 0 1px #0a3a6a80}.tick-reaction{font-size:14px;line-height:1;top:14px}.reaction-bar{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.reaction-bar .spacer{flex:1}.react{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:20px;padding:4px 9px;font-size:18px}.react:hover{background:#eff5f8}.processing{box-shadow:var(--frame);background:#fff;border-radius:10px;align-items:center;gap:16px;padding:32px;display:flex}.processing>div{flex:1}.processing p{margin:0}.spinner{border:3px solid #dce5eb;border-top-color:#126fae;border-radius:50%;width:28px;height:28px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.trim-panel{box-shadow:var(--frame);background:#fff;border-radius:10px;gap:12px;margin-top:16px;padding:18px;display:grid}.trim-panel label{gap:4px;font-size:13px;display:grid}.timer-sm{font-variant-numeric:tabular-nums;color:var(--muted)}.watch-side{box-shadow:var(--frame);background:#fff;border-radius:10px;padding:16px;position:sticky;top:16px}.tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:14px;display:flex}.tabs button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 12px;font-size:13px;font-weight:650}.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:#126fae}.comment-list,.segments{margin:0;padding:0;list-style:none}.comment-list{gap:14px;max-height:46vh;margin-bottom:14px;display:grid;overflow:auto}.comment-head{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.comment p{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0;font-size:14px;line-height:1.5}.composer{gap:8px;display:grid}.composer textarea{border:1px solid var(--line);width:100%;font:inherit;resize:vertical;color:var(--ink);border-radius:8px;padding:10px 12px;font-size:14px}.composer-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.check{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.transcript{gap:12px;display:grid}.segments{max-height:56vh;position:relative;overflow:auto}.segments button{text-align:left;width:100%;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:8px;gap:10px;padding:8px;font-size:14px;line-height:1.5;display:flex}.segments button:hover{background:#f3f7fa}.segments .is-active button{background:#e8f3fb}.seg-time{color:#126fae;font-variant-numeric:tabular-nums;flex-shrink:0;padding-top:2px;font-size:12px}mark{color:inherit;background:#ffe9a8;border-radius:2px}.pip-body{background:#10202c;margin:0}.pip{justify-items:center;gap:8px;padding:8px;display:grid}.pip-cam{object-fit:cover;border-radius:50%;width:184px;height:184px;max-height:none;transform:scaleX(-1)}.pip-bar{color:#fff;align-items:center;gap:8px;font-size:13px;display:flex}.pip-dot{background:var(--red);border-radius:50%;width:9px;height:9px}.pip[data-mode=waiting] .pip-dot,.pip[data-mode=countdown] .pip-dot,.pip.is-paused .pip-dot{background:#d9a441}.pip-time{font-variant-numeric:tabular-nums;font-weight:650}.pip-btn{padding:6px 10px;font-size:12px}@media (width<=900px){.watch{grid-template-columns:1fr}.watch-side{position:static}.recovery{flex-direction:column;align-items:flex-start}}