:root{--bg-main:#0a0a0c;--bg-gradient:linear-gradient(135deg, #0a0a0c 0%, #1a1a2e 100%);--glass-bg:#ffffff08;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #000c;--accent-primary:#00f2ff;--accent-secondary:#f0f;--accent-tertiary:#7000ff;--text-primary:#fff;--text-secondary:#fff9;--font-main:"Outfit", system-ui, -apple-system, sans-serif;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{font-family:var(--font-main);background:var(--bg-main);background-image:var(--bg-gradient);color:var(--text-primary);justify-content:center;align-items:center;min-height:100vh;display:flex;overflow:hidden}#root{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px}@keyframes glow{0%{box-shadow:0 0 5px var(--accent-primary)}50%{box-shadow:0 0 20px var(--accent-primary)}to{box-shadow:0 0 5px var(--accent-primary)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::selection{background:var(--accent-primary);color:var(--bg-main)}.calculator-container{flex-direction:column;gap:20px;width:360px;max-width:90vw;padding:24px;animation:.6s ease-out slideIn;display:flex;position:relative}.calculator-container:before{content:"";background:var(--accent-tertiary);filter:blur(80px);opacity:.3;z-index:-1;width:200px;height:200px;position:absolute;top:-100px;left:-100px}.calculator-container:after{content:"";background:var(--accent-primary);filter:blur(80px);opacity:.2;z-index:-1;width:200px;height:200px;position:absolute;bottom:-100px;right:-100px}.display{text-align:right;flex-direction:column;justify-content:flex-end;gap:8px;min-height:120px;padding:20px;display:flex;overflow:hidden}.previous-operand{color:var(--text-secondary);letter-spacing:1px;font-size:1.1rem;font-weight:300}.current-operand{color:var(--text-primary);word-wrap:break-word;word-break:break-all;font-size:2.5rem;font-weight:600}.button-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}button{cursor:pointer;width:100%;height:64px;color:var(--text-primary);transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff0d;border-radius:16px;justify-content:center;align-items:center;font-family:inherit;font-size:1.25rem;font-weight:500;display:flex}button:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}button:active{transform:translateY(1px)}.operator{color:var(--accent-primary);background:#00f2ff0d}.operator:hover{background:#00f2ff26;box-shadow:0 0 15px #00f2ff33}.span-two{grid-column:span 2}.equals{background:linear-gradient(90deg, var(--accent-primary), var(--accent-tertiary));font-weight:700}.equals:hover{filter:brightness(1.2);box-shadow:0 0 20px #00f2ff4d}.clear{color:var(--accent-secondary);background:#ff00ff0d}.clear:hover{background:#ff00ff1a}.history-toggle{color:var(--text-secondary);opacity:.6;background:0 0;border:none;width:auto;height:auto;font-size:.9rem;position:absolute;top:10px;right:15px}.history-toggle:hover{opacity:1;transform:none}.scientific-mode{grid-template-columns:repeat(5,1fr);width:450px}