@font-face{font-family:DSEG14;src:url(/fonts/dseg/DSEG14Classic-Regular.woff2) format("woff2"),url(/fonts/dseg/DSEG14Classic-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DSEG14;src:url(/fonts/dseg/DSEG14Classic-Bold.woff2) format("woff2"),url(/fonts/dseg/DSEG14Classic-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}#quiz-container{margin:2em 0;max-width:420px;display:flex;flex-direction:column;gap:1em;touch-action:manipulation}#problem-type-selector{display:flex;gap:.5em;align-items:center}#problem-type-select{flex:1;padding:.75em 1em;font-size:1em;font-weight:600;font-family:Arial,sans-serif;border:2px solid #b8a898;background:linear-gradient(180deg,#e8dcc8,#d8cbb8);border-radius:6px;cursor:pointer;color:#5a4a3a;box-shadow:0 2px #00000026,inset 0 1px #ffffff4d}#problem-type-select:hover{background:linear-gradient(180deg,#f0e4d0,#e0d3c0)}#sound-toggle{padding:.75em 1.2em;font-size:1.2em;font-weight:600;border:2px solid #b8a898;background:linear-gradient(180deg,#e8dcc8,#d8cbb8);border-radius:6px;cursor:pointer;color:#5a4a3a;box-shadow:0 2px #00000026,inset 0 1px #ffffff4d;transition:all .2s ease}#sound-toggle:hover{background:linear-gradient(180deg,#f0e4d0,#e0d3c0)}#sound-toggle:active{background:linear-gradient(180deg,#c8b898,#b8a888);box-shadow:inset 0 2px 3px #0003,0 1px #ffffff4d;transform:translateY(1px)}[data-theme-dark] #problem-type-select,[data-theme-dark] #sound-toggle{background:linear-gradient(180deg,#4a4540,#3a3530);border-color:#5a5550;color:#d0c8b8}[data-theme-dark] #problem-type-select:hover,[data-theme-dark] #sound-toggle:hover{background:linear-gradient(180deg,#5a5550,#4a4540)}#calculator{width:100%;max-width:400px;background:linear-gradient(135deg,#dcd0bc,#d4c4b0,#c8b8a4);border:3px solid #a89888;border-radius:12px;padding:1.5em;box-shadow:0 8px 16px #00000040,0 4px 6px #0003,inset 0 2px #ffffff26,inset 0 -3px 6px #00000026;position:relative}#calculator:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,0,0,.04) 1px,rgba(0,0,0,.04) 2px),repeating-linear-gradient(90deg,transparent,transparent 1px,rgba(0,0,0,.03) 1px,rgba(0,0,0,.03) 2px),radial-gradient(ellipse at 30% 40%,rgba(0,0,0,.05) 0%,transparent 60%),radial-gradient(ellipse at 70% 60%,rgba(0,0,0,.04) 0%,transparent 50%);border-radius:10px;pointer-events:none;opacity:.8}[data-theme-dark] #calculator{background:linear-gradient(135deg,#3a3530,#322e24,#2a2116);border-color:#4a4540;box-shadow:0 8px 16px #00000080,0 4px 6px #0006,inset 0 2px #ffffff0d,inset 0 -2px 4px #0000004d}#display{background:linear-gradient(180deg,#c4d4bc,#b4ccac,#acc4a4 80%,#a8c0a0);border:3px solid #8a9a82;border-radius:6px;padding:1em;margin-bottom:1.5em;min-height:140px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 0 4px 8px #0000004d,inset 0 -1px 2px #ffffff0d,inset 0 0 0 1px #0000001a;font-family:DSEG14,Courier New,monospace;color:#2a3a2a;position:relative}#display:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 3px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 3px);border-radius:3px;pointer-events:none;mix-blend-mode:multiply}[data-theme-dark] #display{background:linear-gradient(180deg,#344a34,#283e28,#203620 80%,#1c321c);border-color:#4a5a4a;color:#a8d8a0;box-shadow:inset 0 4px 8px #0009,inset 0 0 20px #a8d8a026,inset 0 -1px 2px #a8d8a014}[data-theme-dark] #display:before{content:"";position:absolute;inset:-2px;background:radial-gradient(ellipse at center,rgba(168,216,160,.2) 0%,transparent 70%);border-radius:6px;pointer-events:none;z-index:-1}#display-header{display:flex;justify-content:space-between;align-items:center;min-height:1.2em;line-height:1.2em;margin-bottom:.4em}#streak,#progress{font-size:.85em;font-weight:700;letter-spacing:.05em;text-shadow:1px 1px 1px rgba(0,0,0,.25),0 0 2px rgba(255,255,255,.15)}#streak{color:#3a4a3a;text-align:left}#progress{color:#3a4a3a;text-align:right}[data-theme-dark] #streak,[data-theme-dark] #progress{color:#88b880;text-shadow:0 0 3px rgba(136,184,128,.5),1px 1px 2px rgba(0,0,0,.4)}#problem{font-size:2em;font-weight:700;text-align:center;margin:.5em 0;min-height:1.4em;line-height:1.4em;display:flex;align-items:center;justify-content:center;letter-spacing:.05em;text-shadow:1px 1px 2px rgba(0,0,0,.3),0 0 3px rgba(255,255,255,.2)}#problem mjx-container{margin:.3em}[data-theme-dark] #problem{text-shadow:0 0 5px rgba(168,216,160,.5),1px 1px 2px rgba(0,0,0,.6)}#answer-input{font-size:1.6em;font-weight:700;text-align:center;min-height:1.4em;line-height:1.4em;padding:.3em;display:flex;align-items:center;justify-content:center;border-bottom:2px solid rgba(58,74,58,.3);letter-spacing:.1em;text-shadow:1px 1px 2px rgba(0,0,0,.3),0 0 2px rgba(255,255,255,.15)}[data-theme-dark] #answer-input{border-bottom-color:#a8c8a04d;text-shadow:0 0 4px rgba(168,216,160,.5),1px 1px 2px rgba(0,0,0,.5)}#feedback{text-align:center;min-height:1.6em;line-height:1.6em;font-size:1.3em;font-weight:700;display:flex;align-items:center;justify-content:center;letter-spacing:.05em}.correct{color:#2d5016;text-shadow:1px 1px 2px rgba(0,0,0,.3),0 0 3px rgba(255,255,255,.25)}[data-theme-dark] .correct{color:#6ade80;text-shadow:0 0 5px rgba(106,222,128,.6),1px 1px 2px rgba(0,0,0,.6)}.incorrect{color:#9b2020;text-shadow:1px 1px 2px rgba(0,0,0,.3),0 0 2px rgba(255,255,255,.2)}[data-theme-dark] .incorrect{color:#ef5555;text-shadow:0 0 5px rgba(239,85,85,.5),1px 1px 2px rgba(0,0,0,.6)}#numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}#numpad button{font-size:2em;font-weight:700;padding:.3em;border:2px solid #a89888;background:linear-gradient(180deg,#f8f0e0,#f0e8dc 30%,#e8e0d4 70%,#e0d8cc);border-radius:6px;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:all .08s ease;box-shadow:0 3px #b8a898,0 5px 3px #00000026,inset 0 1px #ffffff80,inset 0 0 8px #fff3;color:#4a3a2a;font-family:Arial,sans-serif;position:relative}#numpad button:disabled{opacity:.3;cursor:not-allowed;filter:grayscale(.5)}#numpad button:before{content:"";position:absolute;top:2px;left:2px;right:2px;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,.1) 50%,transparent 100%);border-radius:4px 4px 0 0;pointer-events:none}[data-theme-dark] #numpad button{background:linear-gradient(180deg,#5a5550,#524c40 30%,#4a4430 70%,#423c20);border-color:#6a6560;color:#e8e0d0;box-shadow:0 3px #3a3530,0 5px 3px #0006,inset 0 1px #ffffff14,inset 0 0 6px #ffffff0d}#numpad button:active:not(:disabled),#numpad button.pressed{transform:translateY(3px);box-shadow:0 0 #b8a898,0 2px 2px #0003,inset 0 1px #ffffff4d,inset 0 2px 4px #00000026;background:linear-gradient(180deg,#e8d8c0,#dccfbb,#d0c3af)}[data-theme-dark] #numpad button:active:not(:disabled),[data-theme-dark] #numpad button.pressed{background:linear-gradient(180deg,#4a4540,#3e3a30,#322e24);box-shadow:0 0 #3a3530,0 2px 2px #00000080,inset 0 1px #ffffff0d,inset 0 2px 4px #0000004d}#numpad .zero{grid-column:span 1}#numpad #enter{background:linear-gradient(180deg,#8ab8d8,#72acd0,#5aa0c8 80%,#4e9ac4);border-color:#5a8fb8;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3),0 -1px 0 rgba(255,255,255,.2)}[data-theme-dark] #numpad #enter{background:linear-gradient(180deg,#5a7f9f,#4c7383,#3e6767 80%,#376159);border-color:#3a5f7f}#numpad #enter:active:not(:disabled),#numpad #enter.pressed{background:linear-gradient(180deg,#6a9fc8,#5e93bc,#5287b0)}[data-theme-dark] #numpad #enter:active:not(:disabled),[data-theme-dark] #numpad #enter.pressed{background:linear-gradient(180deg,#4a6f8f,#3e6379,#325763)}#problem-description{margin-top:1em;font-size:.95em;line-height:1.6;color:#5a4a3a;text-align:left;font-family:Arial,sans-serif;padding:.5em 0}[data-theme-dark] #problem-description{color:#d0c8b8}#completion{margin-top:2em;font-size:1.8em;font-weight:700;text-align:left;min-height:1.5em}.hidden{display:none}@media (max-width: 480px){#calculator{max-width:100%;padding:1em}#display{min-height:130px;padding:.9em}#problem{font-size:1.7em}#answer-input{font-size:1.3em}#numpad button{font-size:1.2em;padding:.6em}#problem-type-select,#sound-toggle{padding:.6em .9em;font-size:.95em}}@media screen and (max-width: 768px){#answer-input{font-size:max(16px,1.5em)}}