.app-shell{display:grid;place-items:center;min-height:100vh;padding:32px 20px}.calculator{width:min(360px,90vw);border-radius:32px;background:linear-gradient(160deg,#2b2d3a,#111219 70%);box-shadow:0 25px 60px #0009,inset 0 1px #ffffff14;padding:24px 22px 28px;display:grid;gap:20px}.calculator-top{display:grid;gap:8px}.calculator-display{padding:16px 18px 8px;min-height:96px;display:flex;flex-direction:column;justify-content:space-between;text-align:right;border-radius:20px;background:#00000059;box-shadow:inset 0 0 20px #0000008c;color:#f5f5f7}.operator-indicator{height:18px;font-size:14px;letter-spacing:.2em;color:#fff6}.display-text{font-size:clamp(2.4rem,5vw,3.2rem);font-weight:500;line-height:1.1;word-break:break-all}.calculator-keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.key{border:none;border-radius:999px;padding:16px 0;font-size:1.4rem;font-weight:500;color:#f5f5f7;background:#2c2f3b;box-shadow:inset 0 -4px 10px #00000059,inset 0 1px #ffffff14;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.key:active{transform:translateY(2px);filter:brightness(.9);box-shadow:inset 0 -2px 6px #0006}.key--function{background:#a8a8ad;color:#1b1b20;box-shadow:inset 0 -4px 10px #0003,inset 0 1px #ffffff4d}.key--operator{background:#ff9f0a;color:#1b1b20;box-shadow:inset 0 -4px 10px #00000026,inset 0 1px #ffffff4d}.key--operator.key--active{background:#f5f5f7;color:#ff9f0a}.key--wide{grid-column:span 2;text-align:left;padding-left:28px}@media (max-width: 480px){.calculator{padding:20px 18px 24px;border-radius:28px}.key{font-size:1.2rem}}:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,sans-serif;background:radial-gradient(circle at top,#1d1f2b,#0a0a0f 55%,#070709);display:grid;place-items:center}#root{width:100%}