body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg: radial-gradient(circle at 15% 20%, #1f2937, #0b1020 40%), radial-gradient(circle at 80% 0%, #172554, transparent 35%), #0f172a;--panel: #111827;--panel-alt: #0b1224;--text: #e2e8f0;--muted: #94a3b8;--accent: #0ea5e9;--accent-2: #4338ca;--danger: #f87171;--border: rgba(255, 255, 255, .06);--shadow: 0 20px 60px rgba(0, 0, 0, .35);--button: #1f2937;--button-hover: #273449}body[data-theme=contrast]{--bg: linear-gradient(135deg, #0f172a, #111827);--panel: #0b1224;--panel-alt: #0a0f1d;--text: #f8fafc;--muted: #cbd5e1;--accent: #f59e0b;--accent-2: #fb7185;--border: rgba(245, 158, 11, .25);--button: #111827;--button-hover: #162033}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.page{max-width:1100px;margin:0 auto;padding:40px 18px 80px}.header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px}.header h1{margin:4px 0;font-size:32px;letter-spacing:-.5px}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:2px;font-size:12px;color:var(--muted)}.tagline{margin:8px 0 0;color:var(--muted)}.layout{display:grid;grid-template-columns:1.2fr .9fr;gap:18px}.calculator-wrapper{background:var(--panel);border-radius:16px;padding:18px;box-shadow:var(--shadow),0 0 0 1px var(--border);border:1px solid var(--border);outline:none}.display{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border-radius:12px;padding:12px 14px;box-shadow:inset 0 1px #ffffff0d;margin-bottom:14px}.expression{min-height:24px;font-size:16px;color:var(--muted);text-align:right;word-wrap:break-word}.result-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.result{font-size:32px;font-weight:700;letter-spacing:1px;text-align:right;flex:1}.display-actions{display:flex;align-items:center;gap:10px}.status{min-width:88px;font-size:12px;color:var(--muted)}.preview{margin-top:6px;font-size:14px;color:var(--muted)}.error{margin-top:8px;color:var(--danger);font-size:14px}.buttons-group{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.buttons-group button{height:52px;border-radius:12px;border:1px solid var(--border);background:var(--button);color:var(--text);font-size:18px;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,color .12s ease;box-shadow:0 10px 30px #0000002e}.buttons-group button:hover{transform:translateY(-2px);background:var(--button-hover);box-shadow:0 12px 35px #0000004d}.buttons-group button:active{transform:translateY(0)}.buttons-group button.operator{background:linear-gradient(135deg,var(--accent-2),#3b82f6);color:#e0e7ff}.buttons-group button.control{background:linear-gradient(135deg,#22d3ee,var(--accent));color:#ecfeff}.buttons-group button.memory{background:linear-gradient(135deg,#059669,#10b981);color:#ecfdf3}.buttons-group button.function{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff7ed}.buttons-group button.equals{grid-column:span 2;background:linear-gradient(135deg,var(--accent),#2563eb);color:#e0f2fe}.calculator-wrapper:focus-visible{box-shadow:0 0 0 3px #0ea5e959,var(--shadow)}.buttons-group button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 3px #0ea5e940}.panel{background:var(--panel-alt);border-radius:16px;padding:16px;box-shadow:var(--shadow),0 0 0 1px var(--border);border:1px solid var(--border)}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.panel h2{margin:0 0 4px}.muted{color:var(--muted);margin:0}.history ol{padding-left:20px;margin:10px 0 0}.history li{margin-bottom:10px;color:var(--text)}.history-expression{font-weight:600}.history-result{color:var(--muted)}.help ul{list-style:none;padding:0;margin:10px 0}.help li{display:flex;justify-content:space-between;border-bottom:1px dashed var(--border);padding:6px 0}.help li span{color:var(--muted)}.ghost{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:8px 12px;cursor:pointer;transition:background .12s ease,color .12s ease,border .12s ease}.ghost:hover{background:var(--button-hover);border-color:var(--accent)}.toggles{display:flex;gap:10px}.sr-only{border:0;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;overflow:hidden;position:absolute;white-space:nowrap}@media(max-width:900px){.layout{grid-template-columns:1fr}}@media(max-width:540px){.buttons-group{grid-template-columns:repeat(4,minmax(0,1fr))}.buttons-group button{height:58px;font-size:16px}.header{flex-direction:column}.page{padding:28px 14px 60px}}