:root{--color-bg-main: #1a1a2e;--color-bg-calculator: #16213e;--color-bg-display: #0f1419;--color-text-primary: var(--color-white);--color-text-secondary: var(--color-gray-400);--color-btn-number: #2d3748;--color-btn-operator: var(--color-primary);--color-btn-function: var(--color-gray-600);--color-btn-equals: var(--color-success);--color-btn-scientific: var(--color-secondary);--color-btn-hover: var(--color-gray-600);--color-shadow: rgba(0, 0, 0, .3);--font-family: var(--font-family-primary)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:var(--spacing-md);color:var(--color-text-primary)}.calculator-container{width:100%;max-width:420px;padding:var(--spacing-md)}.calculator{background:var(--color-bg-calculator);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:0 20px 60px var(--color-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.display-section{background:var(--color-bg-display);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);min-height:120px;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--spacing-sm)}.history-display{font-size:var(--font-size-sm);color:var(--color-text-secondary);min-height:1.5rem;text-align:right;word-break:break-all;opacity:.7}.main-display{font-size:var(--font-size-2xl);font-weight:600;text-align:right;word-break:break-all;line-height:1.2;color:var(--color-text-primary)}.mode-switcher{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);background:var(--color-bg-display);padding:var(--spacing-xs);border-radius:var(--radius-md)}.mode-btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.mode-btn:hover{background:var(--color-btn-hover);color:var(--color-text-primary)}.mode-btn.active{background:var(--color-primary);color:var(--color-text-primary);box-shadow:0 2px 8px #667eea66}.button-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.btn{padding:var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 4px var(--color-shadow);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:active:before{width:300px;height:300px}.btn:active{transform:scale(.95)}.btn--number{background:var(--color-btn-number);color:var(--color-text-primary)}.btn--number:hover{background:var(--color-btn-hover);box-shadow:0 4px 8px var(--color-shadow)}.btn--operator{background:var(--color-btn-operator);color:var(--color-text-primary)}.btn--operator:hover{background:var(--color-primary-dark);box-shadow:0 4px 12px #667eea80}.btn--function{background:var(--color-btn-function);color:var(--color-text-primary)}.btn--function:hover{background:var(--color-btn-hover);box-shadow:0 4px 8px var(--color-shadow)}.btn--equals{background:var(--color-btn-equals);color:var(--color-text-primary)}.btn--equals:hover{background:#38a169;box-shadow:0 4px 12px #48bb7880}.btn--scientific{background:var(--color-btn-scientific);color:var(--color-text-primary);font-size:var(--font-size-base)}.btn--scientific:hover{background:#6b46c1;box-shadow:0 4px 12px #805ad580}.scientific-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-display);border-radius:var(--radius-md);transition:all var(--transition-normal)}.scientific-panel.hidden{display:none}.financial-panel{padding:var(--spacing-lg);background:var(--color-bg-display);border-radius:var(--radius-md);text-align:center;color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.financial-panel.hidden{display:none}@media (max-width: 480px){:root{--font-size-2xl: 2rem;--font-size-lg: 1.125rem}.calculator{padding:var(--spacing-lg)}.btn{padding:var(--spacing-md);font-size:var(--font-size-base)}.display-section{min-height:100px}}@media (max-width: 360px){:root{--font-size-2xl: 1.75rem;--font-size-lg: 1rem}.btn{padding:var(--spacing-sm);font-size:var(--font-size-sm)}.mode-btn{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}