:root{--primary-color: #667eea;--primary-dark: #5568d3;--secondary-color: #764ba2;--accent-color: #f093fb;--success-color: #4ecdc4;--danger-color: #ff6b6b;--warning-color: #ffd93d;--dark-bg: #1a1a2e;--card-bg: #16213e;--display-bg: #e8f5e9;--text-dark: #2c3e50;--text-light: #ecf0f1;--border-radius: 16px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}.calculator-wrapper{width:100%;max-width:600px;margin:0 auto;padding:2rem 1rem}#calculator-container{position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1)}#calculator-container.flipped{transform:rotateY(-180deg)}.calculator-face{width:100%;backface-visibility:hidden;position:absolute;top:0;left:0}.calculator-front{position:relative;z-index:2}.calculator-back{transform:rotateY(180deg)}.calculator-card,.shortcuts-card{background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:var(--border-radius);padding:2rem;box-shadow:0 20px 60px #0000001a,0 0 0 1px #0000000d;animation:slideIn .6s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.calc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(102,126,234,.1)}.brand{display:flex;align-items:center;gap:1rem}.brand-icon{font-size:2.5rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.brand-info h1{font-size:1.75rem;font-weight:900;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px;margin:0}.brand-info p{font-size:.85rem;color:#6c757d;margin:0;font-weight:500}.version-badge{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:700;box-shadow:0 4px 12px #667eea4d}.display-section{margin-bottom:1.5rem}.display-container{background:linear-gradient(145deg,var(--display-bg),#c8e6c9);border:3px solid rgba(76,175,80,.2);border-radius:12px;padding:1.5rem;min-height:100px;position:relative;box-shadow:inset 0 2px 8px #00000014,0 4px 12px #4caf501a;transition:var(--transition)}.display-container:hover{box-shadow:inset 0 2px 8px #0000001f,0 6px 16px #4caf5026}.display-container.flash{animation:displayFlash .4s ease}@keyframes displayFlash{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(.99)}}.mode-badge{position:absolute;top:.75rem;left:.75rem;background:#fffffff2;color:#2e7d32;padding:.25rem .6rem;border-radius:6px;font-size:.7rem;font-weight:700;box-shadow:0 2px 6px #0000001a}.display-history{font-family:SF Mono,Consolas,Monaco,monospace;font-size:.9rem;color:#4a4a4a;min-height:1.2rem;margin-bottom:.5rem;opacity:.8;text-align:right}.display-current{font-family:SF Mono,Consolas,Monaco,monospace;font-size:2rem;font-weight:700;color:#1b5e20;text-align:right;word-wrap:break-word;letter-spacing:-.5px}.control-panel{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem}.control-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1.1rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:2px solid rgba(102,126,234,.3);border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 4px 14px #667eea59,inset 0 1px #ffffff4d;position:relative;overflow:hidden}.control-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.control-btn:hover:before{left:100%}.control-btn:hover{background:linear-gradient(135deg,#768efa,#6678e3);transform:translateY(-3px);box-shadow:0 6px 18px #667eea73,inset 0 1px #fff6;border-color:#667eea80}.control-btn:active{transform:translateY(-1px) scale(.98)}.btn-icon{font-size:1.1rem}.btn-text{font-size:.85rem}.function-panel{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem;margin-bottom:1.25rem}.func-btn{position:relative;height:50px;background:linear-gradient(135deg,#667eea14,#667eea1f);border:2px solid rgba(102,126,234,.15);border-radius:12px;color:var(--primary-color);font-size:.85rem;font-weight:700;cursor:pointer;transition:var(--transition);box-shadow:0 2px 8px #667eea1a;backdrop-filter:blur(10px);overflow:hidden}.func-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent,rgba(255,255,255,.2));opacity:0;transition:opacity .3s ease}.func-btn:hover{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border-color:var(--primary-color);transform:translateY(-3px);box-shadow:0 6px 16px #667eea59}.func-btn:hover:after{opacity:1}.func-btn:active{transform:translateY(-1px) scale(.98)}.func-btn:before{content:attr(data-label);position:absolute;top:-10px;left:6px;font-size:.65rem;color:var(--warning-color);font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.3);background:#ffffffe6;padding:2px 6px;border-radius:4px}.button-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem;margin-bottom:1rem}.button-grid:last-child{margin-bottom:0}.btn{height:58px;background:linear-gradient(135deg,#fff,#fafbfc);border:2px solid rgba(0,0,0,.06);border-radius:14px;color:var(--text-dark);font-size:1.4rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 2px 8px #00000014,inset 0 1px #fffc;position:relative;overflow:hidden;backdrop-filter:blur(10px)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.btn:hover:before{left:100%}.btn:hover{background:linear-gradient(135deg,#f8f9fa,#fff);transform:translateY(-3px);box-shadow:0 6px 16px #0000001f,inset 0 1px #fff;border-color:#667eea33}.btn:active{transform:translateY(-1px) scale(.98)}.btn.operator{background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#fff;border:2px solid rgba(255,107,107,.3);box-shadow:0 4px 12px #ff6b6b59,inset 0 1px #ffffff4d}.btn.operator:hover{background:linear-gradient(135deg,#ff7b7b,#ff6262);box-shadow:0 6px 20px #ff6b6b73,inset 0 1px #fff6;transform:translateY(-3px) scale(1.02)}.btn.equals{background:linear-gradient(135deg,#4ecdc4,#45b7aa);color:#fff;font-size:1.8rem;border:2px solid rgba(78,205,196,.3);box-shadow:0 4px 12px #4ecdc459,inset 0 1px #ffffff4d;font-weight:700}.btn.equals:hover{background:linear-gradient(135deg,#5eddd4,#55c7ba);box-shadow:0 6px 20px #4ecdc473,inset 0 1px #fff6;transform:translateY(-3px) scale(1.02)}.btn.function{background:linear-gradient(135deg,#667eea,#5568d3);color:#fff;font-size:.9rem;border:2px solid rgba(102,126,234,.3);box-shadow:0 4px 12px #667eea59,inset 0 1px #ffffff4d;font-weight:600}.btn.function:hover{background:linear-gradient(135deg,#768efa,#6678e3);box-shadow:0 6px 20px #667eea73,inset 0 1px #fff6;transform:translateY(-3px) scale(1.02)}.btn.delete{background:linear-gradient(135deg,#f96,#ff8552);color:#fff;border:2px solid rgba(255,153,102,.3);box-shadow:0 4px 12px #ff996659,inset 0 1px #ffffff4d;font-weight:600}.btn.delete:hover{background:linear-gradient(135deg,#ffa976,#ff9562);box-shadow:0 6px 20px #ff996673,inset 0 1px #fff6;transform:translateY(-3px) scale(1.02)}.ripple{position:absolute;border-radius:50%;background:#fff9;width:30px;height:30px;animation:rippleEffect .6s ease-out;pointer-events:none}@keyframes rippleEffect{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(3);opacity:0}}#advanced-mode-indicator{position:fixed;top:1rem;right:1rem;display:none;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--warning-color),#ffc107);color:#000;padding:.6rem 1rem;border-radius:50px;font-size:.85rem;font-weight:700;z-index:999;animation:indicatorPulse 2s ease-in-out infinite;box-shadow:0 4px 16px #ffd93d66}#advanced-mode-indicator.active{display:flex}@keyframes indicatorPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.indicator-icon{font-size:1.1rem;animation:iconSpin 3s linear infinite}@keyframes iconSpin{0%,90%{transform:rotate(0)}95%{transform:rotate(15deg)}to{transform:rotate(0)}}#settings-modal{position:fixed;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}#settings-modal.open{display:flex}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;backdrop-filter:blur(8px)}.settings-content{position:relative;background:#fff;border-radius:var(--border-radius);width:90%;max-width:450px;max-height:85vh;overflow:hidden;box-shadow:0 25px 70px #0000004d;animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #f0f0f0}.settings-header h2{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;color:var(--text-dark);margin:0}.settings-icon{font-size:1.75rem}.close-modal{background:#f0f0f0;border:none;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.3rem;color:#666;transition:var(--transition)}.close-modal:hover{background:#e0e0e0;color:var(--text-dark);transform:rotate(90deg)}.settings-body{padding:1.5rem;max-height:60vh;overflow-y:auto}.menu-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;margin-bottom:.75rem;background:#f8f9fa;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:var(--transition)}.menu-item:hover,.menu-item.selected{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;border-color:var(--primary-color);transform:translate(5px);box-shadow:0 4px 12px #667eea4d}.menu-label{font-weight:600;font-size:1rem}.menu-value{font-weight:700;font-size:.95rem;padding:.25rem .75rem;background:#0000001a;border-radius:20px}.menu-item.selected .menu-value{background:#fff3}.settings-footer{padding:1.5rem;border-top:2px solid #f0f0f0}.btn-primary{width:100%;padding:.9rem 1.5rem;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:2px solid rgba(102,126,234,.3);border-radius:12px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:var(--transition);box-shadow:0 4px 14px #667eea59,inset 0 1px #ffffff4d;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-3px);background:linear-gradient(135deg,#768efa,#6678e3);box-shadow:0 6px 18px #667eea73,inset 0 1px #fff6;border-color:#667eea80}.btn-primary:active{transform:translateY(-1px) scale(.98)}.hint-text{margin-top:.75rem;text-align:center;font-size:.8rem;color:#999}.shortcuts-card{min-height:650px}.shortcuts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(102,126,234,.1)}.shortcuts-header h2{display:flex;align-items:center;gap:.75rem;font-size:1.75rem;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.shortcuts-icon{font-size:2rem}.close-shortcuts{background:#f0f0f0;border:none;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.3rem;color:#666;transition:var(--transition)}.close-shortcuts:hover{background:#e0e0e0;color:var(--text-dark);transform:rotate(90deg)}.shortcuts-content{max-height:450px;overflow-y:auto;padding-right:.5rem}.shortcut-category{margin-bottom:2rem}.shortcut-category h3{font-size:1.1rem;color:var(--primary-color);margin-bottom:1rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.shortcut-category h3:before{content:"▶";font-size:.8rem}.shortcut-list{display:flex;flex-direction:column;gap:.75rem}.shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;background:#f8f9fa;border-left:3px solid var(--primary-color);border-radius:8px;transition:var(--transition)}.shortcut-item:hover{background:#e9ecef;transform:translate(5px);box-shadow:0 2px 8px #0000001a}.shortcut-item kbd{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;padding:.35rem .75rem;border-radius:6px;font-family:SF Mono,Consolas,monospace;font-size:.8rem;font-weight:700;box-shadow:0 2px 6px #667eea4d;white-space:nowrap}.shortcut-item span{font-size:.9rem;color:var(--text-dark);font-weight:500}.shortcut-category.highlight{background:linear-gradient(135deg,#667eea0d,#f093fb0d);border:2px solid rgba(102,126,234,.2);border-radius:12px;padding:1.25rem}.shortcut-category.highlight h3{color:var(--accent-color);font-size:1.2rem}.feature-list{display:flex;flex-direction:column;gap:.75rem}.feature-item{display:flex;align-items:center;padding:.75rem 1rem;background:#fff;border-radius:8px;font-size:.9rem;color:var(--text-dark);font-weight:500;box-shadow:0 2px 6px #0000000d}.shortcuts-footer{margin-top:2rem;padding-top:1.5rem;border-top:2px solid rgba(102,126,234,.1)}.full-width{width:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--primary-dark),var(--secondary-color))}@media(max-width:640px){.calculator-wrapper{padding:1rem .5rem}.calculator-card,.shortcuts-card{padding:1.5rem}.brand-icon{font-size:2rem}.brand-info h1{font-size:1.4rem}.brand-info p{font-size:.75rem}.display-current{font-size:1.75rem}.btn{height:50px;font-size:1.2rem}.btn.equals{font-size:1.4rem}.control-btn{font-size:.8rem;padding:.75rem .85rem}.btn-text{display:none}.btn-icon{font-size:1.3rem}#advanced-mode-indicator{top:.5rem;right:.5rem;font-size:.75rem;padding:.5rem .85rem}.shortcuts-content{max-height:400px}.shortcut-item{flex-direction:column;align-items:flex-start;gap:.5rem}}@media(min-width:641px)and (max-width:1024px){.calculator-wrapper{max-width:550px}}@media(min-width:1025px){.calculator-wrapper{max-width:650px}.calculator-card,.shortcuts-card{padding:2.5rem}.btn{height:60px;font-size:1.4rem}.btn.equals{font-size:1.8rem}.display-current{font-size:2.25rem}.brand-info h1{font-size:2rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}