:root{--ink:#172536;--muted:#6c7478;--paper:#f5f1e9;--line:#dddcd3;--gold:#cb9b4b;--mint:#77baa6;--night:#102033}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:#fffdf8;color:var(--ink);border-radius:9px;padding:10px 16px;font-weight:600}button:hover{border-color:#a3b3ac;background:#fff}button:focus-visible,a:focus-visible,input:focus-visible,#stage:focus-visible{outline:3px solid #54a990;outline-offset:4px}.quiet{background:transparent}.quiet:hover{background:#eae9df}button[hidden]{display:none}header{max-width:1280px;margin:auto;padding:26px 38px;display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line)}.wordmark{font:38px/1 Georgia,serif;letter-spacing:-2px;color:var(--ink);text-decoration:none}.wordmark span{font:26px Georgia;margin-left:4px;color:var(--gold)}.edition{font-size:10px;letter-spacing:2px;border-left:1px solid #cfd3ca;padding-left:22px}.edition span{display:block;letter-spacing:.2px;color:var(--muted);font-size:11px}header>button{margin-left:auto;font-size:12px}header>button span{margin-left:13px;color:var(--gold)}main{max-width:1200px;margin:auto;padding:0 22px}.intro{display:flex;align-items:center;justify-content:space-between;padding:35px 7px 32px;gap:25px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#6a8279;margin:0 0 10px}h1{font:48px/1.08 Georgia,serif;letter-spacing:-1.6px;margin:0}h1 em{font-weight:normal;color:#658b7e}.lede{color:var(--muted);font-size:14px;line-height:1.9;padding-right:35px;border-left:1px solid var(--line);padding-left:26px}.workbench{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;align-items:start}.stage-column{min-width:0}.studyline{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.7px;color:#738279}.studyline button{padding:6px 10px;font-size:10px;letter-spacing:0}.goal h2{font:27px/1.2 Georgia,serif;margin:10px 0 8px}.goal p{color:var(--muted);margin:0 0 18px;font-size:13px}#stage{height:300px;position:relative;border-radius:15px;overflow:hidden;background:#112135;box-shadow:0 13px 38px #142d2920;touch-action:none;cursor:crosshair}#scene{width:100%;height:100%;display:block}.stage-tag{position:absolute;top:16px;left:20px;color:#a8bdc7;font-size:9px;letter-spacing:2px;pointer-events:none}.stage-tag span{margin-left:10px;color:#caa46d}.statusline{display:flex;justify-content:space-between;gap:10px;margin:14px 4px;color:#75857d;font-size:11px}#capture{color:#3f8d76}#capture.slipped{color:#ae704f}.hold{margin:18px 3px}.hold-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px;color:#718075}.hold-label strong{font-size:11px;font-weight:500}.track{height:5px;border-radius:5px;background:#e0e2d8;overflow:hidden}#hold-fill{width:0;height:100%;background:linear-gradient(90deg,#83b5a2,#c7ac6e);transition:width .1s}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.toolbar button{font-size:12px;padding:9px 13px}.toolbar .next{margin-left:auto;background:#174b42;color:white;border-color:#174b42}#message{min-height:40px;font-size:12px;color:#6b7f73;margin:14px 3px}aside{padding-top:1px;display:grid;gap:14px}.force-card,.controls,.history-card{background:#fcfaf5;border:1px solid var(--line);border-radius:13px;padding:19px}.force-number{display:flex;align-items:baseline;gap:10px;margin:3px 0 18px}.force-number strong{font:44px/1 Georgia,serif;font-variant-numeric:tabular-nums}.force-number span{font-size:11px;color:#8a8d85}.gauge{height:14px;position:relative;background:#e9e9dd;border-radius:4px;margin:0 4px}#target-band{height:100%;background:#dfbd795e;border:1px solid #c59a4d;position:absolute;border-radius:3px}#needle{width:2px;height:24px;position:absolute;top:-5px;background:#214c42;transition:left .06s}.gauge-label{display:flex;justify-content:space-between;font-size:10px;color:#838b7b;margin:7px 3px 15px}.gauge-label b{font-weight:500;color:#a98242}.stats{border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#829087}.stats b{display:block;color:var(--ink);font-size:13px;font-weight:500}.controls label{display:block;margin-bottom:17px;font-size:12px}.controls label>span{display:flex;justify-content:space-between;margin-bottom:6px}.controls b{font-size:11px;color:#768c80;font-weight:500}input[type=range]{width:100%;accent-color:#588e7d;cursor:pointer;height:20px;touch-action:pan-y}.light-toggle{width:100%;display:flex;justify-content:space-between;font-size:12px;padding:8px 12px}.light-toggle span{color:#78b6a0}.tip{font-size:10px;color:#8a9187;margin:12px 0 0;line-height:1.7}.history-card{padding:15px 14px}.chart-title{font-size:8px;letter-spacing:1px;color:#809080;display:flex;justify-content:space-between}.gold-dot{color:#b98f4c;letter-spacing:0}#history{height:88px;width:100%;display:block;margin-top:10px}.studies{margin:36px 0 24px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-heading h2{font:26px Georgia;margin:0}.section-heading>span{font-size:11px;color:#849184}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.card{display:flex;text-align:left;align-items:center;gap:12px;padding:14px 15px;background:transparent}.card .num{font:23px Georgia;color:#b9beb1}.card small{display:block;color:#939b8d;font-size:9px;font-weight:400}.card b{font-size:11px;font-weight:500}.card.active{border-color:#7fa392;background:#e9eee3}.card.done .num{color:#ad8c50}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:17px 0 25px;color:#9ca496;font-size:11px}footer button{font-size:10px;padding:7px}dialog{border:1px solid #c9d1c3;border-radius:20px;background:#fbf8f0;color:var(--ink);max-width:560px;width:calc(100% - 32px);padding:35px;box-shadow:0 25px 80px #001b2280}dialog::backdrop{background:#0e1e2ed0}dialog h2{font:33px/1.15 Georgia;margin:12px 0 20px}dialog p,dialog li{font-size:13px;color:#6b7a70}dialog li{margin-bottom:14px}dialog ol{padding-left:20px}dialog a{color:#468575}.close{position:absolute;right:14px;top:12px;font-size:24px;background:transparent;border:0;padding:0 7px}.keys,.small{border-top:1px solid var(--line);padding-top:14px}.small{font-size:11px}
@media(max-width:800px){header{padding:20px 22px}.intro{padding:25px 0}.lede{font-size:12px;padding:0 0 0 20px}h1{font-size:39px}.workbench{grid-template-columns:minmax(0,1fr) 260px;gap:17px}.force-card,.controls{padding:15px}.goal h2{font-size:24px}#stage{height:280px}}
@media(max-width:620px){header{padding:16px 18px;gap:16px}.wordmark{font-size:32px}.edition{font-size:8px;padding-left:14px;letter-spacing:1px}.edition span{font-size:9px}header>button{font-size:0;padding:7px 10px}header>button span{font-size:14px;margin:0}.intro{padding:22px 0 23px;gap:10px}.intro .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:7px}h1{font-size:32px;letter-spacing:-1px}.lede{font-size:10px;line-height:1.6;padding-left:12px;max-width:142px}.lede br{display:none}main{padding:0 16px}.workbench{display:flex;flex-direction:column;gap:11px}.stage-column,aside{width:100%}.goal h2{font-size:24px;margin:8px 0 5px}.goal p{font-size:11px;margin-bottom:12px}#stage{height:230px;border-radius:12px}.statusline{font-size:9px;margin:10px 2px}.hold{margin:11px 2px}.hold-label{font-size:10px}.toolbar{gap:6px}.toolbar button{font-size:10px;padding:8px 10px}#message{font-size:10px;min-height:30px;margin:10px 2px 0}aside{grid-template-columns:1fr 1fr;gap:10px}.force-card{padding:13px}.force-number strong{font-size:34px}.force-number{gap:5px;margin:7px 0 17px}.force-number span{font-size:8px}.force-card .eyebrow{font-size:7px;letter-spacing:1px}.stats{gap:5px;font-size:8px;padding-top:8px}.stats b{font-size:11px}.gauge-label{font-size:8px}.controls{padding:12px}.controls label{font-size:10px;margin-bottom:10px}.controls b{font-size:9px}.tip{font-size:8px;margin-top:6px}.light-toggle{font-size:10px;padding:6px 8px}.history-card{grid-column:span 2;padding:12px}#history{height:70px}.studies{margin-top:27px}.section-heading h2{font-size:23px}.cards{grid-template-columns:1fr 1fr;gap:7px}.card{padding:10px;gap:9px}.card b{font-size:10px}.card small{font-size:8px}.card .num{font-size:20px}footer p{font-size:9px}footer button{font-size:9px}dialog{padding:27px}.stage-tag{font-size:8px;top:12px;left:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.stage-readout{position:absolute;bottom:12px;right:15px;display:flex;gap:16px;background:#102131b8;border:1px solid #758e7c40;border-radius:5px;padding:6px 10px;pointer-events:none}.stage-readout small{font-size:7px;color:#a2b4ae;letter-spacing:1px}.stage-readout b{font-size:12px;color:#d5bd89;font-weight:500;letter-spacing:0;margin-left:6px}