*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--bg-display:#0f0f23;--text-primary:#fff;--text-secondary:#a0a0b8;--accent-orange:#ff6b35;--accent-orange-hover:#ff8555;--btn-number:#2d2d4a;--btn-number-hover:#3d3d5a;--btn-operator:#3d3d6a;--btn-operator-hover:#4d4d7a;--shadow-color:#0000004d}body{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}#root{justify-content:center;align-items:center;width:100%;display:flex}.display{background:var(--bg-display);border-radius:16px;flex-direction:column;justify-content:flex-end;align-items:flex-end;min-height:120px;margin-bottom:20px;padding:20px 24px;display:flex;overflow:hidden}.expression{color:var(--text-secondary);text-align:right;width:100%;min-height:1.5rem;margin-bottom:8px;font-size:1rem}.value{color:var(--text-primary);text-align:right;word-break:break-all;letter-spacing:-1px;width:100%;font-size:3.5rem;font-weight:300;line-height:1.1;transition:font-size .15s}@media (width<=380px){.display{min-height:100px;margin-bottom:16px;padding:16px 20px}.value{font-size:2.75rem}}.calc-button{cursor:pointer;aspect-ratio:1;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;border-radius:16px;justify-content:center;align-items:center;font-size:1.5rem;font-weight:500;transition:all .15s;display:flex}.calc-button:active{transform:scale(.95)}.calc-button.number{background:var(--btn-number);color:var(--text-primary)}.calc-button.number:hover{background:var(--btn-number-hover)}.calc-button.operator{background:var(--accent-orange);color:var(--text-primary)}.calc-button.operator:hover{background:var(--accent-orange-hover)}.calc-button.operator.active{background:var(--text-primary);color:var(--accent-orange)}.calc-button.function{background:var(--btn-operator);color:var(--text-primary)}.calc-button.function:hover{background:var(--btn-operator-hover)}.calc-button.wide{aspect-ratio:auto;grid-column:span 2;padding:20px}@media (width<=380px){.calc-button{border-radius:12px;font-size:1.25rem}.calc-button.wide{padding:16px}}.calculator{background:var(--bg-secondary);box-shadow:0 25px 50px -12px var(--shadow-color), 0 0 0 1px #ffffff0d;border-radius:24px;width:100%;max-width:340px;padding:24px}.button-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width<=380px){.calculator{border-radius:20px;padding:16px}.button-grid{gap:8px}}