:root{font:16px/1.6 system-ui,sans-serif;background:#0e1930;color:#f2f6fc;--mint:#9bf0d4;--panel:#192a46;--line:#344864}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#263c5d,transparent 60%)}main{max-width:960px;margin:auto;padding:28px 24px;min-height:82vh}h1,h2{line-height:1.15;letter-spacing:-1px}h1{font-size:clamp(42px,8vw,66px);margin:30px 0}h2{font-size:30px}p{color:#bac8db}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:3px;color:var(--mint)}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.card{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:26px;margin:20px 0}.columns{display:grid;grid-template-columns:1.15fr 1fr;gap:20px}button,.button{font:inherit;min-height:46px;padding:10px 18px;border:1px solid #476282;background:#263b58;color:#f3f7ff;border-radius:12px;cursor:pointer;text-decoration:none;display:inline-block}button:hover{background:#365271}button.primary,.primary{background:var(--mint);color:#143a37;border-color:var(--mint);font-weight:700}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #ffda83;outline-offset:3px}.danger{background:#9d3d47;border-color:#cf6670}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps span{font-size:36px;color:var(--mint)}.script{padding:18px;border-bottom:1px solid var(--line)}.script b{color:var(--mint)}.script p{margin-bottom:0}.camera{position:relative;max-width:480px;margin:20px auto;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#070f20;aspect-ratio:9/16}.camera video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.prompt{position:absolute;top:22px;left:16px;right:16px;text-align:center;background:#071124d9;padding:16px;border-radius:12px;font-size:23px;line-height:1.4;max-height:35%;overflow:auto}.prompt small{font-size:12px;color:var(--mint);display:block;margin-bottom:8px}.record-state{position:absolute;bottom:15px;left:20px;padding:5px 10px;border-radius:8px;background:#071124d9;font-size:13px}.review{width:100%;max-height:70vh;background:#050b15;border-radius:16px}input[type=checkbox]{width:22px;height:22px;accent-color:var(--mint)}label.inline{display:flex;gap:10px;align-items:center}#notice{max-width:900px;margin:auto;padding:12px 24px;color:#ffd488;min-height:48px}footer{padding:24px;text-align:center;font-size:13px;color:#a8b9d0}a{color:inherit}.status{color:var(--mint)}progress{width:100%;accent-color:var(--mint)}.take{padding:16px 0;border-bottom:1px solid var(--line)}@media(max-width:650px){main{padding:18px 14px}.columns,.steps{grid-template-columns:1fr}.card{padding:20px}.camera{max-width:380px}.prompt{font-size:21px}}
