:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e9f0e9;background:#10191a;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:660px;margin:auto;padding:24px 20px 40px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.brand{font-size:23px;letter-spacing:-1px;color:#d4f6a7;text-decoration:none;font-weight:700}.pill{border:1px solid #425045;border-radius:99px;padding:7px 12px;font-size:12px;color:#c5d4c5}h1{font-size:clamp(36px,8vw,54px);line-height:1.06;letter-spacing:-2px;margin:0 0 20px}h2{font-size:19px;margin:0 0 14px;letter-spacing:-.4px}p{line-height:1.5}.intro{color:#a9baae;font-size:16px;max-width:490px;margin-bottom:25px}.notice{padding:13px 16px;background:#223328;border:1px solid #3c5741;border-radius:12px;line-height:1.4;font-size:14px;margin-bottom:18px}.notice.error{background:#3e2524;border-color:#805047}.panel{background:#192426;border:1px solid #334042;border-radius:20px;padding:22px;margin:16px 0}.preview{position:relative;aspect-ratio:1;max-width:340px;margin:0 auto 22px;border-radius:50%;overflow:hidden;background:#0b1213;border:1px solid #3c4d4a;display:grid;place-items:center}.preview video{width:100%;height:100%;object-fit:cover}.preview video.front{transform:scaleX(-1)}#camera-placeholder{position:absolute;text-align:center;color:#9dada3}#clock{position:absolute;bottom:24px;border-radius:99px;background:#0a1418bd;padding:6px 13px;font-variant-numeric:tabular-nums;font-size:14px}.camera-tools{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:16px}label{font-size:14px}input,select,button{font:inherit}input[type=text],input[type=password],input:not([type]),select{border:1px solid #4b5a54;border-radius:9px;background:#10191a;color:#edf3ed;padding:11px;width:100%;margin:7px 0 12px}select{margin:5px 0 0;min-width:145px}.check{display:flex;gap:9px;align-items:center}.check input,fieldset input{accent-color:#c9f395;width:18px;height:18px}button{border:0;background:#c9f395;color:#18291b;border-radius:12px;padding:14px 18px;font-weight:650;cursor:pointer;width:100%}button:hover{filter:brightness(1.08)}button:disabled{opacity:.45;cursor:default}.secondary{background:#263a38;color:#e1ede2;border:1px solid #476157}.small{font-size:12px;padding:8px 10px;width:auto}.record{font-size:18px;padding:18px}.record.active{background:#ffac98;color:#371b14}.series{margin:18px 0}fieldset{border:0;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:16px}legend{font-size:13px;color:#acbcb1;padding-bottom:12px}fieldset label{display:flex;gap:6px;align-items:center}.hint{font-size:12px;color:#a1b3a8;line-height:1.6;margin:14px 0}details{margin-top:16px;border-top:1px solid #364440;padding-top:14px;font-size:13px}summary{cursor:pointer;color:#c6dec5}input[type=file]{max-width:100%;font-size:12px}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.empty{color:#81988b;font-size:14px}.clip{border-top:1px solid #3a4841;padding:18px 0 4px}.clip-title{font-weight:600;font-size:14px;margin-bottom:6px}.clip-meta{font-size:12px;color:#9caea1}.result{display:flex;align-items:center;gap:8px;font-size:13px;margin-top:10px;line-height:1.4}.result.ok{color:#c9f395}.result.fail{color:#ffaf9a}.clip-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}.clip-actions button,.clip-actions a{font-size:12px;padding:8px 11px;width:auto}.clip-actions a{border:1px solid #476157;border-radius:10px;color:#d5e8cd;text-decoration:none}.region-links{display:flex;gap:24px;margin-top:22px}.region-links a{color:#c9f395;font-size:14px}footer{color:#81968b;font-size:12px;text-align:center;margin-top:28px}dialog{max-width:560px;width:90%;border:1px solid #55705e;border-radius:20px;background:#142222;color:#e9f0e9;padding:16px}dialog::backdrop{background:#000b}dialog video{width:100%;max-height:65vh;margin-top:15px}dialog p{font-size:13px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #80bfd2;outline-offset:3px}[hidden]{display:none!important}@media(max-width:380px){main{padding:18px 12px}.panel{padding:16px}.camera-tools{gap:8px}.section-head{align-items:flex-start}fieldset{gap:12px}}