:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#08234a;font-synthesis:none;text-rendering:optimizelegibility;--navy:#08234a;--ink:#52647d;--aqua:#078da8;--teal:#0d6f7f;--ice:#edf9fb;--line:#d8e1e8;--green:#187a4d;--green-wash:#eef9f3;--coral:#d85f52;--coral-wash:#fff3f0;--display:Georgia, "Times New Roman", serif;background:#fff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#fff;min-width:320px;margin:0}button,input{font:600 .95rem/1.2 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:var(--teal);text-underline-offset:.2em}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #ff9c8f}.skip-link{z-index:1001;color:#fff;background:var(--navy);padding:10px 14px;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{border-bottom:1px solid var(--line);background:#fffffff5;justify-content:space-between;align-items:center;gap:32px;min-height:76px;padding:0 clamp(20px,4vw,64px);display:flex}.brand{color:var(--navy);font-family:var(--display);white-space:nowrap;align-items:center;gap:9px;font-size:1.48rem;font-weight:700;text-decoration:none;display:inline-flex}.brand span{color:var(--aqua);font-family:var(--display);font-size:2rem;line-height:.7;transform:translateY(-3px)}.site-header nav{align-items:center;gap:clamp(16px,2.3vw,34px);display:flex}.site-header nav a{color:#334661;padding:28px 0 25px;font-size:.92rem;font-weight:700;text-decoration:none;position:relative}.site-header nav a:hover,.site-header nav a.is-current{color:var(--navy)}.site-header nav a.is-current:after{background:var(--aqua);content:"";height:3px;position:absolute;bottom:17px;left:0;right:0}.practice-shell{scroll-margin-top:16px}.play-intro{border-bottom:1px solid var(--line);padding:clamp(36px,5vw,72px) clamp(20px,4vw,64px) 30px}.play-intro h1{max-width:12ch;font:700 clamp(3rem, 6.2vw, 6.1rem)/.94 var(--display);letter-spacing:-.045em;margin:0}.play-intro p{color:#40536c;max-width:660px;margin:20px 0 0;font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.65}.workbench{border-bottom:1px solid var(--line);grid-template-columns:minmax(420px,1.06fr) minmax(470px,.94fr);display:grid}.instrument-panel,.control-panel{min-width:0;padding:clamp(22px,3.5vw,52px)}.instrument-panel{border-right:1px solid var(--line);background:linear-gradient(#fff 0%,#f7fbfc 100%);flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.control-panel{background:#fff}.round-line{color:#5f7086;letter-spacing:.03em;text-transform:uppercase;justify-content:space-between;align-self:stretch;gap:16px;font-size:.82rem;font-weight:800;display:flex}.round-line span:last-child{text-align:right}.buret-figure{width:min(100%,440px);margin:10px auto 0}.buret-figure figcaption{color:var(--navy);text-align:center;text-transform:uppercase;letter-spacing:.09em;margin:0 0 -6px;font-size:.9rem;font-weight:800}.buret-figure svg{filter:drop-shadow(0 14px 18px #08234a14);width:100%;height:auto;display:block}.buret-label{fill:#08234a;font:700 17px/1 Inter,sans-serif}.eye-label{fill:#b94137;text-transform:uppercase;letter-spacing:.05em;font:700 13px/1 Inter,sans-serif}.paired-burets{grid-template-columns:1fr 1fr;align-items:end;gap:12px;width:100%;display:grid}.buret-figure--compact{width:min(100%,320px)}.instrument-note{color:#52647d;text-align:center;max-width:56ch;margin:-4px 0 0;font-size:.92rem;line-height:1.6}fieldset{border:0;min-width:0;margin:0;padding:0}legend,.answer-form>label,.seed-controls>label{color:var(--navy);margin-bottom:12px;font-size:1rem;font-weight:800;display:block}.mode-controls{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mode-controls button{cursor:pointer;background:#fff;border:1px solid #c9d4dd;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:92px;padding:14px 10px;display:flex}.mode-controls strong{font-size:1rem}.mode-controls span{color:#6d7c8f;font-size:.78rem;font-weight:600}.mode-controls button:hover,.mode-controls button.is-selected{border-color:var(--aqua);background:var(--ice);box-shadow:inset 0 -3px 0 var(--aqua)}.task-fieldset{margin-top:22px}.task-controls{border:1px solid #c9d4dd;border-radius:5px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.task-controls button{cursor:pointer;background:#fff;border:0;border-right:1px solid #c9d4dd;min-height:48px;padding:10px}.task-controls button:last-child{border-right:0}.task-controls button.is-selected{color:#fff;background:var(--navy)}.seed-controls{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:22px 0;padding:18px 0}.seed-controls>div:first-of-type{grid-template-columns:1fr auto;display:grid}.seed-controls input{width:100%;min-height:46px;color:var(--navy);background:#fff;border:1px solid #b9c6d1;border-right:0;border-radius:4px 0 0 4px;padding:10px 12px}.seed-controls button{cursor:pointer;background:#fff;border:1px solid #9fb0be;min-height:46px;padding:9px 14px}.seed-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.seed-actions button{border-radius:4px;min-height:40px;font-size:.82rem}.seed-actions span{color:#657489;font-size:.78rem}.answer-form{margin-top:22px}.answer-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.answer-input-wrap{border:1px solid #9fb0be;border-radius:5px;align-items:center;min-width:0;display:flex;overflow:hidden}.answer-input-wrap:focus-within{border-color:var(--aqua);box-shadow:0 0 0 3px #078da81f}.answer-input-wrap input{width:100%;min-width:0;height:60px;color:var(--navy);font-variant-numeric:tabular-nums;background:#fff;border:0;outline:0;padding:7px 16px;font:600 2rem/1 Inter,ui-sans-serif,sans-serif}.answer-input-wrap span{color:#627288;padding:0 14px;font-weight:800}.primary-action,.secondary-action{cursor:pointer;border-radius:4px;min-height:48px;padding:12px 20px}.primary-action{color:#fff;border:1px solid var(--aqua);background:var(--aqua)}.primary-action:hover{background:#05788f}.primary-action:disabled{cursor:not-allowed;background:#9db0b8;border-color:#9db0b8}.secondary-action{color:var(--navy);background:#fff;border:1px solid #9fb0be}.answer-form>p{color:#69798c;margin:8px 0 12px;font-size:.78rem;line-height:1.5}.number-pad{grid-template-columns:repeat(6,minmax(42px,1fr));gap:7px;display:grid}.number-pad button{cursor:pointer;background:#f8fbfc;border:1px solid #c4d0da;border-radius:4px;min-height:46px}.number-pad button:hover{border-color:var(--aqua);background:var(--ice)}.number-pad .clear-key{color:#6a3540;background:#fff8f6;grid-column:span 6;min-height:40px}.session-metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:24px 0 0;display:grid}.session-metrics div{text-align:center;border-right:1px solid var(--line);padding:16px 10px}.session-metrics div:last-child{border-right:0}.session-metrics dt{color:#647489;text-transform:uppercase;letter-spacing:.05em;font-size:.77rem;font-weight:700}.session-metrics dd{color:var(--teal);font-family:var(--display);font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:2rem;font-weight:700}.feedback-placeholder{color:#6c7a8b;border-left:3px solid var(--line);background:#f9fbfc;min-height:76px;margin:18px 0 0;padding:18px;line-height:1.55}.feedback{border:1px solid;border-radius:6px;margin-top:18px;padding:17px 18px}.feedback strong{margin-bottom:6px;font-size:1.05rem;display:block}.feedback p{margin:0;line-height:1.55}.feedback--correct{color:#0f673f;background:var(--green-wash);border-color:#87c8a6}.feedback--review{color:#7a312b;background:var(--coral-wash);border-color:#e5a49b}.feedback--input{color:#584d31;background:#fffbea;border-color:#dfca8d}.feedback-actions,.completion-actions{flex-wrap:wrap;gap:9px;margin-top:14px;display:flex}.completion{color:#15395f;background:#f1fbfc;border:1px solid #92cbd3;margin-top:18px;padding:22px}.completion h2{font:700 1.7rem/1.1 var(--display);margin:0 0 8px}.completion h3{text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.9rem}.completion p,.completion ul{line-height:1.55}.completion ul{margin-top:0;padding-left:20px}.recent-history{margin-top:28px}.section-heading-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-heading-row h2{font:700 1.35rem/1.2 var(--display);margin:0}.section-heading-row button,.recent-history li button{min-height:38px;color:var(--teal);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;text-decoration:underline}.recent-history>p{color:#6a798b;line-height:1.55}.recent-history ol{border-top:1px solid var(--line);margin:12px 0 0;padding:0;list-style:none}.recent-history li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;min-height:58px;padding:10px 0;display:flex}.recent-history li div{align-items:baseline;gap:10px;display:flex}.recent-history li strong{color:var(--teal);font-variant-numeric:tabular-nums;font-size:1.05rem}.recent-history li span{color:#667589;font-size:.82rem}.visual-explainer{border-bottom:1px solid var(--line);background:#f7fafc;grid-template-columns:.82fr 1.18fr;align-items:stretch;min-height:400px;display:grid;overflow:hidden}.visual-explainer>div{align-self:center;padding:clamp(44px,6vw,92px) clamp(22px,5vw,78px)}.visual-explainer h2{max-width:11ch;font:700 clamp(2.2rem, 4vw, 4.4rem)/1 var(--display);letter-spacing:-.035em;margin:0}.visual-explainer p{color:#52647d;max-width:50ch;line-height:1.7}.visual-explainer img{object-fit:cover;object-position:64% 50%;mix-blend-mode:multiply;width:100%;height:100%;min-height:400px;display:block}@media (max-width:1020px){.site-header{flex-direction:column;align-items:flex-start;gap:0;padding-top:18px}.site-header nav{width:100%;overflow-x:auto}.site-header nav a{padding-top:18px}.workbench{grid-template-columns:1fr}.instrument-panel{border-right:0;border-bottom:1px solid var(--line)}.buret-figure{width:min(100%,400px)}}@media (max-width:680px){.site-header{padding-left:18px;padding-right:18px}.site-header nav{flex-wrap:wrap;gap:4px 18px;padding-bottom:10px;overflow-x:visible}.site-header nav a{white-space:nowrap;padding:10px 0 9px;font-size:.85rem}.site-header nav a.is-current:after{bottom:3px}.play-intro{padding:34px 18px 24px}.play-intro h1{font-size:clamp(2.7rem,14vw,4.4rem)}.instrument-panel,.control-panel{padding:20px 18px 30px}.round-line{font-size:.68rem}.paired-burets{gap:0}.mode-controls{grid-template-columns:1fr}.mode-controls button{align-items:flex-start;min-height:60px;padding:10px 14px}.task-controls{grid-template-columns:1fr}.task-controls button{border-bottom:1px solid #c9d4dd;border-right:0}.task-controls button:last-child{border-bottom:0}.answer-row{grid-template-columns:1fr}.answer-row .primary-action{width:100%}.number-pad{grid-template-columns:repeat(3,1fr)}.number-pad .clear-key{grid-column:span 3}.session-metrics dd{font-size:1.55rem}.feedback-actions,.completion-actions{flex-direction:column}.feedback-actions button,.completion-actions button{width:100%}.recent-history li div{flex-direction:column;align-items:flex-start;gap:2px}.visual-explainer{grid-template-columns:1fr}.visual-explainer img{object-position:63% 50%;order:-1;min-height:260px}.visual-explainer>div{padding:42px 20px 56px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}