:root{color-scheme:dark;--bg:#0b0f17;--panel:#131d2b;--line:#2b3c51;--text:#edf3fa;--muted:#a4b4c8;--accent:#38bdf8}
.recording-limits{font-size:12px;line-height:1.75;color:var(--muted);padding:0 2px}.recording-limits strong{color:var(--text)}
.highlight-list{list-style:none;padding:0;display:grid;gap:10px;max-height:340px;overflow:auto}.highlight-list li{padding:12px;border:1px solid var(--line);border-radius:12px;font-size:13px;line-height:1.7}.highlight-list li[data-selected="true"]{border-color:var(--accent);background:#102937}.highlight-list button{margin-bottom:0}.review h3{margin:24px 0 10px;font-size:16px}#clipProgress{width:100%;height:14px;accent-color:var(--accent)}.button[aria-disabled="true"]{opacity:.45;cursor:wait}.clip-source{position:fixed;left:0;bottom:0;width:1px;height:1px;opacity:.01;pointer-events:none}
.timer-setup{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}#timerHint,#recordingRequirement{font-size:12px;line-height:1.6;color:#b8e8fc;margin:8px 0}
.recording-controls{position:sticky;top:0;z-index:3;background:#0b0f17f5;padding:10px 0;margin-top:10px}.camera-screen{scroll-margin-top:90px}
.mode-tabs{display:flex;gap:8px;margin-bottom:24px}.mode-tabs a{flex:1;min-height:48px;border:1px solid var(--line);border-radius:12px;padding:14px;text-align:center;text-decoration:none;font-size:14px;font-weight:700}.mode-tabs a[aria-current]{color:#031724;background:var(--accent)}.mode-tabs small{font-size:10px;opacity:.7}.camera-screen{aspect-ratio:3/4!important}.camera-screen canvas{display:block;width:100%;height:auto}.camera-screen .camera-source{position:absolute;width:1px;height:1px;opacity:.01;pointer-events:none}.camera-label{top:76px!important}.timer-panel{padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-top:14px}.timer-panel>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.timer-panel strong{font-size:24px;font-family:monospace}.timer-panel p,.timer-panel li,.timer-panel span{font-size:12px;line-height:1.6;color:var(--muted)}.timer-panel h2{font-size:15px}.timer-panel h2 small{font-size:10px;color:var(--muted)}.timer-panel ol{padding-left:24px;max-height:120px;overflow:auto}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,a.button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}a{color:var(--text)}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #b5f36e;outline-offset:3px}
.recorder{max-width:760px;margin:auto;padding:16px 18px max(32px,env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px}.topbar a{display:inline-flex;padding:12px 15px;min-height:44px;border:1px solid var(--line);border-radius:12px;text-decoration:none;background:var(--panel);font-size:14px;font-weight:700}.topbar span{font-size:11px;color:var(--accent)}.eyebrow{font-size:10px;letter-spacing:.14em;color:var(--muted);font-weight:700}h1{font-size:28px;letter-spacing:-.04em;margin:8px 0}.subtitle{color:var(--muted);font-size:14px;margin:8px 0 22px}.notice{border:1px solid var(--line);background:var(--panel);padding:14px;border-radius:14px;font-size:12px;line-height:1.65}.notice strong{color:#c0e9fc}.notice p{color:var(--muted);margin:5px 0 0}
.camera-screen{position:relative;margin-top:18px;border:1px solid var(--line);border-radius:18px;background:radial-gradient(ellipse at center,#1c3b4a,#101b29);overflow:hidden;aspect-ratio:4/3;display:grid;place-items:center}.camera-screen video{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;background:#000}.camera-label{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;pointer-events:none;font-size:11px}.camera-label span,.camera-label time{padding:6px 10px;border-radius:8px;background:#07121dcc}.camera-label time{font-variant-numeric:tabular-nums}.camera-label[data-recording="true"] span{background:#ab2339;color:white}#cameraEmpty{text-align:center;color:var(--muted);font-size:12px}#cameraEmpty>span{display:block;font-size:42px;color:var(--accent);margin-bottom:14px}#cameraEmpty strong{color:var(--text);font-size:15px}.status{font-size:13px;line-height:1.65;min-height:44px;color:#a8e4ff}.camera-choice{display:flex;align-items:center;gap:14px;font-size:13px;margin:12px 0}.camera-choice select{flex:1;min-width:0;min-height:44px;padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:10px;color:var(--text)}.actions{display:grid;gap:10px}button,.button{display:block;width:100%;min-height:48px;padding:14px;border-radius:12px;text-align:center;text-decoration:none;font-weight:700;border:0;font-size:14px}.primary{background:var(--accent);color:#041621}.secondary{background:var(--panel);color:var(--text);border:1px solid var(--line)}.stop{background:#ef5268;color:#fff}.review{border:1px solid var(--line);border-radius:16px;padding:18px;margin:14px 0}.review h2{font-size:18px;margin:0 0 10px}.review p,.privacy{font-size:12px;line-height:1.7;color:var(--muted)}.review .button,.review button{margin:10px 0}.review .save-status{color:#a8e4ff}.privacy{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.privacy strong{color:var(--text)}dialog{max-width:420px;width:calc(100% - 32px);padding:24px;border:1px solid var(--line);border-radius:18px;color:var(--text);background:var(--bg)}dialog::backdrop{background:#000c}dialog h2{font-size:20px}dialog p{color:var(--muted);font-size:14px;line-height:1.7}dialog button{margin-top:10px}@media(max-width:400px){.recorder{padding-left:14px;padding-right:14px}.topbar span{max-width:110px;text-align:right}.topbar{margin-bottom:22px}h1{font-size:25px}}