:root{--bg-grad: #e8f4f8;--bg-image: url(/bg-light.jpg);--glass-bg: rgba(255, 255, 255, .04);--glass-border: rgba(255, 255, 255, .18);--glass-highlight: rgba(255, 255, 255, .25);--glass-shadow: rgba(120, 100, 180, .08);--btn-bg: rgba(255, 255, 255, .05);--btn-hover: rgba(255, 255, 255, .1);--btn-accent-bg: rgba(120, 80, 220, .08);--btn-op-bg: rgba(255, 160, 60, .08);--btn-eq-bg: rgba(255, 140, 40, .72);--text-primary: rgba(20, 10, 50, .92);--text-secondary: rgba(20, 10, 50, .52);--text-btn: rgba(20, 10, 50, .88);--display-bg: rgba(255, 255, 255, .03);--error-glow: rgba(255, 60, 60, .6);--tab-active: rgba(255, 255, 255, .1);--tab-inactive: rgba(255, 255, 255, .02);--neon-glow: none}[data-theme=dark]{--bg-grad: #0f0f1a;--bg-image: url(/84684467e008de73218276315a431ecd.jpg);--glass-bg: rgba(10, 8, 30, .04);--glass-border: rgba(140, 120, 255, .2);--glass-highlight: rgba(160, 140, 255, .18);--glass-shadow: rgba(0, 0, 0, .08);--btn-bg: rgba(255, 255, 255, .04);--btn-hover: rgba(255, 255, 255, .08);--btn-accent-bg: rgba(120, 80, 255, .07);--btn-op-bg: rgba(255, 140, 30, .07);--btn-eq-bg: rgba(255, 130, 20, .85);--text-primary: rgba(230, 220, 255, .95);--text-secondary: rgba(180, 160, 255, .55);--text-btn: rgba(220, 210, 255, .92);--display-bg: rgba(10, 5, 30, .04);--error-glow: rgba(255, 80, 80, .7);--tab-active: rgba(120, 100, 255, .1);--tab-inactive: rgba(255, 255, 255, .02);--neon-glow: 0 0 24px rgba(120, 100, 255, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;min-height:100dvh}.app-bg{min-height:100dvh;background-color:var(--bg-grad);background-image:var(--bg-image);background-size:cover;background-position:center;background-repeat:no-repeat;transition:background-color .5s ease;display:flex;align-items:flex-start;justify-content:center;padding:40px 24px}.app-center{width:100%;max-width:780px;transition:max-width .3s ease}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:40px;backdrop-filter:blur(40px) saturate(1.8);-webkit-backdrop-filter:blur(40px) saturate(1.8);box-shadow:0 8px 48px var(--glass-shadow),inset 0 1px 0 var(--glass-highlight),var(--neon-glow);padding:18px;position:relative;transition:box-shadow .4s ease,max-width .3s ease;max-width:420px;margin:0 auto;width:100%}.card-wide{max-width:none;width:min(860px,100%);margin:0 auto}.display-panel{background:var(--display-bg);border:1px solid var(--glass-border);border-radius:28px;backdrop-filter:blur(28px) saturate(1.8);-webkit-backdrop-filter:blur(28px) saturate(1.8);padding:16px 24px;margin-bottom:20px;min-height:88px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;overflow:hidden;box-shadow:inset 0 2px 8px #00000014;transition:box-shadow .3s ease}.display-panel.error{box-shadow:inset 0 2px 8px #00000014,0 0 20px var(--error-glow)}.display-expr{font-size:14px;color:var(--text-secondary);min-height:22px;word-break:break-all;text-align:right;transition:opacity .15s ease}.display-value{font-size:38px;font-weight:300;color:var(--text-primary);letter-spacing:-1px;word-break:break-all;text-align:right;transition:opacity .15s ease;line-height:1.15}.top-controls{display:flex;align-items:center;gap:11px;margin-bottom:11px}.top-controls .mode-tabs{flex:1;margin-bottom:0}.mode-tabs{display:flex;gap:8px;margin-bottom:11px;background:#0000000f;border-radius:18px;padding:5px}.mode-tab{flex:1;padding:8px 0;border:none;border-radius:14px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .25s ease;color:var(--text-btn)}.mode-tab.active{background:var(--tab-active);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #0000001a}.mode-tab.inactive{background:var(--tab-inactive)}.btn-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.btn-grid.scientific{grid-template-columns:repeat(4,1fr)}.calc-btn{background:var(--btn-bg);border:1px solid var(--glass-border);border-radius:50px;color:var(--text-btn);font-family:DM Sans,sans-serif;font-size:18px;font-weight:400;cursor:pointer;height:56px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 var(--glass-highlight),0 2px 8px #00000014;transition:background .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.calc-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,var(--glass-highlight),transparent);border-radius:50px 50px 0 0;pointer-events:none;opacity:.5}.calc-btn:hover{background:var(--btn-hover)}.calc-btn.sci{font-size:13px;font-weight:500;padding:0 4px;height:46px}.calc-btn.accent{background:var(--btn-accent-bg)}.calc-btn.operator{background:var(--btn-op-bg);font-weight:500}.calc-btn.equals{background:var(--btn-eq-bg);color:#fff;font-weight:600;box-shadow:inset 0 1px #ffffff59,0 4px 16px #ff821459}.calc-btn.wide{grid-column:span 2;padding:0 20px;height:56px}.theme-toggle{display:none}.deg-rad-btn{background:var(--tab-inactive);border:1px solid var(--glass-border);border-radius:50px;color:var(--text-secondary);font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;padding:5px 12px;cursor:pointer;transition:all .2s ease;letter-spacing:.5px}.deg-rad-btn.active{background:var(--tab-active);color:var(--text-primary)}.both-layout{display:flex;flex-direction:row;gap:12px;align-items:start}.both-layout .btn-grid{flex:1}.both-divider{width:1px;align-self:stretch;background:var(--glass-border);border-radius:1px}.theme-switch{flex-shrink:0;width:58px;height:32px;border-radius:50px;border:1px solid var(--glass-border);cursor:pointer;display:flex;align-items:center;padding:4px;position:relative;transition:background .4s ease,border-color .4s ease}.theme-switch--light{background:linear-gradient(135deg,#ffe066,#ffb347);border-color:#ffb43c80;justify-content:flex-start}.theme-switch--dark{background:linear-gradient(135deg,#1a0a3d,#0d1b3e);border-color:#7864ff80;justify-content:flex-end}.theme-switch__thumb{width:22px;height:22px;border-radius:50%;transition:all .4s ease;flex-shrink:0;box-shadow:0 1px 4px #00000040;position:absolute;top:4px}.theme-switch--light .theme-switch__thumb{background:#fff;left:4px}.theme-switch--dark .theme-switch__thumb{background:#b4a0fff2;left:calc(100% - 26px)}.theme-switch__icon{flex-shrink:0;transition:opacity .3s ease;position:absolute}.theme-switch__icon--sun{left:6px}.theme-switch__icon--moon{right:6px}.theme-switch--light .theme-switch__icon--sun{color:#f59e0b;opacity:0}.theme-switch--light .theme-switch__icon--moon{color:#fff;opacity:.5}.theme-switch--dark .theme-switch__icon--sun{color:#fbbf24;opacity:.5}.theme-switch--dark .theme-switch__icon--moon{color:#c4b5fd;opacity:0}.glass-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:40px;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.07) 50%,transparent 70%);background-size:200% 100%;animation:shimmer 6s ease-in-out infinite;pointer-events:none}@keyframes shimmer{0%{background-position:200% 0}50%{background-position:-200% 0}to{background-position:200% 0}}.calc-btn{transition:background .15s ease,box-shadow .15s ease,transform .15s ease;will-change:transform}.calc-btn:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 var(--glass-highlight),0 6px 20px #0000001f}.mode-tab{transition:background .25s ease,color .25s ease,box-shadow .25s ease,transform .2s ease}.mode-tab.active{transform:translateY(-1px)}.display-panel{transition:box-shadow .3s ease}.glass-card{transition:box-shadow .4s ease,max-width .5s cubic-bezier(.4,0,.2,1)}