:root{color:#172033;background:#eef2f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}.app-shell{grid-template-columns:minmax(320px,440px) minmax(300px,420px);place-content:center;gap:1.5rem;min-height:100vh;padding:2rem;display:grid;overflow-x:hidden}.calculator-panel,.timeline-panel{background:#fff;border:1px solid #d8deea;border-radius:24px;min-width:0;padding:1.5rem;box-shadow:0 24px 60px #26334d24}.calculator-panel{background:linear-gradient(#fff 0%,#f7f9fd 100%)}.panel-header,.timeline-header{justify-content:space-between;align-items:start;gap:1rem;display:flex}h1,h2,p{margin-top:0}h1,h2{margin-bottom:0;line-height:1.05}.eyebrow{color:#64708a;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem;font-size:.78rem;font-weight:700}.memory-readout{color:#536078;text-align:right;margin-top:1.25rem;font-size:.9rem;font-weight:700}.keyboard-help{color:#64708a;text-align:right;margin:.4rem 0 0;font-size:.82rem}.display{color:#f8fafc;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;background:#101827;border-radius:20px;justify-content:flex-end;align-items:center;min-height:5.5rem;margin-top:.5rem;padding:1rem;font-size:clamp(2rem,6vw,3.25rem);display:flex}.keypad{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-top:1rem;display:grid}.key{color:#182134;cursor:pointer;background:#e7ecf5;border:0;border-radius:16px;min-height:3.25rem;font-weight:800}.key:hover,.key:focus-visible,.clear-history:hover,.clear-history:focus-visible,.history-row:focus-visible,.quick-actions button:hover,.quick-actions button:focus-visible{outline-offset:2px;outline:3px solid #3e6eff47}.key:nth-child(4n),.key:nth-child(8),.key:nth-child(12),.key:nth-child(16),.key:nth-child(20){color:#17458f;background:#dce8ff}.key-equals{color:#fff;background:#2f6fed;grid-column:span 2}.clear-history{color:#31405d;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d5ddec;border-radius:999px;padding:.55rem .85rem;font-size:.9rem;font-weight:700}.status-message{color:#146239;background:#e9f7ef;border-radius:12px;margin:1rem 0 0;padding:.75rem;font-weight:700}.empty-history{color:#64708a;margin:1.25rem 0 0}.history-list{gap:.75rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.history-item{background:#f8fafd;border:1px solid #d8deea;border-radius:18px;padding:.9rem}.history-row{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;gap:.35rem;width:100%;padding:0;display:grid}.history-expression{color:#65718b;font-size:.92rem}.history-result{color:#172033;overflow-wrap:anywhere;font-size:1.4rem;font-weight:800}.quick-actions{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.quick-actions button{color:#fff;cursor:pointer;background:#182134;border:0;border-radius:999px;padding:.45rem .7rem;font-size:.85rem;font-weight:700}@media (width<=820px){.app-shell{grid-template-columns:minmax(0,1fr);place-content:start;padding:1rem}.calculator-panel,.timeline-panel{padding:1rem}.keypad{gap:.55rem}.key{min-height:3rem}}