*{box-sizing:border-box} :root{font-family:Inter,"Segoe UI",sans-serif;color:#eaf0e8;background:#101813;color-scheme:dark}body{margin:0}main{max-width:600px;margin:auto;padding:28px 22px max(28px,env(safe-area-inset-bottom))}header{display:flex;align-items:center;justify-content:space-between}header a{font-size:30px;color:inherit;text-decoration:none;font-weight:650}header a span{display:block;font-size:9px;letter-spacing:2px;color:#8d9f90;margin-top:4px}#connection{font-size:12px;color:#b5c5ad;border:1px solid #344336;border-radius:30px;padding:8px 12px}.intro{margin:40px 0 25px}.eyebrow{font-size:10px;letter-spacing:2px;color:#a4bc8a}h1{font-size:clamp(30px,7vw,40px);line-height:1.3;letter-spacing:-1.5px;font-weight:500;margin:15px 0}.intro>p:last-child{font-size:14px;color:#9eaca0}.viewer{height:360px;position:relative;background:#1c2920;border-radius:24px;overflow:hidden;border:1px solid #354437}.viewer video{height:100%;width:100%;object-fit:cover}.viewer:after{content:"";position:absolute;inset:0;background:linear-gradient(#0005,transparent 30%,transparent 65%,#0009);pointer-events:none}#placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#c1ccbd}#placeholder p{margin:12px 0;font-size:14px}#placeholder small{color:#839482;font-size:12px}.view-icon{font-size:64px;font-weight:200;color:#94ad7c}.viewer-top,.viewer-bottom{position:absolute;left:16px;right:16px;display:flex;justify-content:space-between;z-index:1;gap:8px}.viewer-top{top:16px;font-size:11px}.viewer-top span{background:#101813b3;padding:7px 9px;border-radius:20px}.viewer-bottom{bottom:16px}button,select,input{font:inherit}button{cursor:pointer;border:1px solid #445246;background:#26362b;color:#ecf1e9;border-radius:12px;padding:12px 16px;min-height:44px}button:disabled{opacity:.4;cursor:default}button:hover:enabled{filter:brightness(1.12)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #c3dda8;outline-offset:3px}.controls{padding:22px 0}.share-row{display:flex;justify-content:space-between;align-items:center}.share-row strong{font-size:14px;font-weight:500}small{display:block}.share-row small{margin-top:7px;color:#93a38f;font-size:11px}#share[aria-checked=true]{background:#c0d7a7;color:#172117}.interval{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#9ead9a;margin:18px 0}select{padding:7px 10px;border-radius:8px;border:1px solid #39483b;background:#1c2920}.primary{display:flex;justify-content:space-between;width:100%;background:#c3d9ae;color:#182118;border:0;font-weight:600;padding:18px;font-size:16px;border-radius:16px}.secondary{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.secondary button{flex:1;font-size:12px}#activity{font-size:12px;color:#a3b39c;line-height:1.6;min-height:20px}#error{color:#ffb9a9;font-size:13px;line-height:1.6}.transcript{border-top:1px solid #2d3b30;padding-top:20px}.section-label{display:flex;justify-content:space-between;color:#b6c4ae;font-size:12px;align-items:center}.section-label button{border:0;background:transparent;color:#9da995;font-size:12px}#empty{font-size:13px;color:#748671}#messages p{background:#1c2920;padding:14px;border-radius:12px;font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}details{font-size:12px;color:#9bad95;border-top:1px solid #2d3b30;margin-top:25px;padding-top:18px;line-height:1.8}details label{display:block;margin:18px 0}input{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #40503f;border-radius:10px;background:#1c2920}summary{cursor:pointer}footer{text-align:center;font-size:11px;color:#71826c;margin-top:35px}@media(min-width:700px){main{padding-top:40px}.viewer{height:420px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}
[hidden]{display:none!important}.viewer #pcImage{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#121a15}.hint{font-size:12px;line-height:1.7;color:#b1c7a3;margin:0 0 20px}.screen-panel{margin-bottom:26px;padding:18px;border:1px solid #3b503c;border-radius:16px;background:#18241b}.screen-panel summary{font-size:14px;color:#d2e0c7}.screen-panel p{line-height:1.8}.screen-panel video{width:100%;max-height:180px;border-radius:10px;margin-top:12px}.screen-panel output{display:block;font-size:24px;letter-spacing:2px;color:#d4e9be;text-align:center;overflow-wrap:anywhere;margin-top:16px}
.screen-error{color:#ffb9a9;white-space:pre-wrap}
.ai-preview-panel{margin:0 0 22px;padding:14px;border:1px solid #3b503c;border-radius:14px}.ai-preview-panel img{display:block;width:100%;height:auto;max-height:500px;object-fit:contain;margin-top:12px}.ai-preview-panel p{font-size:12px;line-height:1.7}
.access-panel,.feedback-panel{padding:18px;border:1px solid #40533d;border-radius:16px;margin:0 0 22px;background:#18241b}.access-panel label{margin:14px 0}.access-panel summary,.feedback-panel summary{font-size:14px;color:#d5e4cc}.feedback-panel label{display:flex;flex-direction:column;gap:9px;margin:18px 0}.feedback-panel select{min-height:44px}textarea{width:100%;padding:12px;border-radius:10px;background:#101813;border:1px solid #40503f;color:#ecf1e9;font:inherit;resize:vertical}
.focus-panel{padding:18px;border:1px solid #61764b;border-radius:16px;margin:0 0 22px;background:#1c2a1d}.focus-panel summary{font-size:14px;color:#d8e8c5}.focus-panel label{display:flex;align-items:center;justify-content:space-between}.focus-panel canvas{display:block;width:100%;height:auto;border-radius:8px;margin:14px 0;touch-action:none;cursor:crosshair;border:1px solid #5d754b}.focus-panel canvas:focus-visible{outline:2px solid #d3ecac}.focus-panel p{line-height:1.8}.focus-panel button{font-size:12px}
.medical-mode,.medical-panel{padding:18px;border:1px solid #6b7e57;border-radius:18px;background:#1b2b1f;margin:18px 0}.medical-mode label,.medical-check{display:flex;align-items:center;gap:10px;font-size:14px}.medical-mode input,.medical-check input,.medical-row input{width:20px;height:20px;margin:0;flex-shrink:0}.medical-mode p,.medical-panel p{font-size:12px;line-height:1.8;color:#b3c7a8}.medical-panel h2{font-size:19px;font-weight:500}.medical-panel h3{font-size:14px;color:#d6e9c7;margin-top:24px}.medical-panel form>label{display:flex;flex-direction:column;gap:8px;margin:16px 0;font-size:13px}.medical-panel form>.medical-check{flex-direction:row}.medical-row{border-top:1px solid #40553d;padding:14px 0}.medical-row label{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.8}.medical-row small{font-size:11px;color:#a2b58f;margin:8px 0}.medical-row button{font-size:11px;min-height:34px;padding:6px 12px}.medical-panel img{width:100%;height:auto;border:1px solid #51684b;border-radius:8px}.medical-panel a{display:block;color:#ccdfb8;font-size:12px;line-height:1.8;margin:12px 0;overflow-wrap:anywhere}