.calculator-container,.scientific-calculator-container{margin:0 auto;background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:0 8px 32px rgba(0,0,0,.1)}.calculator-display{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);text-align:right;min-height:80px;display:flex;flex-direction:column;justify-content:flex-end}.display-screen{font-size:2rem;font-weight:600;color:var(--text-primary);word-break:break-all;min-height:2.5rem;display:flex;align-items:center;justify-content:flex-end}.operation-display{font-size:.9rem;color:var(--text-secondary);min-height:1rem;margin-bottom:.5rem}.mode-toggle{display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);gap:var(--spacing-sm)}#angle-mode{font-weight:600;color:var(--text-primary);min-width:40px}.calculator-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.scientific-calculator-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-xs)}.calc-btn{height:60px;border:none;border-radius:var(--radius-md);font-size:1.2rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.scientific-calculator-buttons .calc-btn{height:50px;font-size:1rem}.number-btn{background:var(--bg-secondary);color:var(--text-primary)}.number-btn:hover{background:var(--bg-tertiary);transform:translateY(-2px)}.operator-btn{background:var(--primary-color);color:#fff}.operator-btn:hover{background:var(--secondary-color);transform:translateY(-2px)}.operator-btn.active{background:var(--accent-color)}.function-btn{background:var(--secondary-color);color:#fff;font-size:.9rem}.function-btn:hover{background:var(--primary-color);transform:translateY(-2px)}.bracket-btn{background:var(--warning-color);color:#fff}.bracket-btn:hover{background:#d69e2e;transform:translateY(-2px)}.equals-btn{background:var(--accent-color);color:#fff;grid-column:span 2}.scientific-calculator-buttons .equals-btn{grid-row:span 2;grid-column:span 1}.equals-btn:hover{background:var(--primary-color);transform:translateY(-2px)}.zero-btn{grid-column:span 2}.clear-btn{background:var(--error-color);color:#fff}.clear-btn:hover{background:#e53e3e;transform:translateY(-2px)}.backspace-btn{background:var(--warning-color);color:#fff}.backspace-btn:hover{background:#d69e2e;transform:translateY(-2px)}.decimal-btn,.sign-btn{background:var(--bg-secondary);color:var(--text-primary)}.decimal-btn:hover,.sign-btn:hover{background:var(--bg-tertiary);transform:translateY(-2px)}.error-message{background:var(--error-color);color:#fff;padding:var(--spacing-sm);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);text-align:center}.instructions-panel ul{list-style:none;padding:0}.instructions-panel li{padding:.25rem 0;color:var(--text-secondary)}.instructions-panel h4{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:1.1rem}@media (max-width:768px){.scientific-calculator-container{margin:0 var(--spacing-sm);padding:var(--spacing-md)}.scientific-calculator-buttons .calc-btn{height:45px;font-size:.9rem}.function-btn{font-size:.8rem}.display-screen{font-size:1.5rem}.instructions-panel .grid-3{grid-template-columns:1fr}}@media (max-width:480px){.calculator-container{margin:0 var(--spacing-sm);padding:var(--spacing-md)}.calc-btn{height:50px;font-size:1rem}.scientific-calculator-buttons{gap:2px}.scientific-calculator-buttons .calc-btn{height:40px;font-size:.8rem}.function-btn{font-size:.7rem}.display-screen{font-size:1.5rem}}