:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;background:#101828;color:#ecf2fa}*{box-sizing:border-box}body{margin:0}main{max-width:740px;margin:auto;padding:24px 16px calc(32px + env(safe-area-inset-bottom))}header{padding:12px 0 22px}h1{font-size:32px;letter-spacing:.04em;margin:12px 0 4px}h2{font-size:19px;margin:0 0 12px}p{line-height:1.7}.badge{font-size:11px;letter-spacing:.15em;color:#64e2bc}.card{background:#1a2639;border:1px solid #344258;border-radius:16px;padding:18px;margin-bottom:16px}.note,footer{font-size:13px;color:#b8c6db}button{font:inherit;font-weight:650;min-height:48px;padding:12px 18px;border:0;border-radius:10px;background:#66e4ba;color:#10251f;cursor:pointer;margin:4px 4px 8px 0}button:disabled{opacity:.4;cursor:default}#stop,#close{background:#344258;color:#fff}label{display:block;margin:12px 0}input{width:20px;height:20px;vertical-align:middle}.preview{position:relative;aspect-ratio:4/3;background:#080e19;border-radius:16px;overflow:hidden}video,canvas{position:absolute;width:100%;height:100%;object-fit:contain;transform:scaleX(-1)}#phase{position:absolute;top:12px;left:12px;padding:6px 12px;background:#101828cc;border-radius:20px}.stats{display:flex;gap:16px;margin:16px 0}.stats>div{flex:1;background:#1a2639;border-radius:16px;padding:16px;text-align:center}.stats strong{font-size:54px;font-variant-numeric:tabular-nums;color:#66e4ba}.stats span{margin-left:8px}#status{min-height:3em;color:#ffda8b}pre{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}summary{cursor:pointer;font-weight:700}a{color:#66e4ba}[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:3px solid #ffda8b;outline-offset:3px}