@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-bg:#f8efe3;--page-bg-accent:#d9ebe4;--panel-surface:#fcf7f0d1;--panel-outline:#1253532e;--shadow-soft:0 24px 80px #1f393924;--brand-deep:#0e5e63;--brand-deep-soft:#1f7679;--accent-coral:#e36a4d;--accent-coral-strong:#c25238;--stone-copy:#3f3b35;--muted-copy:#3f3b35ad;--divider-tone:#1253531f;--md-ref-typeface-brand:"Fraunces", Georgia, serif;--md-ref-typeface-plain:"Space Grotesk", "Avenir Next", "Segoe UI Variable", sans-serif;--md-sys-color-primary:var(--brand-deep);--md-sys-color-on-primary:#f6fffe;--md-sys-color-primary-container:#b6efec;--md-sys-color-on-primary-container:#053539;--md-sys-color-secondary:#6f7d76;--md-sys-color-surface:#fff9f2;--md-sys-color-surface-container:#f3e8de;--md-sys-color-surface-container-high:#efe1d5;--md-sys-color-on-surface:#251f1a;--md-sys-color-outline:#251f1a2e;--md-sys-color-outline-variant:#251f1a14;--md-sys-color-error:#b3261e;--md-sys-color-on-error:#fff8f7}*{box-sizing:border-box}html,body{min-height:100%}body{font-family:var(--md-ref-typeface-plain);color:var(--stone-copy);background:radial-gradient(circle at top left, #e36a4d29, transparent 32%), radial-gradient(circle at 80% 12%, #0e5e632e, transparent 28%), linear-gradient(145deg, var(--page-bg), var(--page-bg-accent));margin:0}#app{opacity:0;transition:opacity .22s}body[data-ready=true] #app{opacity:1}.workspace{gap:1.25rem;width:min(1100px,100% - 2rem);margin:0 auto;padding:2rem 0 3rem;display:grid}.instrument-panel,.history-panel{border:1px solid var(--panel-outline);background:var(--panel-surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-soft);border-radius:32px;position:relative;overflow:hidden}.instrument-panel{gap:1rem;padding:1.46rem;display:grid}.history-panel{padding:1.2rem}.instrument-panel:before,.history-panel:before{content:"";pointer-events:none;background:linear-gradient(120deg,#ffffff73,#0000 35%),radial-gradient(circle at 100% 0,#0e5e6317,#0000 26%);position:absolute;inset:0}.history-panel h2{font-family:var(--md-ref-typeface-brand);letter-spacing:-.03em;margin:0;font-size:1.3rem;font-weight:600}.display-rail{z-index:1;gap:.62rem;display:grid;position:relative}.history-panel__header{justify-content:flex-start;align-items:center;display:flex}.display-rail__kicker,.history-panel h2{font-family:var(--md-ref-typeface-brand);letter-spacing:-.03em;color:var(--stone-copy);margin:0;font-size:1.3rem;font-weight:600}.display-field{--md-filled-text-field-container-color:#fffcf7f5;--md-filled-text-field-focus-active-indicator-color:var(--brand-deep);--md-filled-text-field-active-indicator-color:#0e5e632e;--md-filled-text-field-label-text-font:var(--md-ref-typeface-plain);--md-filled-text-field-input-text-font:var(--md-ref-typeface-brand);--md-filled-text-field-input-text-size:clamp(1.95rem, 4.4vw, 3.2rem);--md-filled-text-field-input-text-line-height:1.05;--md-filled-text-field-input-text-weight:600;--md-filled-text-field-top-space:10px;--md-filled-text-field-bottom-space:10px;--md-filled-text-field-with-label-top-space:6px;--md-filled-text-field-with-label-bottom-space:4px;--md-filled-text-field-supporting-text-font:var(--md-ref-typeface-plain);--md-filled-text-field-supporting-text-size:.8rem;--md-filled-text-field-supporting-text-line-height:1rem;--md-filled-field-supporting-text-top-space:2px;--md-filled-field-supporting-text-leading-space:12px;--md-filled-field-supporting-text-trailing-space:12px;--md-filled-text-field-leading-space:14px;--md-filled-text-field-trailing-space:14px;--md-filled-text-field-container-shape:24px;width:100%}.display-field[has-error=true]{--md-filled-text-field-container-color:#fff0ecfa}.keypad-panel{z-index:1;position:relative}.keypad-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.key{min-height:74px;font-family:var(--md-ref-typeface-plain);letter-spacing:.01em;border-radius:26px;font-size:1.05rem}.key--digit{--md-filled-tonal-button-container-color:#0e5e631a;--md-filled-tonal-button-label-text-color:#0d4f55;--md-filled-tonal-button-hover-state-layer-color:#0e5e6329}.key--operator{--md-filled-button-container-color:var(--brand-deep);--md-filled-button-label-text-color:#f4fffd}.key--operator[data-selected=true]{--md-filled-button-container-color:var(--brand-deep-soft)}.key--equals{--md-filled-button-container-color:var(--accent-coral);--md-filled-button-label-text-color:#fff8f5}.key--clear{--md-outlined-button-outline-color:#c3523847;--md-outlined-button-label-text-color:var(--accent-coral-strong);--md-outlined-button-leading-space:16px;--md-outlined-button-trailing-space:16px}.key--utility{--md-filled-tonal-icon-button-container-width:100%;--md-filled-tonal-icon-button-container-height:74px;--md-filled-tonal-icon-button-container-shape:26px;--md-filled-tonal-icon-button-container-color:transparent;--md-filled-tonal-icon-button-icon-color:#0d4f55;--md-filled-tonal-icon-button-icon-size:22px;--md-filled-tonal-icon-button-hover-icon-color:#084348;--md-filled-tonal-icon-button-hover-container-color:#0e5e6314;width:100%}.key--wide{grid-column:span 2}.key--tall{grid-row:span 2;min-height:156px}.key svg{fill:currentColor;width:24px;height:24px}.history-panel{align-self:start;gap:.8rem;height:fit-content;display:grid}.history-panel__surface{z-index:1;background:#fffcf7c2;border:1px solid #0e5e6314;border-radius:24px;align-self:start;padding:.28rem;position:relative}.history-panel__surface[data-scrollable=true]{max-height:min(420px,45vh);overflow:auto}.history-list{gap:.32rem;margin:0;padding:0;list-style:none;display:grid}.history-list__entry{margin:0;padding:0}.history-item{appearance:none;cursor:pointer;width:100%;color:inherit;font:inherit;text-align:left;background:#0e5e630d;border:1px solid #0e5e631a;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.78rem .9rem;transition:transform .14s,border-color .14s,background .14s,box-shadow .14s;display:grid}.history-item:hover,.history-item:focus-visible{background:#0e5e631a;border-color:#0e5e6333;transform:translateY(-1px);box-shadow:0 10px 22px #0e5e6314}.history-item__copy{gap:.18rem;min-width:0;display:grid}.history-item__headline{font-weight:600;display:block}.history-item__supporting{color:var(--muted-copy);font-size:.76rem;line-height:1rem;display:block}.history-item__result{font-family:var(--md-ref-typeface-brand);letter-spacing:-.02em;white-space:nowrap;font-size:1.05rem;font-weight:600}.history-empty{text-align:center;min-height:172px;color:var(--muted-copy);place-items:center;padding:1rem;display:grid}.history-empty p{max-width:26ch;margin:0}[data-error-state=true] .key--clear{--md-outlined-button-container-color:#e36a4d1f}@media (width>=920px){.workspace{grid-template-columns:minmax(0,1.28fr) minmax(320px,.82fr);align-content:center;min-height:100vh}}@media (width<=919px){.workspace{padding-top:1.2rem}.instrument-panel,.history-panel{border-radius:28px}}@media (width<=620px){.workspace{width:min(100% - 1rem,100%)}.instrument-panel,.history-panel{padding:1rem}.history-panel__header{flex-direction:row;align-items:center}.display-field{--md-filled-text-field-input-text-size:clamp(1.75rem, 8vw, 2.5rem)}.key--utility{--md-filled-tonal-icon-button-container-height:64px}.history-panel__surface[data-scrollable=true]{max-height:320px}.key{min-height:64px}.key--tall{min-height:134px}}@media (width<=360px){.keypad-grid{gap:.5rem}.key{min-height:60px;font-size:.96rem}.key--clear{--md-outlined-button-leading-space:10px;--md-outlined-button-trailing-space:10px}.key--tall{min-height:124px}.history-panel{gap:.68rem}.history-panel__surface{padding:.22rem}}