body{--accent:#5742a5;--ink:#202336;--bg:#f6f7fc;--surface:#fff;--muted:#5b5f72;--paper:var(--bg);--panel:var(--surface);--focus:var(--accent);--line:#c8cbd9;font-family:Figtree,sans-serif;background:var(--paper);color:var(--ink)}:root[data-theme=dark] body{--accent:#c0b0ff;--ink:#efedfa;--bg:#181824;--surface:#222232;--muted:#c2bfd3;--line:#65617b}h1,h2{font-family:Archivo,sans-serif}h1{font-size:clamp(2.2rem,4vw,4rem);line-height:1.07;max-width:16ch;letter-spacing:-.025em}h2{font-size:1.6rem}main{max-width:1180px;margin:auto;padding:2.8rem 1.4rem}.intro-copy{max-width:60ch;font-size:1.12rem;margin-bottom:2rem}.math-workbench{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:2.6rem;align-items:start}form{border-top:1px solid var(--accent);padding-top:1.6rem}form>label{display:block;margin:.8rem 0 .4rem;font-weight:650}input,textarea,select{width:100%;font:inherit;font-size:1.05rem;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:.8rem;min-height:48px;caret-color:var(--accent)}textarea{resize:vertical}input:focus,textarea:focus{outline:3px solid var(--accent);outline-offset:2px}.hint{font-size:.92rem;line-height:1.5;max-width:60ch;margin:.4rem 0 1rem}.primary{background:var(--accent);color:#fff}.result-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.4rem}button{min-height:44px;padding:.65rem 1rem;border:1px solid var(--line);border-radius:5px;font:inherit;cursor:pointer;background:var(--panel);color:var(--ink)}button.primary{background:var(--accent);color:var(--paper)}button:hover{border-color:var(--accent)}button:disabled{opacity:.55;cursor:default}.solution{background:var(--panel);padding:1.8rem 2rem;min-width:0;border-radius:8px}.solution h2{margin-top:0}.value-line{display:flex;align-items:center;margin:1.2rem 0;font-size:clamp(2rem,5vw,4rem);overflow-wrap:anywhere}.fraction{display:inline-flex;flex-direction:column;text-align:center;max-width:100%;line-height:1.25}.fraction>span+span{border-top:2px solid var(--ink)}.representations,.relation{font-size:1.18rem;overflow-wrap:anywhere}.steps{padding-left:1.4rem;line-height:1.7;overflow-wrap:anywhere}.portion{height:20px;background:var(--paper);border:1px solid var(--line)}.portion>span{display:block;height:100%;background:var(--accent)}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}th,td{text-align:left;padding:.7rem .4rem;border-bottom:1px solid var(--line);overflow-wrap:anywhere}caption{text-align:left;margin:1rem 0;font-size:.93rem}.axis svg{width:100%;height:auto}.own{margin-top:1.5rem;border-top:1px solid var(--line);padding-top:1rem}.own summary{cursor:pointer;min-height:44px}.own-fields{display:grid;gap:.8rem}.own-fields label{display:block}.own-text{white-space:pre-wrap;overflow-wrap:anywhere}.field-error{color:#a51836;font-weight:650}:root[data-theme=dark] .field-error{color:#ffb6c3}.method,.example{max-width:74ch;margin-top:3rem;line-height:1.7}.example{border-top:1px solid var(--line);padding-top:1rem}.note{margin-top:1.5rem}::selection{background:var(--accent);color:var(--paper)}*:focus-visible{outline:3px solid var(--accent);outline-offset:3px}a{color:var(--accent);text-underline-offset:.2em}*{scrollbar-color:var(--accent) var(--paper)}@media(max-width:760px){main{padding:1.6rem 1rem}.math-workbench{grid-template-columns:1fr;gap:1.6rem}.solution{padding:1.2rem}input,textarea{font-size:16px}h1{max-width:none}.result-actions button{flex:1 1 auto}th,td{font-size:.92rem}}@media print{header,footer,form,.intro-copy,h1,.method,.example,.result-actions,#status,nav{display:none!important}main,.math-workbench,.solution{display:block;padding:0;margin:0;background:white;color:black}.solution{border:0}body{background:white;color:black}.solution *{color:black}}