:root{--bg: #f4f8fd;--surface: #ffffff;--surface-2: #eef4fc;--ink: #101c3c;--heading: #07132f;--text-2: #415d83;--muted: #6b84ae;--accent: #2f6fd0;--accent-ink: #ffffff;--line: #d8e4f2;--line-soft: #e8eff8;--ok: #1f9d55;--bad: #c0392b;--font: "Segoe UI", "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;--mono: "SF Mono", "Cascadia Mono", Consolas, "Liberation Mono", monospace;--radius: 3px;--radius-lg: 4px;color-scheme:light;font-family:var(--font);color:var(--ink);background:var(--bg)}:root[data-theme=dark]{--bg: #0a1222;--surface: #0f1a2e;--surface-2: #14233d;--ink: #e4ecf8;--heading: #f4f8fe;--text-2: #b6c7df;--muted: #94aacb;--accent: #5b9bf5;--accent-ink: #06101f;--line: #1f2f4a;--line-soft: #18263d;--ok: #4cc485;--bad: #f08a7e;color-scheme:dark}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{padding:6px 8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:0}h1{margin:0 0 14px;color:var(--heading);font-size:22px;font-weight:600}code{font-family:var(--mono);font-size:.92em}.muted{color:var(--muted)}.small{font-size:12.5px}.card{padding:14px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.button{padding:7px 14px;border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);font-weight:600;cursor:pointer}.button--ghost{border-color:var(--line);background:var(--surface);color:var(--accent)}.icon-button{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer}.icon-button--small{width:26px;height:26px;border-color:transparent;background:none;color:var(--muted)}.link{padding:0;border:0;background:none;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer}.link--danger{color:var(--bad)}.segmented{display:inline-flex;padding:2px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.segmented button{padding:4px 10px;border:0;border-radius:var(--radius);background:none;color:var(--text-2);font-size:12.5px;font-weight:600;cursor:pointer}.segmented button[aria-checked=true],.segmented button[aria-selected=true]{background:var(--accent);color:var(--accent-ink)}:root{--rec: #d0453f;--display: #f7fafd}:root[data-theme=dark]{--rec: #f0645c;--display: #0c1628}.field{display:grid;gap:4px}.field>span{color:var(--text-2);font-size:12px;font-weight:600}h2{margin:0 0 10px;color:var(--heading);font-size:14px;font-weight:600}.app{display:flex;flex-direction:column;min-height:100%}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;min-height:54px;padding:0 24px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brand{display:flex;align-items:center;gap:8px;color:var(--heading);font-family:Manrope,var(--font);font-size:16px;text-decoration:none}.brand strong{font-weight:700}.topbar__spacer{flex:1}.topbar__site{color:var(--accent);font-size:14px;font-weight:600;text-decoration:none}.content{display:grid;gap:20px;width:100%;max-width:1160px;margin:0 auto;padding:28px 24px 40px}.icon{flex:none}.icon-button--plain{border-color:transparent;background:none;color:var(--muted)}.hero{display:grid;gap:18px}.hero h1{margin:0;font-family:Manrope,var(--font);font-size:clamp(24px,3.2vw,34px);font-weight:700;letter-spacing:-.02em;line-height:1.15}.hero__lead{max-width:720px;margin:8px 0 0;color:var(--text-2);font-size:16px;line-height:1.55}.benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.benefits li{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);color:var(--accent)}.benefits span{display:grid;gap:2px;color:var(--muted);font-size:12.5px;line-height:1.4}.benefits b{color:var(--heading);font-size:13.5px}.stepper{display:flex;gap:6px;margin:4px 0 0;padding:0;list-style:none;counter-reset:step}.stepper li{display:flex;flex:1;align-items:center;gap:8px;padding:9px 12px;border-bottom:2px solid var(--line);color:var(--muted);font-size:13.5px;font-weight:600}.stepper__num{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid var(--line);border-radius:50%;background:var(--surface);font-size:12px}.stepper li.is-current{border-color:var(--accent);color:var(--heading)}.stepper li.is-current .stepper__num{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.stepper li.is-done{border-color:color-mix(in srgb,var(--ok) 60%,var(--line));color:var(--text-2)}.stepper li.is-done .stepper__num{border-color:var(--ok);background:var(--ok);color:#fff}.panel{display:grid;gap:16px;padding:20px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 1px 2px #07132f0a}.panel__head{display:flex;gap:12px;align-items:flex-start}.panel__head h2{margin:0;font-size:16px}.panel__head p{margin:3px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.panel__num{display:inline-grid;flex:none;place-items:center;width:26px;height:26px;border-radius:50%;background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent);font-size:13px;font-weight:700}.panel--fold{gap:0}.panel--fold>summary{cursor:pointer;list-style:none}.panel--fold>summary::-webkit-details-marker{display:none}.panel--fold>summary:after{content:"▾";margin-left:auto;color:var(--muted);transition:transform .15s}.panel--fold[open]>summary:after{transform:rotate(180deg)}.panel__body{display:grid;gap:16px;margin-top:16px}h2{margin:0;color:var(--heading);font-size:15px;font-weight:600}.field{display:grid;gap:6px}.field>span{color:var(--text-2);font-size:12.5px;font-weight:600}.field small{line-height:1.45}button:disabled{opacity:.45;cursor:not-allowed}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.button--big{padding:12px 22px;font-size:15.5px}.button--rec{border-color:var(--rec);background:var(--rec);color:#fff}.button--rec .dot{width:10px;height:10px;border-radius:50%;background:#fff}.button--stop{border-color:var(--heading);background:var(--heading);color:var(--surface)}.chip{padding:3px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text-2);font-size:12px;font-weight:600;cursor:pointer}.chip[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--heading)}.setup{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.setup__form{display:grid;gap:16px;min-width:0}.setup input,.setup select{width:100%;min-width:0}.setup .segmented{display:flex}.setup .segmented button{flex:1;padding:6px 4px}.folder{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-2);color:var(--accent)}.folder.is-missing{border-style:dashed}.folder.is-flagged{border-color:var(--rec);box-shadow:0 0 0 3px color-mix(in srgb,var(--rec) 18%,transparent)}.folder__text{display:grid;flex:1;gap:2px;min-width:0}.folder__text strong{overflow:hidden;color:var(--heading);font-size:14.5px;text-overflow:ellipsis;white-space:nowrap}.folder__text small{color:var(--muted);font-size:12.5px}.folder .button{flex:none}.duration{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.duration input{width:70px!important}.duration>span{color:var(--muted);font-size:13px}.duration__presets{display:flex;flex-wrap:wrap;gap:6px;margin-left:8px}.split{padding-top:14px;border-top:1px solid var(--line-soft)}.switch{display:inline-flex;align-items:center;gap:8px;color:var(--heading);font-size:14px;font-weight:600;cursor:pointer}.switch input{width:16px!important;height:16px;margin:0;accent-color:var(--accent)}.split__every{display:flex;align-items:center;gap:8px;color:var(--text-2);font-size:13px}.split__every select{width:auto!important}.summary{position:sticky;top:74px;display:grid;gap:14px;padding:20px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 6px 24px #07132f0f}.summary dl,.confirm__summary{display:grid;gap:0;margin:0}.summary dl div,.confirm__summary div{display:grid;gap:2px;padding:9px 0;border-bottom:1px solid var(--line-soft)}.summary dt,.confirm__summary dt{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:600}.summary dd,.confirm__summary dd{margin:0;overflow-wrap:anywhere;color:var(--heading);font-size:13.5px}.summary__hint{margin:-4px 0 0;color:var(--muted);font-size:12.5px;text-align:center}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:16px;background:#050c1a8c}.modal__box{display:grid;gap:16px;width:min(640px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:22px;border:1px solid var(--line);border-radius:6px;background:var(--surface);box-shadow:0 20px 60px #0000004d}.modal__head{display:flex;align-items:center;justify-content:space-between}.modal__head h2{font-family:Manrope,var(--font);font-size:20px}.modal__foot{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:4px}.confirm__summary{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}.confirm__next{display:grid;gap:10px;padding:14px;border-radius:var(--radius-lg);background:var(--surface-2)}.confirm__lead{margin:0;color:var(--text-2);font-size:13.5px}.confirm__steps{display:grid;gap:4px;margin:0;padding-left:20px;color:var(--text-2);font-size:13px;line-height:1.5}.chrome-mock{display:grid;gap:8px;padding:12px;border:1px solid #c9d2df;border-radius:8px;background:#fff;color:#202124;font-family:system-ui,sans-serif;font-size:12px}.chrome-mock__title{font-size:13px;font-weight:600}.chrome-mock__tabs{display:flex;gap:14px;border-bottom:1px solid #e3e6ea}.chrome-mock__tabs span{padding:4px 0 6px;color:#5f6368}.chrome-mock__tabs .is-on{border-bottom:2px solid #1a73e8;color:#1a73e8;font-weight:600}.chrome-mock__list{display:grid;gap:4px}.chrome-mock__list span{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:4px;color:#3c4043}.chrome-mock__list .is-on{background:#e8f0fe;color:#174ea6;font-weight:600}.chrome-mock__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.chrome-mock__toggle{display:inline-flex;align-items:center;gap:6px;padding:3px 6px;border-radius:4px;outline:2px solid #e8822a;outline-offset:1px}.chrome-mock__toggle b{position:relative;width:26px;height:14px;border-radius:7px;background:#1a73e8}.chrome-mock__toggle b:after{content:"";position:absolute;top:2px;right:2px;width:10px;height:10px;border-radius:50%;background:#fff}.chrome-mock__btns{display:inline-flex;gap:8px}.chrome-mock__btns em,.chrome-mock__btns strong{padding:4px 10px;border:1px solid #dadce0;border-radius:4px;font-style:normal;font-weight:600}.chrome-mock__btns strong{border-color:#1a73e8;background:#1a73e8;color:#fff}.chrome-mock i{display:inline-grid;place-items:center;width:16px;height:16px;margin-left:4px;border-radius:50%;background:#e8822a;color:#fff;font-size:10px;font-style:normal;font-weight:700}.recording{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:20px;align-items:start}.rec-main{gap:14px}.rec-main__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.rec-main__top .muted{overflow-wrap:anywhere}.rec-main__time{display:flex;align-items:baseline;gap:10px}.rec-main__time strong{color:var(--heading);font-family:var(--mono);font-size:clamp(40px,6vw,58px);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.rec-main__time span{color:var(--muted);font-family:var(--mono);font-size:16px}.progress{height:8px;overflow:hidden;border-radius:4px;background:var(--surface-2)}.progress span{display:block;height:100%;background:var(--accent);transition:width .5s linear}.rec-main__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;margin:0}.rec-main__stats div{padding:8px 10px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--display)}.rec-main__stats dt{color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.rec-main__stats dd{margin:2px 0 0;color:var(--heading);font-family:var(--mono);font-size:15px;font-weight:600}.rec-main__controls{display:flex;flex-wrap:wrap;gap:10px}.rec-main__controls .button{padding:9px 16px}.status{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border-radius:999px;background:var(--surface-2);color:var(--text-2);font-size:13px;font-weight:700}.status__dot{width:9px;height:9px;border-radius:50%;background:var(--muted)}.status--rec{background:color-mix(in srgb,var(--rec) 12%,var(--surface));color:var(--rec)}.status--rec .status__dot{background:var(--rec);animation:blink 1s infinite}.status--paused .status__dot,.status--countdown .status__dot{background:#e8a33a}.status--countdown .status__dot{animation:blink .5s infinite}.status--saving .status__dot,.status--starting .status__dot{background:var(--accent)}.status--noaudio{background:color-mix(in srgb,var(--rec) 12%,var(--surface));color:var(--rec)}.status--noaudio .status__dot{background:var(--rec)}@keyframes blink{50%{opacity:.2}}.preview{position:relative;padding:0;overflow:hidden;background:#000}.preview video{display:block;width:100%;aspect-ratio:16 / 9;background:#000;object-fit:contain}.preview__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;padding:20px;color:#9aa8bf;font-size:13.5px;text-align:center}.countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:6px;background:#050c1a9e;color:#fff;text-align:center}.countdown strong{font-family:Manrope,var(--font);font-size:96px;font-weight:700;line-height:1}.countdown span{font-size:15px;font-weight:600}.care{grid-column:1 / -1;gap:10px}.care ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.care li{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:var(--radius-lg);background:var(--surface-2);color:var(--muted);font-size:13px;line-height:1.45}.care li b{color:var(--heading)}.care li.is-ok{color:var(--text-2)}.care li.is-ok .icon{color:var(--ok)}.care li.is-info .icon{color:var(--accent)}.care li.is-warn{background:color-mix(in srgb,#e8a33a 12%,var(--surface))}.care li.is-warn .icon{color:#c07a12}.no-audio{display:grid;gap:6px}.no-audio p{margin:0}.no-audio__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.log-panel{grid-column:1 / -1;gap:10px}.log-panel summary{color:var(--text-2);font-size:13px;font-weight:600;cursor:pointer}.parts,.activity{display:grid;gap:2px;margin:0;padding:0;list-style:none}.parts li{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line-soft);font-size:13px}.parts li>.icon{color:var(--accent)}.parts code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-panel .parts li{grid-template-columns:minmax(0,1fr) auto auto}.part-status{font-size:12px;font-weight:600}.part-status--rec{color:var(--rec)}.part-status--saving{color:var(--accent)}.part-status--saved{color:var(--ok)}.part-status--error{color:var(--bad)}.activity{max-height:180px;overflow-y:auto;font-family:var(--mono);font-size:12px;line-height:1.5}.log--ok{color:var(--ok)}.log--warn{color:#c07a12}.log--error{color:var(--bad)}:root[data-theme=dark] .log--warn{color:#e8b25a}.done{justify-items:center;max-width:640px;width:100%;margin:0 auto;padding:32px 24px;text-align:center}.done h2{font-family:Manrope,var(--font);font-size:22px}.done__icon{display:grid;place-items:center;width:60px;height:60px;border-radius:50%}.done__icon.is-ok{background:color-mix(in srgb,var(--ok) 15%,var(--surface));color:var(--ok)}.done__icon.is-bad{background:color-mix(in srgb,var(--rec) 15%,var(--surface));color:var(--rec)}.done__meta{margin:-8px 0 0;color:var(--text-2);font-family:var(--mono);font-size:13.5px}.done .parts{width:100%;text-align:left}.done>p{margin:0}.notice{padding:10px 12px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--surface-2);font-size:13.5px;line-height:1.5}.notice--bad{border-left-color:var(--rec);background:color-mix(in srgb,var(--rec) 8%,var(--surface))}.legal{margin:8px 0 0;text-align:center;line-height:1.5}@media(max-width:960px){.benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.setup,.recording{grid-template-columns:minmax(0,1fr)}.summary{position:static}.care ul{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.topbar{padding:0 14px}.content{padding:18px 16px 28px}.benefits{grid-template-columns:minmax(0,1fr)}.stepper li{padding:8px 4px;font-size:12.5px}.confirm__summary{grid-template-columns:minmax(0,1fr)}.duration__presets{margin-left:0}}