@font-face{font-family:PlexWeb;src:url(fonts/PlexWeb.woff2);font-display:swap;font-weight:500}@font-face{font-family:PlexLatin;src:url(fonts/PlexLatin.woff2);font-display:swap;font-weight:500}
:root{--paper:#F7F5F0;--ink:#20232A;--gray:#5C6370;--blue:#1C64D9;--line:#d5d3cb;--orange:#E8590C}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--paper);color:var(--ink);font:500 17px/1.7 PlexWeb,system-ui,sans-serif}html[lang=en] body{font-family:PlexLatin,system-ui,sans-serif}button,input{font:inherit}button{min-height:48px;padding:9px 16px;background:transparent;color:var(--ink);border:1px solid #aaa99f;border-radius:10px;cursor:pointer;line-height:1.45}button:hover{background:#ffffffaa}button[aria-pressed=true],button.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}button:disabled{opacity:.5;cursor:default}a{color:var(--ink);text-underline-offset:5px}button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:clamp(29px,3.5vw,48px);line-height:1.4;letter-spacing:.005em;margin:8px 0 12px}h2{font-size:24px;line-height:1.5}h3{font-size:18px;line-height:1.6;margin:18px 0 8px}p{margin:8px 0}.wrap{max-width:1280px;margin:auto;padding:28px 40px 45px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:42px}header a{min-height:44px;padding:8px}.badge{display:inline-block;background:#fff;color:var(--blue);border-radius:8px;font-size:15px;padding:5px 12px}.eyebrow{font-size:13px;letter-spacing:.12em;color:var(--gray)}.intro{color:var(--gray);max-width:750px}.tabs{display:flex;border-bottom:1px solid var(--line);gap:8px;margin:28px 0 18px;padding-bottom:12px}.tabs button{border-radius:8px;min-width:120px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;align-items:start;scroll-margin-top:12px}.stage{min-width:0}.stage-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:16px;min-height:48px}.stage-meta span{color:var(--gray)}.stage-meta button{min-width:94px;background:#fff}canvas{width:100%;height:auto;display:block;max-width:720px;margin:auto}.panel{border-left:1px solid var(--line);padding:0 0 0 28px;margin-top:3px}.panel h2{font-size:20px;margin-bottom:12px}.mode-group{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mode-group button:first-child{grid-column:1/-1}.mode-group small{display:block}.mode-group button{font-size:16px;padding:10px 6px}#add-cue{width:100%;margin-top:10px}.status{font-size:16px;color:var(--gray);margin:16px 0;min-height:78px}.control{margin:17px 0}.control>div{display:flex;justify-content:space-between;gap:10px}output{font-variant-numeric:tabular-nums;white-space:nowrap}input[type=range]{width:100%;height:40px;accent-color:var(--ink);margin:0;cursor:pointer}.mini{font-size:15px;color:var(--gray)}.wide{width:100%;margin-top:16px}.guide{border-left:3px solid #b5b4aa;padding-left:12px;font-size:16px;margin-top:20px}.fact{color:var(--blue);min-height:32px;text-align:center;font-size:17px}.row{display:flex;gap:10px;align-items:center}.row button{flex:1}.wrap-row{flex-wrap:wrap}.stack{display:grid;gap:10px}.perception{border-top:1px solid var(--line);margin-top:25px;padding-top:2px}.perception .row button{font-size:15px;padding:9px 10px;min-width:75px}.answer{color:#a93e07;font-size:16px;min-height:27px}.answer:before{content:'●';font-size:13px;margin-right:8px}.answer:empty:before{content:''}.notebook{border-top:1px solid var(--line);margin-top:36px;padding-top:25px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.section-head h2{font-size:28px}.notebook>p{max-width:850px}.notebook>.row{margin:16px 0}.note{padding:16px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;align-items:center}.note p{margin:0}.note button{flex-shrink:0}.note .mini{font-size:15px}#notes{margin:16px 0}#share-url{width:100%;padding:10px;border:1px solid #aaa99f;border-radius:6px;background:white;color:var(--ink);margin:8px 0}.explanation{max-width:850px;padding:20px 0}details{border-top:1px solid var(--line);margin-top:30px;padding-top:18px}summary{cursor:pointer;min-height:44px;padding:8px 0}footer{font-size:13px;color:var(--gray);margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}[hidden]{display:none!important}.skip{position:absolute;left:10px;top:-100px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}.capture .notebook,.capture details,.capture footer,.capture .perception{display:none}.capture header{margin-bottom:12px}.capture .wrap{padding-top:15px}.capture h1{font-size:35px}.capture .tabs{margin-top:15px}.capture .workspace{grid-template-columns:minmax(0,1fr) 350px}.capture canvas{max-height:650px;width:auto;max-width:100%}
@media(max-width:800px){.wrap{padding:20px 16px 30px}header{margin-bottom:25px}.workspace{display:block}.panel{border-left:0;border-top:1px solid var(--line);padding:22px 0 0;margin-top:15px}.stage{max-width:620px;margin:auto}.panel{max-width:620px;margin:18px auto 0}.stage-meta{position:sticky;top:0;background:var(--paper);z-index:2;padding:5px 0}.section-head{display:block}.section-head button{margin-top:12px;width:100%}.mode-group{grid-template-columns:1fr 1fr}.status{min-height:0}.control{margin:18px 0}.notebook .row button{flex-basis:140px}.note{align-items:flex-start}.note button{font-size:15px;padding:9px 11px}.fact{font-size:16px}h1{font-size:30px}.intro{font-size:16px}.eyebrow{font-size:13px}#candidate-toggle{margin:8px 0}.perception .row button{min-width:80px}}
@media(prefers-reduced-motion:no-preference){button{transition:background .16s,color .16s}}

@media(max-width:480px){html[lang=en] .perception .row{display:grid;grid-template-columns:1fr}html[lang=en] .perception .row button{width:100%;min-width:0}}

@font-face{font-family:InterDigits;src:url(fonts/InterDigits.woff2);font-weight:500;font-display:swap}output{font-family:InterDigits,PlexWeb,system-ui,sans-serif}html[lang=en] output{font-family:InterDigits,PlexLatin,system-ui,sans-serif}