.display{border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,var(--panel, #0f172a),var(--panel-2, #0c1224));padding:10px 12px 12px;box-shadow:inset 0 1px #ffffff0a;min-height:64px;display:grid;grid-template-rows:auto 1fr;justify-items:end}.display_history{color:#f50b0b;font-weight:700;letter-spacing:.2px;line-height:1.1;min-height:18px;max-width:100%;opacity:.95;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.8rem,1.2vw,.95rem)}.display_value{color:var(--text);font-weight:900;line-height:1.1;text-shadow:0 2px 10px rgba(0,0,0,.35);font-size:clamp(1.6rem,5vw,2.6rem);justify-self:end;align-self:end}.keypad{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(5,minmax(56px,auto));grid-template-areas:"ac ac divide multiply" "seven eight nine subtract" "four five six add" "one two three equals" "zero zero decimal equals"}.key{border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,#0e1627,#0b1220);color:#fff;font-weight:700;padding:14px 10px;cursor:pointer;box-shadow:0 8px 18px #00000059,inset 0 1px #ffffff0d;transition:transform .08s ease,box-shadow .12s ease,filter .2s ease}.key:hover{transform:translateY(-1px);box-shadow:0 12px 22px #00000073}.key:active{transform:translateY(0);box-shadow:0 8px 16px #00000059}.key.is-active{transform:translateY(1px);box-shadow:0 6px 14px #00000059,inset 0 1px #ffffff0f;filter:brightness(1.05)}.key--op{background:linear-gradient(180deg,#3a3f46,#2b3036)}.key--ac{background:linear-gradient(180deg,#9b2c2c,#7b1f1f);color:#fff}.key--ac{grid-area:ac}.key--divide{grid-area:divide}.key--multiply{grid-area:multiply}.key--subtract{grid-area:subtract}.key--add{grid-area:add}.key--equals{grid-area:equals}.key--zero{grid-area:zero}.key--decimal{grid-area:decimal}.key--seven{grid-area:seven}.key--eight{grid-area:eight}.key--nine{grid-area:nine}.key--four{grid-area:four}.key--five{grid-area:five}.key--six{grid-area:six}.key--one{grid-area:one}.key--two{grid-area:two}.key--three{grid-area:three}.calculator{display:grid;gap:12px}:root{--bg: #0b1220;--panel: #0f172a;--panel-2: #0b1327;--text: #e5e7eb;--muted: #9ca3af;--accent: #60a5fa;--border: rgba(255, 255, 255, .08);--shadow: 0 18px 50px rgba(0, 0, 0, .45)}:root[data-theme=light]{--bg: #f7f9ff;--panel: #ffffff;--panel-2: #f3f6fb;--text: #0f172a;--muted: #475569;--accent: #2563eb;--border: rgba(0, 0, 0, .08);--shadow: 0 14px 32px rgba(0, 0, 0, .12)}html,body,#root{height:100%;margin:0}body{min-height:100svh;display:grid;place-items:center;background:radial-gradient(90vmax 90vmax at 12% 8%,#16223b 0%,transparent 45%),radial-gradient(80vmax 80vmax at 90% 0%,#0b3a5c 0%,transparent 40%),var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;padding:16px;background-attachment:fixed}.app-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.app-title{font-weight:900;letter-spacing:.4px}.theme-toggle{margin-left:auto;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:6px;border-radius:8px;font-size:18px}.calc-wrap{width:min(420px,94vw);border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,var(--panel),var(--panel-2));box-shadow:var(--shadow);padding:14px}