:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0d1514;color:#e8efed;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:auto;padding:28px 24px 40px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:62px}.brand{font-size:19px;font-weight:750;letter-spacing:-.05em;text-decoration:none;color:#f1f6f4}.brand span{color:#a9efca}.badge,.eyebrow,.section-heading span{font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px;letter-spacing:.09em;color:#a9efca}.badge{border:1px solid #2f4c42;border-radius:30px;padding:8px 12px}.eyebrow{text-transform:uppercase;font-size:12px}h1{font-size:clamp(30px,5vw,52px);line-height:1.08;letter-spacing:-.04em;margin:16px 0}h2{font-size:17px;font-weight:600;margin:0 0 18px;letter-spacing:-.015em}.intro{font-size:15px;line-height:1.65;color:#aabdb5;max-width:730px;margin-bottom:32px}.panel{border:1px solid #2a3d36;background:#141e1b;border-radius:15px;padding:24px;margin-bottom:20px}.section-heading{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:20px}.section-heading h2{margin:0}.section-heading span{line-height:1.7}label{display:block;font-size:12px;color:#bed0c7;margin:14px 0 8px}select,input,button{font:inherit;font-size:14px;border:1px solid #385349;border-radius:8px;background:#101a16;color:#e8efed;min-height:46px;padding:10px 12px}select,input{display:block;width:100%;margin-top:8px}button{cursor:pointer;font-size:12px;font-weight:600}button:hover:not(:disabled){border-color:#a9efca;background:#243f31}button:disabled{opacity:.42;cursor:not-allowed}.buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}#play-only,#record{background:#a9efca;color:#10241a;border-color:#a9efca}video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#000;border:1px solid #355c48;border-radius:6px;margin-top:18px}.hint{color:#9eb5a8;font-size:12px;line-height:1.7}.status{font-size:12px;color:#b9f0ce;line-height:1.6;min-height:20px}.links{display:flex;flex-wrap:wrap;gap:12px 20px;font-size:12px;margin:20px 0 10px}a{color:#b9f0ce;text-underline-offset:4px}details{border-top:1px solid #2a3d36;margin-top:22px;padding-top:18px}summary{cursor:pointer;font-size:12px;color:#bed0c7}dl{display:grid;grid-template-columns:1fr 1.6fr;font:11px/1.65 ui-monospace,SFMono-Regular,monospace;gap:6px 14px;margin:18px 0}dt{color:#8ba899}dd{margin:0;overflow-wrap:anywhere;color:#cdded4}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:10px/1.7 ui-monospace,SFMono-Regular,monospace;max-height:180px;overflow:auto;color:#8da696;background:#101814;padding:12px;border-radius:6px}ol{padding-left:20px;font-size:13px;line-height:1.8;color:#b8cbc0}li{padding-left:6px;margin:12px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.results{font:11px/1.65 ui-monospace,SFMono-Regular,monospace;overflow-wrap:anywhere}.result{border-top:1px solid #2a3d36;margin-top:16px;padding-top:12px}.explanation{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;font-size:13px;line-height:1.8;color:#b8cbc0}strong{color:#e0ede5;font-weight:600}footer{font-size:11px;line-height:2;color:#7d9b8a;margin-top:28px}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #b9f0ce;outline-offset:3px}@media(max-width:600px){main{padding:22px 16px}header{margin-bottom:38px;align-items:flex-start}.badge{font-size:8px;padding:7px 8px;letter-spacing:.03em}.panel{padding:18px 14px}.form-grid,.explanation{grid-template-columns:1fr}.section-heading{gap:8px}.intro{font-size:14px}dl{grid-template-columns:1fr 1.35fr;font-size:10px}.buttons{gap:8px}button{padding:10px 8px;font-size:11px}}
.reset{display:block;width:100%;margin-top:10px;color:#b9f0ce;background:transparent;border-style:dashed}