:root{color-scheme:dark;--bg:#0e1511;--panel:#17221b;--line:#344639;--text:#f1f2e9;--muted:#b2beb1;--accent:#e7bf82;--green:#c5dcc3;font-family:Arial,sans-serif;line-height:1.6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--accent);text-underline-offset:5px}button,input,select{font:inherit}button,select{min-height:44px}button{cursor:pointer;border:1px solid #64725f;border-radius:6px;background:#233328;color:var(--text);padding:10px 14px;font-size:12px}button:disabled{opacity:.45;cursor:default}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}input[type=checkbox]{width:19px;height:19px;accent-color:var(--accent);flex-shrink:0}input[type=range]{width:100%;accent-color:var(--accent);min-height:40px}select{display:block;width:100%;margin:7px 0 15px;border:1px solid #56634f;border-radius:6px;padding:9px;background:#101b13;color:var(--text);font-size:13px}label{display:block;font-size:12px;color:#d5dfcf}.topbar{border-bottom:1px solid var(--line);padding:20px 4%;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{font-size:21px;font-weight:800;color:var(--text);text-decoration:none;line-height:1.25}.wordmark>span{color:#edc17e}.wordmark small{display:block;font-size:8px;letter-spacing:3.1px;margin-top:7px;color:var(--muted)}.privacy-badge{font-size:11px;padding:7px 13px;border:1px solid #576d54;border-radius:30px;color:#d8e9cf}.topbar>a:last-child{font-size:11px;text-decoration:none}main{max-width:1560px;margin:auto;padding:0 4%}.notice{padding:12px;margin-top:20px;background:#d4bf94;color:#29241b;font-size:12px;border-radius:5px}.intro{display:grid;grid-template-columns:1.5fr 1fr;gap:10%;align-items:center;padding:62px 0 46px}.eyebrow{font-size:9px;letter-spacing:2.5px;font-weight:700;color:var(--accent);margin:0 0 15px}h1{font-size:clamp(46px,5.5vw,78px);line-height:1.04;letter-spacing:-3px;font-weight:500;margin:0 0 24px}.intro>div>p:last-child{font-size:14px;max-width:510px;color:var(--muted);line-height:1.8}.intro aside{border-left:1px solid #6a765f;padding-left:28px;max-width:400px}.intro aside strong{font-size:18px;font-weight:500}.intro aside p{font-size:13px;line-height:1.9;color:var(--muted)}.intro aside a{font-size:11px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}.stage-column{min-width:0}.stage-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.stage-header .eyebrow{font-size:8px;margin-bottom:7px}.stage-header h2{font-size:25px;font-weight:500;line-height:1.3;margin:0;letter-spacing:-.5px}.camera-state{white-space:nowrap;font-size:10px;border:1px solid #66705d;padding:6px 10px;border-radius:20px;color:#c2cbbb}.camera-state.live{color:#dcffd6;background:#25452d;border-color:#8cc780}.stage{position:relative;border:1px solid #5e6c53;border-radius:8px;overflow:hidden;background:#080e0a;aspect-ratio:1/1}.stage canvas{display:block;width:100%;height:100%;touch-action:manipulation;cursor:crosshair}.stage-label{position:absolute;left:14px;top:14px;border:1px solid #ffffff50;background:#0c160dd9;padding:5px 9px;border-radius:4px;font-size:10px;pointer-events:none}.instruction{font-size:12px;color:#d2dec9;min-height:44px;padding:3px 0;margin:13px 0 8px}.anchor-controls{display:flex;gap:8px;flex-wrap:wrap}.anchor-controls button[aria-pressed=true]{border-color:var(--accent);background:#d9b57b;color:#1b2116}.anchor-controls button:last-child{margin-left:auto;background:transparent}.fine-adjust{font-size:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin-top:20px}.fine-adjust[open]{display:grid;gap:12px}.fine-adjust summary{cursor:pointer;min-height:30px}.fine-adjust label{margin:10px 0}.view-controls{display:grid;grid-template-columns:1fr 1fr;align-items:start;column-gap:24px;row-gap:10px;padding-top:22px}.view-controls .check{grid-column:1/-1;display:flex;align-items:center;gap:10px}.muted{font-size:10px;line-height:1.8;color:var(--muted);margin:12px 0 0}.control-column{display:flex;flex-direction:column;gap:16px}.panel{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.step{font-size:9px;font-weight:700;letter-spacing:2px;color:var(--accent);margin:0 0 18px}.panel>p:not(.step):not(.muted){font-size:12px;color:#c1cdbb;line-height:1.9}.consent{display:flex;gap:12px;align-items:flex-start;margin:20px 0;line-height:1.8;color:#e1e7db;font-size:11px}.consent input{margin:2px 0 0}.camera-actions{display:flex;flex-wrap:wrap;gap:8px}.primary{background:var(--accent);border-color:var(--accent);color:#1e251a;font-weight:700;flex:1}.camera-actions>button:last-child{background:#142b1d;border-color:#a6b69e}#status{font-size:11px!important;color:#e8d7b8!important;min-height:36px}video{width:100%;max-height:190px;object-fit:contain;background:#060a07;border:1px solid var(--line);border-radius:6px;margin-top:12px}.coaching{background:#223327}.coaching h3{font-size:18px;font-weight:500;line-height:1.35;margin:0 0 12px}.coaching a{font-size:10px}.explanation{display:grid;grid-template-columns:1fr 1.2fr;gap:10%;padding:68px 0 48px;margin-top:58px;border-top:1px solid var(--line)}.explanation h2{font-size:35px;line-height:1.15;font-weight:500;letter-spacing:-1px;margin:0}.explanation>div>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted);margin-top:0}.privacy-details{border:1px solid var(--line);border-radius:8px;padding:22px;margin-bottom:55px;max-width:1100px}.privacy-details summary{font-size:13px;cursor:pointer}.privacy-details p{font-size:12px;line-height:1.9;color:var(--muted)}footer{border-top:1px solid var(--line);padding:25px 4%;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}[hidden]{display:none!important}
@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 300px;gap:20px}.panel{padding:18px}.intro{gap:7%}.stage-header{align-items:flex-start}.camera-state{font-size:9px}.stage-header h2{font-size:22px}.anchor-controls button{padding:9px 11px;font-size:11px}}
@media(max-width:800px){.topbar{flex-wrap:wrap;padding:18px 5%;gap:14px}.topbar .privacy-badge{order:3;flex-basis:100%;width:fit-content;text-align:center;font-size:10px}.wordmark{font-size:19px}main{padding:0 5%}.intro{grid-template-columns:1fr;gap:25px;padding:42px 0 34px}h1{font-size:56px;letter-spacing:-2px}.intro>div>p:last-child{font-size:13px}.intro aside{padding-left:18px;max-width:none}.intro aside p{font-size:12px}.workspace{grid-template-columns:1fr;gap:28px}.stage-header h2{font-size:22px}.stage-header{gap:12px}.stage-label{font-size:8px;left:9px;top:9px}.anchor-controls button:last-child{margin-left:0}.anchor-controls button{flex:1;white-space:nowrap}.anchor-controls button:last-child{flex-basis:100%}.view-controls{gap:12px}.view-controls select{font-size:12px}.panel{padding:22px}.control-column{gap:16px}.consent{font-size:12px}.camera-actions button{min-height:48px}.panel>p:not(.step):not(.muted){font-size:13px}.muted{font-size:11px}.coaching h3{font-size:21px}.explanation{grid-template-columns:1fr;gap:24px;margin-top:40px;padding:40px 0 30px}.explanation h2{font-size:31px}.privacy-details{padding:18px;margin-bottom:35px}footer{display:block;padding:22px 5%}footer span{display:block;margin-top:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.camera-guide{position:sticky;top:12px;z-index:5;display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr);gap:18px;align-items:center;padding:18px;margin-bottom:18px;background:#253320;border:2px solid #edc17b;border-radius:9px;box-shadow:0 10px 30px #0006;scroll-margin-top:12px}.camera-guide video{width:100%;height:145px;max-height:none;margin:0;object-fit:contain;border:1px solid #97aa85;border-radius:6px;background:#060a07}.camera-guide-copy{min-width:0}.camera-guide-copy>.eyebrow{font-size:9px;margin:0 0 6px}.camera-guide h3{display:flex;align-items:center;gap:10px;font-size:22px;line-height:1.25;margin:0 0 7px;color:#fff6df;font-weight:700}.camera-guide h3>span:first-child{font-size:27px;color:#ffd18a;flex-shrink:0}.camera-guide-message{min-width:0}#camera-guide-body{font-size:13px;line-height:1.6;color:#f3efdf;margin:0}.camera-guide button{margin-top:12px;background:#152519;color:#fff7e8;border-color:#b8c3a5;min-height:44px}.camera-guide[data-tone=ready]{border-color:#a4d99a;background:#1d3525}.camera-guide[data-tone=ready] h3>span:first-child{color:#c1f3b6}.camera-guide[data-tone=steady]{border-color:#d1dcaa}@media(max-width:800px){.camera-guide{top:8px;gap:12px;padding:12px;grid-template-columns:90px minmax(0,1fr);scroll-margin-top:8px}.camera-guide video{height:110px}.camera-guide h3{font-size:18px;gap:7px}.camera-guide h3>span:first-child{font-size:22px}#camera-guide-body{font-size:12px;line-height:1.5}.camera-guide-copy>.eyebrow{font-size:8px;letter-spacing:1.5px}.camera-guide button{padding:8px 12px;font-size:11px;margin-top:9px}}
.camera-guide video[hidden]+.camera-guide-copy{grid-column:1/-1}@media(max-width:800px){.camera-guide h3{font-size:20px}}