:root{--paper:#f4f1e8;--ink:#183a35;--muted:#6a7c70;--line:#d9ded0;--mint:#cce4c9;--green:#286554;--orange:#c16e3c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}button,select,input{font:inherit}button,select{cursor:pointer}button{color:inherit;border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #cf8a40;outline-offset:4px}button:hover{filter:brightness(.96)}a{color:inherit}.shell{max-width:1440px;margin:auto;padding:0 48px}header{height:94px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:24px}.wordmark{font-size:28px;font-weight:750;text-decoration:none;letter-spacing:-1.2px;display:flex;align-items:center;gap:8px}.mark{font-size:38px;font-weight:400}.wordmark-dot{color:var(--orange);margin-left:-8px}.edition{font-size:10px;font-weight:650;letter-spacing:1.6px;margin:auto;color:var(--muted)}.edition i{font-style:normal;margin-left:16px;color:#a0a996}.quiet{background:transparent;font-size:12px;font-weight:600;padding:10px 0}.quiet span{margin-left:10px}.intro{display:flex;justify-content:space-between;padding:43px 0 32px;align-items:end}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:750;color:var(--green);margin:0 0 14px}.green-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:100%;margin-right:9px;vertical-align:middle}h1{font-family:Georgia,"Times New Roman",serif;font-size:48px;line-height:1.03;letter-spacing:-2px;font-weight:500;margin:0 0 17px}h1 em{font-weight:400;color:#697c59}.lede{font-size:13px;line-height:1.6;color:var(--muted);margin:0}.intro-note{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:11px;line-height:1.8;padding-bottom:7px}.intro-note>span{font-family:Georgia,serif;font-size:43px;color:#a0b58d;transform:rotate(-20deg)}.intro-note p{margin:0}.intro-note b{font-weight:650;color:var(--ink)}.workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:28px;align-items:start}.field{position:relative;background:#e7eadb;border:1px solid #d4dac9;border-radius:22px;overflow:hidden}.field-top{position:absolute;left:24px;right:24px;top:22px;display:flex;justify-content:space-between;font-size:9px;font-weight:750;letter-spacing:1.8px;pointer-events:none;z-index:2}.running{display:flex;align-items:center;gap:6px;font-size:8px;color:#69846b}.running i{width:5px;height:5px;background:#578564;border-radius:50%}#road{display:block;width:100%;height:auto;aspect-ratio:1/1;touch-action:manipulation;cursor:pointer}.field-caption{position:absolute;left:23px;right:23px;bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;letter-spacing:.1px;color:#69755d}.field-caption b{font-weight:650}.chip{background:#f5f5e9;border:1px solid #d3dac8;border-radius:20px;font-size:9px;padding:7px 10px;color:#47614b;white-space:nowrap}.transport{display:flex;align-items:center;gap:17px;margin:13px 0 18px}.round-control{width:33px;height:33px;border-radius:50%;background:#fffdf5;border:1px solid var(--line);font-size:14px}.speed-control{display:flex;align-items:center;gap:7px;margin-left:auto}.speed-control label{font-size:8px;letter-spacing:1px;color:var(--muted)}select{font-size:11px;border:1px solid var(--line);border-radius:6px;background:transparent;padding:5px 8px;color:var(--ink)}.clock{font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted)}.metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;border-top:1px solid var(--line);padding-top:17px}.metrics>div+div{border-left:1px solid var(--line);padding-left:20px}.metrics span{font-size:8px;letter-spacing:1.1px;color:var(--muted)}.metrics p{margin:7px 0 17px;display:flex;align-items:baseline;gap:7px}.metrics b{font-family:Georgia,serif;font-size:31px;letter-spacing:-1px;font-weight:500;font-variant-numeric:tabular-nums}.metrics small{font-size:9px;color:var(--muted)}.trace-card{border-top:1px solid var(--line);padding-top:13px}.trace-title{display:flex;justify-content:space-between;gap:10px;font-size:8px;color:#82907a;letter-spacing:.2px}.trace-title>span:first-child{color:var(--green);font-weight:650;letter-spacing:.8px}.trace-title i{display:inline-block;width:5px;height:5px;background:#6f9e7e;margin-right:6px;border-radius:50%}#trace{width:100%;height:70px;display:block}aside{display:grid;gap:15px}.control-card{padding:22px 24px;background:#faf8f0;border:1px solid #e0e2d5;border-radius:16px}h2{font-family:Georgia,serif;font-size:23px;font-weight:500;letter-spacing:-.65px;margin:0 0 10px}.muted{font-size:11px;color:var(--muted);line-height:1.7;margin:0}.presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:19px 0 16px}.preset{background:#f0f1e6;border:1px solid #e0e4d5;border-radius:10px;padding:12px 4px;text-align:center;min-width:0}.preset>span{display:block;font-size:23px;color:#748b63;margin-bottom:5px;line-height:1}.preset b{display:block;font-size:10px;letter-spacing:-.15px}.preset small{display:block;font-size:8px;color:var(--muted);margin-top:4px}.preset.active{background:#dce8ce;border-color:#b3c5a1}.preset.active>span{color:var(--green)}.brake{background:#eee6d5;border:1px solid #e0d6c0;border-radius:9px;display:flex;align-items:center;gap:7px;width:100%;padding:12px;font-size:11px;font-weight:600}.brake>span{font-size:17px;color:#b37a45}.brake b{font-size:12px}.brake small{margin-left:auto;font-size:9px;color:#9b9078;font-weight:400}.selection-note{font-size:9px;color:var(--muted);margin:9px 0 0;line-height:1.6;min-height:14px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.live-badge{font-size:7px;letter-spacing:1.5px;border:1px solid #ccdac4;color:#718865;padding:4px 6px;border-radius:4px;margin-bottom:10px}.slider-row{margin-top:16px}.slider-row label{display:flex;justify-content:space-between;font-size:11px;font-weight:600}.slider-row output{color:var(--green);font-size:10px;font-weight:500;font-variant-numeric:tabular-nums}input[type=range]{width:100%;margin:12px 0 5px;accent-color:#527e60;height:8px;cursor:pointer}.slider-row p{font-size:9px;color:#8a927f;margin:0;line-height:1.5}.challenge-card{position:relative;padding:23px 24px;background:#244b3e;color:#edf1df;border-radius:16px;overflow:hidden}.challenge-card .eyebrow{color:#adbf9c;font-size:8px;margin-bottom:10px}.challenge-card h2{font-size:25px;margin-bottom:9px}.challenge-card>p:not(.eyebrow){font-size:10px;line-height:1.7;color:#c0cdb9;max-width:94%;margin:0}.challenge-icon{position:absolute;font-size:51px;right:23px;top:14px;color:#a8bf8e;opacity:.5}.progress-track{height:4px;border-radius:5px;background:#426351;margin:17px 0 8px;overflow:hidden}#progress{height:100%;width:0;background:#d0dfa8;transition:width .2s}.challenge-status{font-size:8px;color:#a8bf9f;display:flex;justify-content:space-between;gap:10px;margin-bottom:15px}#challenge{display:flex;justify-content:space-between;width:100%;border-radius:8px;background:#d5e1bb;padding:12px 14px;color:#244b3e;font-size:11px;font-weight:700}.challenge-card .challenge-tip{font-size:8px!important;max-width:100%!important;margin-top:10px!important;color:#9bb194!important}.notes{margin:30px 0 0;padding:27px;background:#e9eddf;border-radius:16px;border:1px solid var(--line)}.notes[hidden]{display:none}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.notes h3{font-size:12px;margin:15px 0 7px}.notes p{color:var(--muted);line-height:1.8;font-size:11px;margin:0}.source-note{font-size:10px!important;margin-top:20px!important;border-top:1px solid #d5ddca;padding-top:16px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:23px 0 29px;margin-top:31px;font-size:9px;color:#899380}
@media(min-width:1500px){.shell{max-width:1360px}}@media(max-width:1000px){.shell{padding:0 28px}.workspace{gap:20px;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr)}.control-card,.challenge-card{padding:19px}.intro-note{display:none}h1{font-size:44px}.field-caption{left:14px;right:14px;font-size:8px}.chip{font-size:8px;padding:6px}.metrics>div+div{padding-left:12px}.metrics p{gap:4px}.metrics b{font-size:26px}.metrics small{font-size:8px}.metrics span{font-size:7px}}
@media(max-width:760px){.shell{padding:0 19px}header{height:74px}.wordmark{font-size:24px}.edition{display:none}header .quiet{margin-left:auto}.intro{padding:30px 0 26px}h1{font-size:40px;letter-spacing:-1.6px}.eyebrow{font-size:8px;letter-spacing:1.4px}.lede{font-size:12px;max-width:330px}.workspace{grid-template-columns:1fr;gap:23px}.field{border-radius:17px}.field-top{left:18px;right:18px;top:17px;font-size:8px}.field-caption{bottom:14px}.trace-card{margin-top:0}.metrics b{font-size:29px}.metrics span{font-size:8px}.metrics small{font-size:9px}#trace{height:63px}.control-card,.challenge-card{padding:22px}aside{gap:13px}.presets{gap:9px}.preset{padding:12px 5px}.preset b{font-size:11px}.preset small{font-size:9px}.brake{font-size:12px}.brake small{font-size:10px}.slider-row label{font-size:12px}.slider-row output{font-size:11px}.slider-row p{font-size:10px}.muted{font-size:12px}.selection-note{font-size:10px}.challenge-card>p:not(.eyebrow){font-size:11px}.challenge-status{font-size:9px}.challenge-card .challenge-tip{font-size:9px!important}.notes-grid{grid-template-columns:1fr;gap:8px}.notes{padding:21px}.source-note{overflow-wrap:anywhere}footer{font-size:8px;gap:12px;line-height:1.6}footer>span:last-child{text-align:right}}
@media(prefers-reduced-motion:reduce){#progress{transition:none}}