@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{color-scheme:light;--bg: #f5f4f1;--bg-accent: #efe7db;--surface: #ffffff;--surface-alt: #f3f0ea;--text: #161616;--text-muted: #4b4b4b;--border: rgba(0, 0, 0, .08);--primary: #0c7c6c;--primary-contrast: #ffffff;--shadow: 0 24px 60px rgba(12, 12, 12, .12)}:root[data-theme=dark]{color-scheme:dark;--bg: #0f1012;--bg-accent: #1f2327;--surface: #171a1e;--surface-alt: #1c2026;--text: #f5f7fb;--text-muted: #b5b9c2;--border: rgba(255, 255, 255, .08);--primary: #52e3c2;--primary-contrast: #041512;--shadow: 0 22px 50px rgba(0, 0, 0, .45)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:IBM Plex Sans,Space Grotesk,system-ui,sans-serif;background:radial-gradient(circle at top left,var(--bg-accent),var(--bg) 55%);color:var(--text);min-height:100vh}.app{display:flex;flex-direction:column;gap:2rem;padding:2.5rem clamp(1.5rem,3vw,4rem) 3rem;max-width:1200px;margin:0 auto}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.75rem;font-weight:600;color:var(--text-muted);margin-bottom:.75rem}h1{font-family:Space Grotesk,IBM Plex Sans,sans-serif;font-size:clamp(2.2rem,3vw,3.4rem);font-weight:700;margin-bottom:.5rem}.subtitle{max-width:34rem;color:var(--text-muted);line-height:1.6}.theme-toggle{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:.65rem 1.2rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:var(--shadow)}.theme-toggle:hover{transform:translateY(-1px)}.content{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:2rem}.panel{background:var(--surface);border-radius:24px;padding:2rem;box-shadow:var(--shadow);border:1px solid var(--border)}.hero{display:grid;gap:1.75rem}.time-block,.cost-block{display:grid;gap:.5rem}.label{text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;font-weight:700;color:var(--text-muted)}.time-display{font-family:Space Grotesk,sans-serif;font-size:clamp(2.6rem,5vw,4.6rem);font-weight:600;display:flex;align-items:center;gap:.2rem}.time-display .divider{color:var(--text-muted);padding:0 .1rem}.cost-display{font-size:clamp(1.8rem,3vw,3rem);font-weight:600}.supporting{color:var(--text-muted);font-size:.95rem}.controls{display:flex;flex-wrap:wrap;gap:.75rem}button{font-family:inherit;border:none;border-radius:14px;padding:.85rem 1.4rem;font-weight:600;cursor:pointer;transition:transform .2s ease,opacity .2s ease}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:var(--primary);color:var(--primary-contrast)}.ghost{background:var(--surface-alt);color:var(--text)}button:not(:disabled):hover{transform:translateY(-1px)}.settings h2{font-size:1.35rem;margin-bottom:1.5rem}.field-grid{display:grid;gap:1.25rem}.field{display:grid;gap:.6rem;font-weight:600}.field input,.field select{border-radius:12px;border:1px solid var(--border);background:var(--surface-alt);color:var(--text);padding:.7rem .8rem;font-size:1rem}.input-wrap{display:flex;align-items:center;gap:.6rem;border-radius:12px;border:1px solid var(--border);background:var(--surface-alt);padding-right:.8rem}.input-wrap input{border:none;background:transparent;flex:1;padding:.7rem .8rem}.input-wrap input:focus,.field input:focus,.field select:focus{outline:2px solid rgba(82,227,194,.35);outline-offset:2px}.suffix{color:var(--text-muted);font-size:.9rem}.summary{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.summary-label{color:var(--text-muted);font-size:.85rem;margin-bottom:.35rem}.summary-value{font-size:1.4rem;font-weight:600}.footer{color:var(--text-muted);font-size:.9rem}@media (max-width: 980px){.content{grid-template-columns:1fr}}@media (max-width: 720px){.topbar{flex-direction:column}.theme-toggle{align-self:flex-start}.panel{padding:1.6rem}.summary{grid-template-columns:1fr}}