*{box-sizing:border-box}body,html,#root{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:16px}.env-badge{background:#0f172a;color:#f8fafc;font-size:12px;font-weight:600;letter-spacing:1.5px;padding:6px 14px;border-radius:999px;border:1px solid #334155;text-transform:uppercase}.calculator{width:320px;background:#1f2937;border-radius:20px;padding:20px;box-shadow:0 20px 60px #0006}.display{background:#0f172a;color:#f8fafc;font-size:44px;font-weight:300;text-align:right;padding:24px 16px;border-radius:12px;margin-bottom:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:96px;display:flex;align-items:flex-end;justify-content:flex-end}.keys{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.key{height:64px;border:none;border-radius:12px;font-size:22px;font-weight:500;cursor:pointer;background:#374151;color:#f8fafc;transition:transform .05s,background .15s}.key:hover{background:#4b5563}.key:active{transform:scale(.96)}.key-fn{background:#6b7280}.key-fn:hover{background:#7c8593}.key-op{background:#f59e0b;color:#fff}.key-op:hover{background:#fbbf24}.key-eq{background:#10b981;color:#fff}.key-eq:hover{background:#34d399}.key-op-tall,.key-eq-tall{grid-row:span 2;height:auto}.key-zero{grid-column:span 2}