*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#081b29;color:#e6f3f8;font:16px system-ui,-apple-system,"Segoe UI",Arial,sans-serif;margin:0;line-height:1.5}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.head{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:14px max(15px,calc((100vw - 850px)/2));background:#112f3e;border-bottom:1px solid #356074}.head a{color:#9af5e1;text-decoration:none}.brand{font-size:23px}.sub{display:block;color:#a8c5cf;font-size:12px}main{max-width:850px;margin:auto;padding:14px}.panel{background:#102b3a;border:1px solid #335c70;border-radius:18px;padding:18px;margin:0 0 14px;min-width:0}.intro{background:linear-gradient(140deg,#133b46,#132d40)}h1{font-size:clamp(20px,4vw,29px);line-height:1.24;margin:10px 0}h2{font-size:21px;margin:0}.tag{color:#062b31;background:#6ae2c9;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:700}.caution{color:#ffdb9a}.tips,.hint{color:#c7e1e9;font-size:14px}.stephead{display:flex;align-items:center;gap:10px;margin-bottom:15px}.num{background:#296179;border:1px solid #50849a;padding:4px 10px;border-radius:10px;font-weight:800}.video-shell{background:#020a10;border:2px solid #3dd6bc;border-radius:16px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;min-height:250px;max-height:60vh;contain:layout paint}.video-shell video{width:100%;height:100%;max-height:60vh;object-fit:contain;display:block;min-height:250px}.placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;padding:20px;background:#030e19;color:#bed4df;text-align:center}.placeholder[hidden],.onvideo[hidden],[hidden]{display:none!important}.onvideo{position:absolute;top:10px;right:10px;color:#fff;background:#102a37c9;padding:5px 10px;border-radius:9px;font-size:12px}.btn{padding:13px 15px;border-radius:12px;font-weight:750;border:1px solid #4d7a8b;background:#245063;color:#ecfafb;min-height:46px;max-width:100%;text-align:center}.btn.primary{background:#37d9c1;color:#082d32;border:1px solid #44ebd0}.btn.outline{background:#1a3b4d}.btn.danger{background:#5c3543;color:#ffe8ea;border-color:#ae6975}.btn.large{font-size:18px;width:100%;margin:8px 0 12px;min-height:58px}.btn.small{font-size:13px;min-height:38px;padding:7px 12px}.under-video{margin-top:10px;display:grid;gap:10px}.check{display:flex;align-items:center;gap:11px;padding:10px;border:1px solid #3b677c;border-radius:12px;color:#f4fafc}.check input{width:22px;height:22px;accent-color:#40dec6;flex:none}.check small{display:block;color:#bed9e2;font-weight:400;font-size:12px}.recording{background:#164456}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row .btn{flex:1}.settings{justify-content:space-between}.settings .check{flex:1}.status{color:#d2e9ef;padding:11px 12px;background:#173a4b;border:1px solid #386a81;border-radius:10px;font-size:14px}.status.warn{background:#523e2f;border-color:#af8c54;color:#ffe8b4}.status.good{background:#18483e;border-color:#3baf96}.flowbar{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:19px}.flowbar strong{font-variant-numeric:tabular-nums}.progress{height:10px;background:#35576d;border-radius:8px;margin:9px 0 14px;overflow:hidden}.progress>div{height:100%;width:0%;background:#3ce3c4;transition:width .05s linear}.hint{margin-top:10px}.runCards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.runCard{border:1px solid #3d6574;border-radius:10px;background:#112f3e;padding:10px;font-size:13px;display:flex;justify-content:space-between;gap:8px}.runCard b{color:#cceaf1}.runCard span{color:#a2c5d0}.runCard.done{border-color:#36a994}.downloads{display:grid;gap:10px;margin:14px 0}.download-item{background:#153b4e;border:1px solid #4e7485;border-radius:10px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.download-item a{color:#112d33;background:#59e7cf;padding:10px 12px;font-weight:700;border-radius:9px;text-decoration:none;text-align:center}.muted{color:#a5c6d3}footer{text-align:center;font-size:12px;color:#a0bfcb;padding:20px 5px 40px}@media(max-width:620px){main{padding:10px}.panel{padding:13px}.video-shell,.video-shell video{max-height:52vh}.runCards{grid-template-columns:1fr 1fr}.btn{padding:11px 10px}.row{gap:6px}}
.captureQuick{padding:10px;background:#143e4a;border:2px solid #41cdb7;border-radius:14px}.captureTitle{font-size:13px;font-weight:700;color:#bceee3}.captureQuick .flowbar{margin-top:5px}.researchFlag{border-color:#4ccfb9}.researchFlag p{font-size:14px;color:#b9dce2}.protocolLink{color:#7ff2dc;font-weight:700}
