:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f6f2;font-synthesis:none;text-rendering:optimizelegibility;background:#0b0d0e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%}body{background:linear-gradient(#303a376b,#0000 34vh),#0b0d0e;min-width:320px;margin:0;overflow:hidden}button,input,select{font:inherit}button{color:#f4f6f2;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#171b1c;border:1px solid #31383a;border-radius:8px}button:hover{border-color:#75c8ba}button:disabled{color:#74807b;cursor:not-allowed;opacity:.72}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,.expression-editor:focus-visible{outline-offset:2px;outline:2px solid #85ded0}.app-shell{grid-template-rows:auto minmax(0,1fr) minmax(236px,42vh);gap:clamp(8px,1.3vh,14px);width:min(1260px,100% - clamp(12px,2.6vw,28px));height:100dvh;margin:0 auto;padding:clamp(8px,1.5vh,18px) 0;display:grid;overflow:hidden}.topbar{border-bottom:1px solid #273032;justify-content:space-between;align-items:center;min-height:44px;display:flex;position:relative}.topbar h1{letter-spacing:0;margin:0;font-size:clamp(20px,2.4vw,28px);font-weight:760;line-height:1}.topbar-actions{align-items:center;gap:10px;display:flex}.topbar a{color:#8bd8cc;font-size:14px;font-weight:700;text-decoration:none}.icon-button{place-items:center;width:38px;height:38px;padding:0;font-size:18px;display:grid}.settings-popover{z-index:10;background:#101414;border:1px solid #3e4848;border-radius:8px;grid-template-columns:repeat(2,minmax(150px,1fr));gap:12px;width:min(520px,100vw - 24px);padding:14px;display:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 24px 80px #0000006b}.settings-popover[data-open=true]{display:grid}.settings-popover label,.settings-section{color:#aebbb5;letter-spacing:0;text-transform:uppercase;gap:7px;font-size:12px;font-weight:720;display:grid}.settings-popover input,.settings-popover select{color:#f4f6f2;background:#0b0f10;border:1px solid #313b3c;border-radius:8px;width:100%;min-height:38px;padding:0 10px;font-size:14px}.segmented{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.segmented button{min-height:36px;font-size:13px;font-weight:800}.segmented button[data-active=true]{color:#ffe0a0;background:#3a2d13;border-color:#dfbc6c}.calculator-grid{grid-template-columns:minmax(320px,.86fr) minmax(0,1.14fr);gap:clamp(8px,1.3vh,14px);min-height:0;display:grid;overflow:hidden}.editor-panel,.result-block,.keypad{background:#0f1213f5;border:1px solid #273032;border-radius:8px}.editor-panel{grid-template-rows:minmax(72px,.78fr) minmax(48px,.48fr) auto;gap:10px;min-height:0;padding:clamp(10px,1.5vh,16px);display:grid;overflow:hidden}.expression-editor{color:#fff8df;letter-spacing:0;resize:none;white-space:pre;caret-color:#85ded0;background:#090d0e;border:1px solid #3a4547;border-radius:8px;min-width:0;min-height:0;padding:clamp(12px,2vh,18px);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(20px,4.6vh,34px);font-weight:720;line-height:1.25;display:block;overflow:auto hidden}.expression-editor::placeholder{color:#68736f;opacity:1}.input-preview{background:#111718;border:1px solid #253133;border-radius:8px;align-items:center;min-width:0;min-height:0;padding:8px 12px;display:grid;overflow:hidden}.input-preview[data-state=empty],.input-preview[data-state=error]{border-color:#20292a}.input-preview math{color:#f4f6f2;max-width:100%;font-size:clamp(18px,3vh,28px);overflow:hidden}.action-row{grid-template-columns:minmax(52px,.6fr) minmax(64px,.7fr) minmax(64px,.7fr) minmax(0,1fr);align-items:center;gap:8px;min-height:40px;display:grid}.action-row button{min-height:38px;padding:0 10px;font-size:clamp(13px,1.8vh,15px);font-weight:760}.primary{background:#1f7169;border-color:#77d2c6}#status{color:#dfbc6c;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:760;overflow:hidden}.result-panel{grid-template-rows:minmax(0,1.08fr) minmax(0,.82fr) minmax(0,.82fr);gap:clamp(8px,1.2vh,12px);min-height:0;display:grid;overflow:hidden}.result-block{grid-template-rows:auto minmax(0,1fr) auto;min-height:0;padding:clamp(10px,1.5vh,14px);display:grid;overflow:hidden}.block-heading{color:#aebbb5;letter-spacing:0;text-transform:uppercase;justify-content:space-between;gap:10px;font-size:12px;font-weight:760;display:flex}output{color:#fff3c4;overflow-wrap:anywhere;min-width:0;min-height:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(19px,3.2vh,30px);font-weight:760;line-height:1.2;display:block;overflow:hidden}.mathml-preview{color:#aebbb5;min-height:22px;font-size:clamp(14px,2vh,18px);overflow:hidden}.keypad{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:clamp(5px,.9vh,8px);min-height:0;padding:clamp(8px,1.3vh,12px);display:grid;overflow:hidden}.keypad button{place-items:center;min-width:0;min-height:0;padding:0 4px;font-size:clamp(12px,2.15vh,17px);font-weight:820;line-height:1;display:grid;overflow:hidden}.keypad button[data-tone=operator]{background:#171d23;border-color:#4b5660}.keypad button[data-tone=action],.keypad button[data-tone=shift]{color:#f2d693;background:#20201b}.keypad button[data-tone=equals]{color:#f7fffb;background:#1e786f;border-color:#86d9ce}.keypad button[data-active=true]{color:#ffe0a0;background:#4a3715;border-color:#dfbc6c}.math-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:Cambria Math,STIX Two Math,Times New Roman,serif;line-height:1;display:inline-block;overflow:hidden}.shift-label{color:#ffe0a0}@media (width<=860px){.app-shell{grid-template-rows:auto minmax(0,.92fr) minmax(248px,44vh);width:calc(100% - 12px);padding:6px 0}.calculator-grid{grid-template-rows:minmax(118px,.42fr) minmax(0,.58fr);grid-template-columns:1fr}.editor-panel{grid-template-rows:minmax(54px,1fr) minmax(36px,.54fr) auto}.result-panel{grid-template-rows:1fr;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=620px){.topbar{min-height:40px}.topbar a{display:none}.settings-popover{grid-template-columns:1fr;width:auto;left:0;right:0}.calculator-grid{grid-template-rows:minmax(112px,.48fr) minmax(0,.52fr)}.result-panel{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:1fr}.result-block{grid-template-rows:auto minmax(1.35em,auto);padding:7px 12px}.block-heading{font-size:10px}output{font-size:clamp(16px,5vw,21px);line-height:1.05}.mathml-preview{display:none}}