:root{--bg:#f7f3e8;--panel:#fffbf3e0;--panel-edge:#0f766e24;--text:#102a2c;--muted:#5d6d6d;--accent:#0f766e;--accent-strong:#115e59;--accent-text:#f7faf9;--accent-soft:#dff5ef;--highlight:#f4b942;--shadow:0 22px 50px #102a2c1f;--bg-start:#fcfaf5;--field:#ffffffbf;--field-edge:#102a2c26;--button-surface:#ffffffc7;--panel-sheen:#ffffff6b;--panel-accent:#0f766e0f;--focus:#0f766e40}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#102124;--panel:#142b2ee6;--panel-edge:#70e1d233;--text:#eef8f5;--muted:#b4c7c3;--accent:#32b8aa;--accent-strong:#8ee8db;--accent-text:#102a2c;--accent-soft:#153c3e;--shadow:0 22px 50px #0000004d;--bg-start:#152f32;--field:#0a1d1fd1;--field-edge:#bfefe833;--button-surface:#eafaf71f;--panel-sheen:#ffffff12;--panel-accent:#32b8aa1f;--focus:#8ee8db73}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){html:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#102124;--panel:#142b2ee6;--panel-edge:#70e1d233;--text:#eef8f5;--muted:#b4c7c3;--accent:#32b8aa;--accent-strong:#8ee8db;--accent-text:#102a2c;--accent-soft:#153c3e;--shadow:0 22px 50px #0000004d;--bg-start:#152f32;--field:#0a1d1fd1;--field-edge:#bfefe833;--button-surface:#eafaf71f;--panel-sheen:#ffffff12;--panel-accent:#32b8aa1f;--focus:#8ee8db73}}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at top left, #0f766e33, transparent 34%), radial-gradient(circle at top right, #f4b94247, transparent 28%), linear-gradient(180deg, var(--bg-start) 0%, var(--bg) 100%);margin:0;font-family:Aptos,Segoe UI,sans-serif}.background-orb{filter:blur(16px);opacity:.5;pointer-events:none;border-radius:50%;width:18rem;height:18rem;position:fixed}.background-orb-left{background:#0f766e2e;top:-4rem;left:-5rem}.background-orb-right{background:#f4b9422e;bottom:6rem;right:-4rem}.app-shell{gap:1rem;width:min(70rem,100% - 2rem);margin:0 auto;padding:1.5rem 0 2.5rem;display:grid}.panel{background:var(--panel);border:1px solid var(--panel-edge);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1.5rem;padding:1.4rem;animation:.48s both rise-in;position:relative;overflow:hidden}.panel:after{content:"";background:linear-gradient(135deg, var(--panel-sheen), transparent 35%), linear-gradient(160deg, transparent 72%, var(--panel-accent));pointer-events:none;position:absolute;inset:0}.hero{padding-top:1.7rem}.eyebrow,.result-label{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-strong);margin:0 0 .7rem;font-size:.82rem;font-weight:700}h1{text-wrap:balance;max-width:12ch;margin:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:clamp(2.3rem,7vw,4.7rem);line-height:.96}.intro,.result-copy,.result-note,#installMessage{max-width:48rem;color:var(--muted);text-wrap:pretty;line-height:1.55}.install-banner{background:linear-gradient(135deg,#0f766e1a,#f4b94224);border:1px solid #0f766e24;border-radius:1.1rem;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.3rem;padding:1rem 1.1rem;display:flex}.theme-control{gap:.45rem;width:min(100%,14rem);margin-top:1.3rem;font-weight:600;display:grid}.theme-control select{border:1px solid var(--field-edge);background:var(--field);width:100%;min-height:3.25rem;color:var(--text);font:inherit;border-radius:1rem;padding:.95rem 1rem}.field-grid{gap:.95rem;display:grid}.field{gap:.45rem;font-weight:600;display:grid}.field label{font-size:.96rem}.field input,.field select{border:1px solid var(--field-edge);background:var(--field);width:100%;color:var(--text);font:inherit;border-radius:1rem;padding:.95rem 1rem;transition:border-color .18s,transform .18s,box-shadow .18s}.field select{min-height:3.25rem}.field input:focus-visible,.field select:focus-visible,.theme-control select:focus-visible{border-color:var(--accent);box-shadow:0 0 0 4px var(--focus);outline:none;transform:translateY(-1px)}.field-with-presets{align-content:start}.preset-note{color:var(--muted);margin:.9rem 0 0;font-size:.9rem;line-height:1.45}.actions{flex-wrap:wrap;gap:.75rem;margin-top:1.1rem;display:flex}button{font:inherit;cursor:pointer;border:0;border-radius:999px;padding:.92rem 1.25rem;font-weight:700;transition:transform .18s,box-shadow .18s,opacity .18s}button,input,select{touch-action:manipulation}button:hover{transform:translateY(-1px)}button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.primary-button{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:var(--accent-text);box-shadow:0 12px 24px #0f766e33}.secondary-button,.ghost-button{background:var(--button-surface);color:var(--text)}.results{gap:.2rem;display:grid}.result-value{font-variant-numeric:tabular-nums;margin:0;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:clamp(3rem,10vw,5.6rem);line-height:1}.result-copy{margin:.55rem 0 0;font-size:1.02rem}.result-note{margin-bottom:0;font-size:.95rem}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width>=52rem){.app-shell{grid-template-columns:1.15fr 1fr;align-items:start}.hero{grid-column:1/-1}.results{position:sticky;top:1rem}.field-grid{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}