:root{color-scheme:dark;color:#eaf1ff;background:#080e1b;font-family:ui-sans-serif,system-ui,sans-serif}body{background:radial-gradient(ellipse at 80% 0,#162345 0,transparent 55%),#080e1b}header{background:#0b1222;border-color:#25304a}.brand{letter-spacing:-1px}.brand b,a{color:#88c6ff}p,ul,.muted,small{color:#a1b0c7}main{max-width:1320px;margin-top:40px}.eyebrow{color:#77bcff}h1{font-size:clamp(38px,5vw,64px);font-style:italic;text-transform:uppercase;letter-spacing:-2px}.card{background:#101a2c;border-color:#273550;border-radius:10px;box-shadow:none}.badge{color:#99c9ff;background:#1b2c46}button,.button{background:#73baff;color:#071020;border-radius:5px}button:hover,.button:hover{background:#a0d1ff}.secondary{background:#253550;color:#e1ecff}input,select{background:#0b1425;border-color:#344661;color:#ebf4ff}.capture-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px}.viewer{aspect-ratio:16/9;position:relative;overflow:hidden;background:#060b15;border:1px solid #2b3c58;border-radius:10px}.viewer video{width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.viewer #placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;background:linear-gradient(0deg,#060b15d9,#060b1533),url('/social-preview.png') center/cover}.placeholder-label{background:#0a132ddd;padding:14px 20px;border:1px solid #46618c;font-weight:700;font-size:13px;letter-spacing:2px}.recorder-head{display:flex;justify-content:space-between;margin:25px 0 12px;font-family:ui-monospace,monospace;font-size:12px;color:#9bb7da}.metrics{display:flex;gap:30px;padding:18px 0;color:#a3badb;font:14px ui-monospace,monospace}.notice{border-left:3px solid #6ebaff;background:#14243a;padding:17px 20px;margin-top:22px;font-size:14px;line-height:1.7;color:#cfdef3}.notice strong{color:white}.notice p{margin:7px 0 0}.settings h2{margin-top:0}.settings .row{margin:24px 0}.settings label{line-height:1.6}.settings input[type=checkbox]{width:auto;margin-right:8px}.lede{max-width:750px}.capture-grid .card{margin:0}.toolbar{display:flex;gap:10px;flex-wrap:wrap}.toolbar button{flex:1}.download{margin-top:12px;width:100%;text-align:center}.settings ol{padding-left:20px;font-size:14px;color:#a1b0c7;line-height:1.9}.privacy-details{margin-top:30px}.privacy-details summary{color:#a8c8ef}.privacy-details .card{max-width:900px}.danger{color:#ffd0cc;background:#532824}table th{color:#8babc8}td,th{border-color:#26344c}pre{background:#081120;color:#cadcff}footer{color:#8396b3}#record-status{min-height:48px;font-size:14px}#status{color:#aacfff}@media(max-width:900px){.capture-grid{grid-template-columns:1fr}.settings{order:2}.viewer{min-height:180px}}@media(max-width:500px){header .muted{display:none}.metrics{gap:20px}h1{letter-spacing:-1px}.notice{padding:15px}}

.notice{margin-bottom:28px}.notice a{display:inline-block;margin-top:10px}.viewer video:not([src]){pointer-events:none}