:root{font-family:system-ui,"Microsoft JhengHei",sans-serif;color:#e1eaf4;background:#0c1420;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:1300px;margin:auto;padding:42px 32px}header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:32px}.eyebrow{font-size:12px;letter-spacing:.18em;color:#6ddbd0}h1{font-size:clamp(28px,3vw,44px);margin:10px 0 14px;letter-spacing:-.03em}p{line-height:1.7;color:#aab9ca}h2{font-size:15px;margin:0 0 14px}h2 span{font-size:12px;font-weight:400;color:#8da1b8;margin-left:8px}.badge{border:1px solid #2a5e60;border-radius:20px;padding:8px 12px;white-space:nowrap;color:#7de3ce;font-size:12px}.toolbar{display:flex;flex-wrap:wrap;gap:14px;align-items:end;padding:20px;background:#152131;border:1px solid #26374b;border-radius:14px}label{display:grid;gap:7px;font-size:12px;color:#aab9ca}button,select,input{border:1px solid #3b4b60;border-radius:7px;background:#0e1927;color:#e4edf7;padding:10px 12px;font:inherit}input{width:155px}button{cursor:pointer;font-size:13px}button:first-of-type{background:#76ddcb;color:#082b29;border-color:#76ddcb;font-weight:700}button:disabled{opacity:.4;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #76ddcb;outline-offset:3px}#status{font-size:13px;color:#7de3ce;margin:18px 0}.media{display:grid;grid-template-columns:1fr 1fr;gap:20px}.media section{padding:17px;background:#152131;border:1px solid #26374b;border-radius:12px}canvas,video{width:100%;aspect-ratio:16/9;display:block;background:#080e17;border-radius:6px;object-fit:contain}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.metrics div{display:flex;flex-direction:column;gap:11px;border:1px solid #26374b;border-radius:10px;padding:17px;background:#121e2d}.metrics span{font-size:12px;color:#aab9ca}.metrics strong{font-size:27px;font-weight:600;color:#e4edf7}.metrics small{font-size:11px;color:#7d91a7}.notes{border-left:3px solid #4e8f9b;padding:8px 18px;margin:30px 0}.notes p{font-size:13px;margin:8px 0}details{padding:16px;border:1px solid #26374b;border-radius:9px}summary{cursor:pointer;font-size:13px}pre{font-size:12px;white-space:pre-wrap;color:#aab9ca;max-height:180px;overflow:auto}footer{margin-top:30px;color:#71879f;font-size:12px}@media(max-width:800px){main{padding:24px 16px}.media{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}header{display:block}.badge{display:inline-block}.toolbar{align-items:stretch}h2 span{display:block;margin:6px 0 0}}