:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eef2ff;background:#080b14;font-synthesis:none;--bg:#080b14;--panel:#101522;--panel2:#151b2a;--line:#252d40;--muted:#8993aa;--text:#f4f7ff;--accent:#60a5fa;--accent2:#3b82f6;--danger:#f87171}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 50% -10%,#182744 0,#0c1220 35%,var(--bg) 70%);color:var(--text)}button{font:inherit}.app-shell{min-height:100vh;max-width:1180px;margin:auto;padding:0 22px}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07)}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;letter-spacing:-.03em}.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#17233a;border:1px solid #2a3d5d;color:var(--accent);font-size:12px}.tool-chip{color:#aab4c8;font-size:13px}.hero{padding:54px 0 30px;max-width:820px}.eyebrow{margin:0 0 8px;color:#6ea8ff;font-size:11px;font-weight:800;letter-spacing:.16em}.hero h1{font-size:clamp(34px,5vw,54px);line-height:1;margin:0 0 16px;letter-spacing:-.055em}.subtitle{color:#9ba6bb;font-size:16px;line-height:1.6;max-width:690px;margin:0}.calculator-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:18px;align-items:start}.calculator-card,.history-card,.info-grid article{background:#101522e0;border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 60px #00000038}.calculator-card{padding:18px}.display{min-height:166px;padding:18px 18px 15px;border-radius:15px;background:#090d17;border:1px solid #1d2638;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;overflow:hidden}.display-meta{display:flex;gap:8px;align-self:stretch;color:#6f7b92;font-size:11px;font-weight:800;letter-spacing:.12em}.memory-indicator{color:#73b5ff}.hidden{visibility:hidden}.expression-display{width:100%;text-align:right;color:#8792a8;font-size:18px;min-height:28px;white-space:nowrap;overflow:auto}.result-display{width:100%;text-align:right;font-size:clamp(32px,6vw,48px);font-weight:700;letter-spacing:-.045em;white-space:nowrap;overflow:auto;margin-top:4px}.result-display.error{font-size:16px;color:var(--danger);font-weight:600;white-space:normal}.result-actions{display:flex;gap:7px;margin-top:9px}.result-actions button{border:1px solid #293449;background:#111827;color:#8fa2bd;border-radius:7px;padding:5px 8px;font-size:10px;cursor:pointer}.result-actions button:hover{color:#dbeafe;border-color:#3d5d84}.mode-row{display:flex;justify-content:space-between;align-items:center;margin:14px 0}.segmented{display:flex;padding:3px;background:#0b101b;border:1px solid var(--line);border-radius:10px}.mode-btn,.quiet-btn{border:0;background:transparent;color:#7f8aa0;cursor:pointer}.mode-btn{padding:7px 12px;border-radius:7px;font-size:11px;font-weight:800}.mode-btn.active{background:#25334d;color:#cfe2ff}.quiet-btn{font-size:12px;padding:7px}.quiet-btn:hover{color:#fff}.keypad{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.key{min-height:54px;border:1px solid #252d3e;border-radius:11px;background:#171d2a;color:#edf2fc;cursor:pointer;font-size:16px;font-weight:650;transition:transform .08s,background .15s,border-color .15s}.key:hover{background:#20293a;border-color:#34425c}.key:active{transform:scale(.97)}.key.function{color:#aebbd1;font-size:14px}.key.operator{color:#8ec0ff;background:#131d2e}.key.danger{color:#ffaaa9;background:#24191c;border-color:#43252a}.key.equals{background:var(--accent2);border-color:#4c91f3;color:#fff;font-size:21px}.key.equals:hover{background:#4b91f8}.keyboard-hint{text-align:center;color:#606b80;font-size:11px;margin:14px 0 0}.history-card{padding:18px;min-height:100%}.panel-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px}.panel-heading h2{font-size:20px;margin:0}.count{min-width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#1a2435;color:#9fb9dd;font-size:12px}.history-list{display:flex;flex-direction:column;gap:7px;margin-top:12px;max-height:540px;overflow:auto}.empty-state{min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:6px;color:#7d889c}.empty-state strong{color:#bfc7d6;font-size:13px}.empty-state span{font-size:12px;max-width:180px;line-height:1.5}.empty-icon{width:40px;height:40px;border:1px solid #2b3549;border-radius:12px;display:grid;place-items:center;color:#5f8fcb;margin-bottom:6px}.history-item{position:relative;text-align:right;padding:12px 13px 11px;border:1px solid transparent;border-radius:11px;background:#121925;color:#a7b1c3;cursor:pointer}.history-item:hover{background:#172033;border-color:#29364e}.history-item span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.history-item strong{display:block;color:#f2f5fb;font-size:17px;margin-top:4px}.history-item small{position:absolute;left:12px;bottom:11px;color:#5f6b80;font-size:9px}.info-grid{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:18px;margin:18px 0 45px}.info-grid article{padding:22px}.info-grid h2{font-size:17px;margin:0 0 13px}.info-grid ol{margin:0;padding-left:19px;color:#8f9aae;font-size:13px;line-height:1.75}.info-grid strong{color:#d8e2f3}.examples{display:flex;flex-wrap:wrap;gap:8px}.examples button{border:1px solid #2a3447;background:#141b29;color:#afc0d8;padding:9px 11px;border-radius:9px;cursor:pointer;font-size:12px}.examples button:hover{border-color:#4775aa;color:#e4efff}.info-grid details{border-top:1px solid #252d3c;padding:11px 0;color:#8e99ac;font-size:12px;line-height:1.55}.info-grid details:first-of-type{border-top:0}.info-grid summary{color:#cbd4e2;cursor:pointer;font-weight:650}.info-grid details p{margin:8px 0 0}footer{border-top:1px solid rgba(255,255,255,.07);padding:23px 0 35px;text-align:center;color:#667186;font-size:12px}footer a{color:#8ebeff;text-decoration:none}footer a:hover{text-decoration:underline}footer span{margin:0 8px;color:#394357}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#edf4ff;color:#101827;padding:10px 15px;border-radius:10px;font-size:12px;font-weight:700;box-shadow:0 10px 30px #0007;transition:.2s}.toast.show{opacity:1;transform:translate(-50%)}@media(max-width:850px){.calculator-layout{grid-template-columns:1fr}.history-card{min-height:0}.history-list{max-height:300px}.info-grid{grid-template-columns:1fr 1fr}.info-grid article:last-child{grid-column:1/-1}}@media(max-width:560px){.app-shell{padding:0 12px}.topbar{height:60px}.tool-chip{display:none}.hero{padding:36px 4px 23px}.hero h1{font-size:36px}.subtitle{font-size:14px}.calculator-card,.history-card,.info-grid article{border-radius:15px}.calculator-card{padding:11px}.display{min-height:145px;padding:14px}.keypad{gap:6px}.key{min-height:50px;font-size:15px}.key.function{font-size:12px}.mode-row{margin:11px 0}.mode-btn{padding:7px 9px}.quiet-btn{font-size:11px}.info-grid{grid-template-columns:1fr;gap:12px}.info-grid article:last-child{grid-column:auto}.keyboard-hint{display:none}}