:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#eef2f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 8%,#4868ff1f,#0000 30rem),#eef2f7;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{width:min(1180px,100% - 40px);margin:0 auto;padding:48px 0 64px}.app-header{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:28px;display:flex}.product-label,.eyebrow{color:#53627a;letter-spacing:.11em;text-transform:uppercase;margin:0 0 8px;font-size:.75rem;font-weight:750}.app-header h1{color:#111827;letter-spacing:-.04em;margin:0;font-size:clamp(2rem,4vw,3.25rem);line-height:1.05}.connection-note{color:#526075;background:#ffffffb8;border:1px solid #d9e0ea;border-radius:999px;flex:none;align-items:center;gap:9px;padding:9px 13px;font-size:.82rem;font-weight:650;display:flex}.connection-note span{background:#28a66a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #28a66a1f}.workspace{grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);align-items:start;gap:24px;display:grid}.calculator-card,.history-card{background:#fffffff0;border:1px solid #d3dbe6e6;border-radius:22px;box-shadow:0 18px 45px #24304b14}.calculator-card{padding:28px}.history-card{min-height:655px;padding:28px}.section-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.section-heading h2{color:#172033;letter-spacing:-.02em;margin:0;font-size:1.25rem}.server-badge{color:#3956b7;background:#edf1ff;border-radius:8px;flex:none;padding:7px 10px;font-size:.72rem;font-weight:700}.display-label{color:#667287;margin-bottom:8px;font-size:.8rem;font-weight:650;display:block}.expression-display{color:#172033;text-align:right;background:#f9fbfd;border:1px solid #d8dfeb;border-radius:13px;outline:none;width:100%;min-height:72px;padding:15px 17px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(1.25rem,3vw,1.7rem);transition:border-color .12s,box-shadow .12s}.expression-display:focus{border-color:#6179dc;box-shadow:0 0 0 4px #536cd71f}.expression-display::placeholder{color:#a9b2c2}.result-panel{color:#e7ebff;background:#202c50;border-radius:13px;justify-content:space-between;align-items:baseline;min-height:74px;margin-top:12px;padding:16px 18px;display:flex}.result-panel span{letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.result-panel output{overflow-wrap:anywhere;color:#fff;text-align:right;max-width:75%;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(1.45rem,4vw,2rem);font-weight:700}.error-message{color:#0000;min-height:24px;margin:10px 2px 12px;font-size:.84rem;line-height:1.45}.error-message--visible{color:#bd3038}.keypad{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.key{color:#202a3e;cursor:pointer;background:#f7f9fc;border:1px solid #dce2eb;border-radius:12px;min-height:60px;font-size:1.06rem;font-weight:700}.key:hover:not(:disabled){background:#eef2f8;border-color:#bbc6d8}.key:focus-visible,.refresh-button:focus-visible,.delete-button:focus-visible{outline-offset:2px;outline:3px solid #4a67de59}.key:active:not(:disabled){transform:translateY(1px)}.key--utility{color:#526075;background:#eef2f7}.key--operator{color:#405cc4;background:#eef2ff;border-color:#dce3ff}.key--zero{grid-column:span 2}.key--equals{color:#fff;background:#4864d4;border-color:#4864d4}.key--equals:hover:not(:disabled){background:#3f59c1;border-color:#3f59c1}.key:disabled,.refresh-button:disabled,.delete-button:disabled{cursor:wait;opacity:.62}.history-heading{align-items:center}.refresh-button,.delete-button{color:#526075;cursor:pointer;background:#fff;border:1px solid #d9e0ea;border-radius:9px;font-size:.78rem;font-weight:700}.refresh-button{padding:8px 11px}.history-list{gap:10px;max-height:540px;margin:0;padding:0 4px 0 0;list-style:none;display:grid;overflow-y:auto}.history-item{background:#fbfcfe;border:1px solid #e1e6ee;border-radius:13px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.history-calculation{gap:3px;min-width:0;display:grid}.history-expression,.history-result{overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.history-expression{color:#4c5870;font-size:.88rem}.history-result{color:#172033;font-size:1.06rem;font-weight:750}.history-calculation time{color:#8a94a5;margin-top:3px;font-size:.72rem}.delete-button{color:#b53a43;background:#fff7f7;border-color:#f0d7d9;flex:none;padding:8px 10px}.delete-button:hover:not(:disabled){background:#fdecee}.history-state,.empty-history{color:#7a8699;text-align:center}.history-state{margin:80px 0}.empty-history{place-items:center;min-height:360px;display:grid}.empty-history span{color:#70809a;background:#edf1f6;border-radius:50%;place-items:center;width:54px;height:54px;margin-bottom:13px;font-size:1.35rem;display:grid}.empty-history p{color:#536076;margin:0 0 6px;font-weight:700}.empty-history small{max-width:260px;line-height:1.5}@media (width<=860px){.app-shell{width:min(680px,100% - 28px);padding-top:32px}.workspace{grid-template-columns:1fr}.history-card{min-height:auto}}@media (width<=560px){.app-header{flex-direction:column;align-items:flex-start;gap:18px}.calculator-card,.history-card{border-radius:17px;padding:20px}.section-heading{flex-direction:column;align-items:flex-start;gap:12px}.history-heading{flex-direction:row}.server-badge{align-self:flex-start}.key{min-height:56px}.history-item{align-items:flex-start}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}