:root{color-scheme:light;--ink:#1c3038;--muted:#60747b;--paper:#f4f5f1;--panel:#fff;--line:#dce3df;--teal:#087e83;--gold:#b57a18;--blue:#4f67bc}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,select{cursor:pointer}button{border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:9px 14px;border-radius:7px;font-weight:550;min-height:44px}button:hover{border-color:var(--teal);background:#eef7f4}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #b57a18;outline-offset:3px}.primary{background:var(--teal);color:white;border-color:var(--teal)}.primary:hover{background:#09666a;color:white}header{padding:22px max(24px,calc((100vw - 1380px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;font-size:19px;font-weight:650;letter-spacing:-.4px}.brand-mark{display:grid;place-items:center;border:1px solid var(--teal);border-radius:50%;width:43px;height:43px;color:var(--teal);font-size:29px;font-family:Georgia,serif}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:1.9px;font-weight:600;margin-top:1px}.header-actions{display:flex;gap:8px}main{max-width:1380px;margin:auto;padding:28px 24px 0}nav{display:flex;border-bottom:1px solid var(--line);gap:28px;flex-wrap:wrap}nav button{border:0;background:none;padding:10px 0 16px;border-radius:0;color:var(--muted);border-bottom:3px solid transparent;display:flex;align-items:center;gap:9px;white-space:nowrap}nav button span{font-size:12px;border:1px solid var(--line);border-radius:50%;width:25px;height:25px;display:grid;place-items:center}nav button[aria-current="step"]{color:var(--teal);border-bottom-color:var(--teal)}nav button[aria-current="step"] span{background:var(--teal);color:white;border-color:var(--teal)}.intro{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 0 25px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;color:var(--teal)}h1{font-size:clamp(28px,3vw,39px);font-weight:600;letter-spacing:-1.2px;line-height:1.2;margin:7px 0 9px}p{margin:0;color:var(--muted)}.intro p{max-width:760px}.next{border:0;background:none;white-space:nowrap;color:var(--teal)}.workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:28px;align-items:start}.instrument{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;padding:18px 22px 20px}.instrument-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.live-label{font-size:10px;font-weight:650;letter-spacing:1.4px;color:var(--muted);display:flex;align-items:center;gap:7px}.live-label i{width:6px;height:6px;border-radius:50%;background:var(--teal)}.instrument-top label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px}select{border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--ink);padding:7px}#disk{display:block;width:100%;aspect-ratio:1.08;touch-action:none;cursor:grab}#disk:active{cursor:grabbing}.disk-caption{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin:0 0 20px}.disk-caption span{display:flex;align-items:center;gap:7px}.key-dot{width:9px;height:9px;background:var(--teal);border-radius:50%}.key-line{width:18px;height:0;border-top:2px dashed var(--muted)}.manual-controls,.transport{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.manual-controls label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}input[type=number]{border:1px solid #bdccc8;border-radius:5px;padding:9px 10px;width:100%;color:var(--ink);background:#fff}.manual-controls input{width:94px}.interaction-hint{text-align:center;font-size:12px;margin-top:15px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}h2{font-size:17px;font-weight:600;line-height:1.4;margin:0}.readings{padding:5px 0 20px;border-bottom:1px solid var(--line)}.text-button{border:0;background:none;color:var(--muted);font-size:12px;padding:5px}.metric{padding:16px 0;border-bottom:1px solid var(--line)}.metric:last-child{border-bottom:0}.metric-label{font-size:12px;color:var(--muted)}.metric-value{font-size:34px;font-weight:500;letter-spacing:-1px;font-variant-numeric:tabular-nums;line-height:1.25;margin-top:3px;overflow-wrap:anywhere}.metric-value small{font-size:16px;letter-spacing:0;color:var(--muted)}.metric-secondary{font-size:13px;color:var(--muted);margin-top:4px;font-variant-numeric:tabular-nums}.equation{font-family:Georgia,serif;font-size:19px;line-height:1.7;padding:12px 0;overflow-wrap:anywhere}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.actions button{font-size:12px}.teaching-note{padding:22px 0}.teaching-note h2{margin-top:9px;font-size:20px;font-family:Georgia,serif;font-weight:400}.teaching-note details{margin-top:17px;font-size:13px;color:var(--muted)}summary{cursor:pointer;color:var(--ink);padding:5px 0}details p{margin-top:10px}.settings{padding:20px 0;border-bottom:1px solid var(--line)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.fields label,.radius-settings label{font-size:12px;color:var(--muted)}.fields input{margin-top:5px}.check{display:flex;gap:9px;align-items:center;font-size:13px;margin-top:15px}.check input{width:17px;height:17px;accent-color:var(--teal)}.small{font-size:11px;margin-top:10px}.radius-settings{padding-top:16px}.radius-settings label{display:block}.radius-settings output{float:right;color:var(--ink)}input[type=range]{width:100%;accent-color:var(--teal);cursor:pointer}.transport label{font-size:12px;color:var(--muted)}.timeline{margin-top:18px}.timeline label{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.timeline output{font-variant-numeric:tabular-nums}.graphs{margin-top:28px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:12px}.graphs .section-heading span{font-size:12px;color:var(--muted)}.graph-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:20px}figure{margin:0;min-width:0}figcaption{font-size:12px;font-weight:550}figure canvas{display:block;width:100%;height:180px}footer{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:var(--muted);padding:27px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.answers-hidden .metric-value,.answers-hidden .metric-secondary,.answers-hidden .equation{visibility:hidden}.answers-hidden .metric-value:after{content:"Predict first";visibility:visible;display:block;font-size:22px;color:var(--muted);letter-spacing:0}.answers-hidden .graphs{display:none}body:fullscreen{overflow:auto}@media(min-width:1500px){#disk{max-height:620px}}@media(max-width:1000px){nav{gap:18px}.workspace{grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr);gap:20px}.instrument{padding:14px}.live-label{letter-spacing:.6px;font-size:9px}.metric-value{font-size:29px}.manual-controls{gap:5px}.manual-controls button{padding:8px 10px}.manual-controls label{flex-basis:100%;justify-content:center;order:-1}}@media(max-width:720px){header{padding:15px 16px}.brand{font-size:16px}.brand small{font-size:9px}.header-actions{gap:4px}.header-actions button{font-size:11px;padding:7px 8px}#fullscreen{display:none}main{padding:18px 16px 0}nav{gap:2px;justify-content:space-between}nav button{font-size:11px;gap:5px;padding:7px 3px 12px}nav button span{display:none}.intro{padding:20px 0}.intro p{font-size:14px}.intro .next{display:none}.workspace{grid-template-columns:1fr;gap:16px}.instrument{padding:15px 12px}.manual-controls label{flex-basis:auto;order:0}.manual-controls button{padding:8px 10px}.manual-controls input{width:78px}.manual-controls label{font-size:0}.instrument-top label{font-size:11px}.live-label{font-size:9px}.metric-value{font-size:30px}#metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.metric{padding:12px 0}.graph-grid{grid-template-columns:1fr}.graphs .section-heading{align-items:start}.graphs .section-heading span{max-width:120px}figure canvas{height:160px}footer{flex-direction:column;gap:4px}.interaction-hint{font-size:11px}}@media(max-width:370px){.brand-mark{display:none}.manual-controls{gap:4px}.manual-controls button{font-size:12px;padding:7px 9px}.disk-caption{gap:12px;font-size:10px}nav button{font-size:10px}}

@media(min-width:721px){#disk{height:clamp(300px,calc(100dvh - 500px),560px);aspect-ratio:auto}}

@media(max-width:720px){.manual-controls{display:grid;grid-template-columns:1fr 1fr 1.2fr 1fr 1fr;gap:5px}.manual-controls label{min-width:0;display:block}.manual-controls input{width:100%;font-size:14px;padding:9px 4px}.manual-controls button{padding:8px 4px;font-size:13px}}

.position-examples{justify-content:center;margin-top:12px}.coordinate-note{text-align:center;color:var(--teal);font-size:13px;margin-top:13px}.metric:first-child .metric-label{color:var(--teal)}

.metric-value{display:flex;align-items:baseline;gap:6px 12px;flex-wrap:wrap}.metric-number{white-space:nowrap}.metric-decomposition{display:inline-flex;flex-wrap:wrap;gap:0 5px;font-size:19px;letter-spacing:0;color:var(--ink)}.metric-decomposition span{white-space:nowrap}#zeroAngle{color:var(--teal)}@media(max-width:720px){#zeroAngle{font-size:12px;line-height:1.2}#metrics .metric:has(.metric-decomposition){grid-column:1/-1}}

.radian-demo-controls{display:flex;justify-content:center;gap:8px;margin-top:10px}.radian-demo-controls button{font-size:12px}.radian-demo-note{margin-top:12px;color:#993b32;text-align:center;font-size:13px;min-height:3em}.radian-demo-note[data-complete="true"]{color:var(--teal)}

@media(min-width:721px){.instrument.has-cutting-tray #disk{height:calc(clamp(300px,calc(100dvh - 500px),560px) + 88px)}.embedded .instrument.has-cutting-tray #disk{height:calc(clamp(300px,42vw,500px) + 88px)}}@media(max-width:720px){.instrument.has-cutting-tray #disk{aspect-ratio:.85}}

.equation-definition{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5;margin-bottom:12px;color:var(--ink)}.equation-row{display:flex;align-items:baseline;gap:6px 10px;flex-wrap:wrap}.equation-row>span{white-space:nowrap}.equation-arrow{color:var(--ink)}.equation-condition{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:12px;line-height:1.5;color:var(--muted);margin-top:10px}

.equation-step{margin-top:18px}

.displacement-derivation{margin-top:18px}.displacement-derivation>summary{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5;color:var(--accent,var(--ink));cursor:pointer}.displacement-derivation[open]>summary{margin-bottom:12px}

#equation sub,#equation sup{font-size:.7em;line-height:0;position:relative;vertical-align:baseline}#equation sub{bottom:-.25em}#equation sup{top:-.5em}

@media(min-width:721px){.embedded #disk{height:clamp(300px,42vw,500px)}}
