:root{--neu-bg:#e8e4f0;--neu-light:#fff;--neu-dark:#b8b0c8;--text-primary:#2d2a3a;--text-muted:#6b6580;--accent:#7c5cbf;--accent-2:#e85d75;--equals:#5b8def;--danger:#d6455d;--radius-lg:28px;--radius-md:16px;--radius-sm:14px;--shadow-out:8px 8px 16px var(--neu-dark), -8px -8px 16px var(--neu-light);--shadow-in:inset 6px 6px 12px var(--neu-dark), inset -6px -6px 12px var(--neu-light);--shadow-btn:5px 5px 10px var(--neu-dark), -5px -5px 10px var(--neu-light);--shadow-btn-pressed:inset 4px 4px 8px var(--neu-dark), inset -4px -4px 8px var(--neu-light);color:var(--text-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Segoe UI,Trebuchet MS,Gill Sans,sans-serif;font-weight:500;line-height:1.4}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:linear-gradient(135deg,#667eea 0%,#a855f7 45%,#ec4899 100%) fixed;min-height:100vh}.mode-toggle{background:var(--neu-bg);box-shadow:var(--shadow-in);border-radius:999px;gap:.2rem;padding:.3rem;display:inline-flex}.mode-toggle__btn{cursor:pointer;font:inherit;color:var(--text-muted);background:0 0;border:none;border-radius:999px;padding:.45rem .9rem;font-size:.8rem;font-weight:600;transition:color .2s,background .2s,box-shadow .2s,transform .15s}.mode-toggle__btn:hover{color:var(--text-primary)}.mode-toggle__btn.is-active{color:#fff;background:linear-gradient(135deg, var(--accent), #9b6dff);box-shadow:3px 3px 8px var(--neu-dark)}.mode-toggle__btn:active{transform:scale(.97)}.display{background:var(--neu-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-in);flex-direction:column;justify-content:center;gap:.35rem;min-height:5.2rem;margin-bottom:1.15rem;padding:.9rem 1.1rem 1rem;display:flex}.display__expression{color:var(--text-muted);text-align:right;word-break:break-all;min-height:1.2em;font-size:.85rem;overflow:hidden}.display__value{text-align:right;color:var(--text-primary);letter-spacing:.02em;word-break:break-all;font-size:clamp(1.6rem,6vw,2.15rem);font-weight:700;line-height:1.15}.display__value.is-error{color:var(--danger);font-size:1.5rem}.button-grid{flex-direction:column;gap:.75rem;display:flex}.button-grid__basic{grid-template-columns:repeat(4,1fr);gap:.7rem;display:grid}.button-grid__sci{grid-template-columns:repeat(5,1fr);gap:.55rem;animation:.35s sci-expand;display:grid}@keyframes sci-expand{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.btn{appearance:none;cursor:pointer;font:inherit;color:var(--text-primary);background:var(--neu-bg);border-radius:var(--radius-sm);min-height:3.1rem;box-shadow:var(--shadow-btn);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;font-size:1.05rem;font-weight:600;transition:box-shadow .18s,transform .15s,color .2s,background .2s}.btn:hover{color:var(--accent);transform:translateY(-1px)}.btn:active,.btn:focus-visible{box-shadow:var(--shadow-btn-pressed);outline:none;transform:translateY(1px)}.btn--op{color:var(--accent)}.btn--fn{color:var(--accent-2);font-size:.95rem}.btn--sci{color:#5a4d7a;min-height:2.55rem;font-size:.78rem}.btn--equals{color:#fff;background:linear-gradient(145deg, var(--equals), #7aa7f5);box-shadow:5px 5px 10px var(--neu-dark), -3px -3px 8px var(--neu-light)}.btn--equals:hover{color:#fff;filter:brightness(1.05)}.btn--equals:active{box-shadow:var(--shadow-btn-pressed);filter:brightness(.98)}@media (width<=420px){.button-grid__basic{gap:.55rem}.button-grid__sci{gap:.4rem}.btn{min-height:2.85rem;font-size:.98rem}.btn--sci{min-height:2.35rem;padding:.2rem;font-size:.7rem}}.history-panel{background:var(--neu-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-out);flex-direction:column;align-self:stretch;width:100%;max-width:280px;min-height:200px;padding:1.1rem 1rem 1.15rem;display:flex}.history-panel__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.history-panel__title{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:700}.history-panel__actions{flex-wrap:wrap;gap:.4rem;display:flex}.history-panel__clear,.history-panel__toggle{appearance:none;cursor:pointer;font:inherit;color:var(--text-muted);background:var(--neu-bg);box-shadow:var(--shadow-btn);border:none;border-radius:999px;padding:.4rem .7rem;font-size:.72rem;font-weight:600;transition:box-shadow .18s,color .2s,transform .15s}.history-panel__clear:hover,.history-panel__toggle:hover{color:var(--accent)}.history-panel__clear:active,.history-panel__toggle:active{box-shadow:var(--shadow-btn-pressed);transform:translateY(1px)}.history-panel__clear{color:var(--accent-2)}.history-panel__body{border-radius:var(--radius-md);max-height:420px;box-shadow:var(--shadow-in);background:var(--neu-bg);flex:1;padding:.55rem;overflow:auto}.history-panel__empty{text-align:center;color:var(--text-muted);margin:1.5rem 0;font-size:.88rem}.history-panel__list{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.history-panel__item{appearance:none;cursor:pointer;text-align:left;width:100%;font:inherit;background:var(--neu-bg);box-shadow:var(--shadow-btn);border:none;border-radius:12px;flex-direction:column;gap:.2rem;padding:.65rem .75rem;transition:box-shadow .18s,transform .15s;display:flex}.history-panel__item:hover{transform:translateY(-1px)}.history-panel__item:active{box-shadow:var(--shadow-btn-pressed);transform:translateY(1px)}.history-panel__expr{color:var(--text-muted);word-break:break-all;font-size:.78rem}.history-panel__result{color:var(--text-primary);font-size:.95rem;font-weight:700}@media (width<=720px){.history-panel{order:2;max-width:none;min-height:0}.history-panel__body{max-height:220px;display:none}.history-panel.is-open .history-panel__body,.history-panel__body.is-visible{display:block}.history-panel__toggle{display:inline-flex}}@media (width>=721px){.history-panel__toggle{display:none}.history-panel__body{display:block}}.calculator-layout{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1.5rem;width:100%;max-width:920px;display:flex}.neu-panel{background:var(--neu-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-out)}.calculator{width:100%;max-width:380px;padding:1.35rem 1.25rem 1.5rem;transition:max-width .35s,padding .35s}.calculator:has(.button-grid.is-scientific){max-width:420px}.calculator__header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.1rem;display:flex}.calculator__brand{letter-spacing:.04em;background:linear-gradient(120deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.35rem;font-weight:700}@media (width<=720px){.calculator-layout{flex-direction:column;align-items:stretch;max-width:420px}.calculator{max-width:none}}.app{justify-content:center;align-items:center;min-height:100vh;padding:1.5rem 1rem 2rem;display:flex}