.calculator-wrapper{display:flex;justify-content:center;padding:20px 0}.calculator-container{width:100%;max-width:500px;background:var(--bg-tool);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px}.calculator-display{background:#0a0a0e;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;margin-bottom:20px;text-align:right}.display-history{font-size:12px;color:var(--text-muted);min-height:14px;margin-bottom:8px}.display-main{font-size:32px;font-weight:600;color:var(--accent-primary);font-family:JetBrains Mono,monospace;word-wrap:break-word;word-break:break-all;min-height:40px}.display-memory{font-size:11px;color:var(--accent-secondary);margin-top:8px;min-height:12px}.calculator-modes{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.mode-group{display:flex;gap:12px;flex:1}.mode-group label{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;color:var(--text-secondary)}.mode-group input[type=radio]{cursor:pointer;accent-color:var(--accent-primary)}.btn-small{padding:8px 16px;background:var(--accent-secondary);color:#000;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-small:hover{background:#0ea5e9;transform:scale(1.05)}.btn-small:active{transform:scale(.95)}.calculator-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:20px}button[class^=btn-]{padding:12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;font-family:DM Sans,system-ui,sans-serif}.btn-number{background:var(--bg-secondary);color:var(--text-primary)}.btn-number:hover{background:var(--btn-number-hover, rgba(108, 60, 225, .15));color:var(--accent-primary);border-color:var(--accent-primary)}.btn-number:active{transform:scale(.95)}.btn-operator{background:var(--accent-secondary);color:#000;font-weight:600}.btn-operator:hover{background:#0ea5e9}.btn-operator:active{transform:scale(.95)}.btn-function{background:#5a4a9f;color:#fff;font-size:12px}.btn-function:hover{background:#6c5bb0}.btn-function:active{transform:scale(.95)}.btn-memory{background:#4a5f8f;color:#fff;font-size:12px}.btn-memory:hover{background:#5a6fa0}.btn-memory:active{transform:scale(.95)}.btn-control{background:var(--bg-secondary);color:var(--text-secondary);font-size:12px}.btn-control:hover{background:var(--btn-number-hover, rgba(108, 60, 225, .15));color:var(--accent-primary)}.btn-control:active{transform:scale(.95)}.btn-toggle{background:var(--bg-secondary);color:var(--text-secondary)}.btn-toggle:hover{background:var(--btn-number-hover, rgba(108, 60, 225, .15));color:var(--accent-primary)}.btn-toggle:active{transform:scale(.95)}.btn-equals{background:var(--accent-success);color:#fff;font-weight:600;grid-column:span 1}.btn-equals:hover{background:#059669}.btn-equals:active{transform:scale(.95)}.calculator-history{background:#0a0a0e;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px;max-height:150px;overflow-y:auto}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.history-header h3{font-size:13px;color:var(--text-secondary);margin:0}.history-list{display:flex;flex-direction:column;gap:4px}.history-item{padding:6px 8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary);cursor:pointer;font-family:JetBrains Mono,monospace;transition:all .15s}.history-item:hover{background:var(--bg-tool);color:var(--accent-primary);border-color:var(--accent-primary)}.history-item-expr{color:var(--text-muted);font-size:11px}.calculator-actions{display:flex;gap:10px}.btn{flex:1;padding:12px 16px;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-copy{background:var(--accent-primary);color:#fff}.btn-copy:hover{background:#7d4cef}.btn-copy.copied{background:var(--accent-success)}@media(max-width:640px){.calculator-container{padding:16px}.calculator-grid{gap:6px}button[class^=btn-]{padding:10px;font-size:12px}.display-main{font-size:24px}.calculator-history{max-height:120px}}