.gth-scientific-calculator .gth-calc-display { background: var(--gth-bg-secondary); border-radius: var(--gth-radius-lg); padding: var(--gth-space-4); margin-bottom: var(--gth-space-3); }
.gth-scientific-calculator .gth-calc-expression { font-size: var(--gth-text-sm); color: var(--gth-text-secondary); min-height: 20px; text-align: right; margin-bottom: var(--gth-space-1); overflow-x: auto; }
.gth-scientific-calculator .gth-calc-input { width: 100%; background: transparent; border: none; font-size: var(--gth-text-2xl); font-weight: 600; text-align: right; font-family: monospace; }
.gth-scientific-calculator .gth-calc-mode { display: flex; gap: var(--gth-space-4); margin-bottom: var(--gth-space-3); justify-content: center; }
.gth-scientific-calculator .gth-radio { display: flex; align-items: center; gap: var(--gth-space-1); font-size: var(--gth-text-sm); cursor: pointer; }
.gth-scientific-calculator .gth-calc-buttons { display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--gth-space-2); }
.gth-scientific-calculator .gth-calc-btn { padding: var(--gth-space-3); background: var(--gth-bg-secondary); border: 1px solid var(--gth-border); border-radius: var(--gth-radius-md); font-size: var(--gth-text-base); font-weight: 500; cursor: pointer; transition: all 0.15s; }
.gth-scientific-calculator .gth-calc-btn:hover { background: var(--gth-bg-tertiary); }
.gth-scientific-calculator .gth-calc-btn:active { transform: scale(0.95); }
.gth-scientific-calculator .gth-calc-btn.gth-fn { background: var(--gth-bg-tertiary); font-size: var(--gth-text-sm); }
.gth-scientific-calculator .gth-calc-btn.gth-op { background: #dbeafe; color: #1d4ed8; }
.gth-scientific-calculator .gth-calc-btn.gth-equals { grid-column: span 2; background: var(--gth-primary); color: white; }
.gth-scientific-calculator .gth-calc-btn.gth-equals:hover { background: var(--gth-primary-dark); }
@media (max-width: 400px) { .gth-scientific-calculator .gth-calc-btn { padding: var(--gth-space-2); font-size: var(--gth-text-sm); } }