:root{color-scheme:light;--ink: #1f1f1f;--muted: #64584d;--sand: #fffaf2;--sand-strong: #f0e1cc;--accent: #f46036;--accent-alt: #1b998b;--line: #2e294e;--panel: rgba(255, 250, 242, .92)}*{box-sizing:border-box}body{margin:0;min-width:320px;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top left,rgba(244,96,54,.18),transparent 35%),radial-gradient(circle at top right,rgba(27,153,139,.16),transparent 28%),linear-gradient(180deg,#f6ead6,#fffaf2 32%,#f9f3ea)}a{color:inherit}#app{min-height:100vh}.app-shell{max-width:1320px;margin:0 auto;padding:32px 20px 48px}.hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);gap:20px;align-items:stretch;margin-bottom:20px}.hero-copy,.hero-stats,.control-panel,.chart-panel{background:var(--panel);border:1px solid rgba(100,88,77,.16);border-radius:24px;box-shadow:0 22px 50px #412f1e14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-copy{padding:28px}.hero-logo{height:48px;width:auto;margin-bottom:16px}.eyebrow{margin:0 0 12px;font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}.hero-copy h1,.hero-copy h2,.hero-copy .hero-title{margin:0;font-size:4rem;line-height:.98;letter-spacing:-.04em;font-weight:700}.subtitle{max-width:62ch;margin:18px 0 0;font-size:1.04rem;line-height:1.6;color:var(--muted)}.hero-stats{display:grid;grid-template-columns:1fr;gap:12px;padding:20px}.stat-card{padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,#f0e1ccd9,#ffffffe6)}.stat-label{display:block;margin-bottom:6px;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.stat-card strong{font-size:2rem;font-weight:700}.control-panel{display:flex;flex-wrap:wrap;gap:14px;align-items:end;padding:20px}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{font-size:.86rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.control-group input,.control-group select{min-width:170px;border:1px solid rgba(100,88,77,.2);border-radius:14px;padding:12px 14px;font:inherit;color:var(--ink);background:#fffdf9}.primary-button,.ghost-button{border:0;border-radius:999px;padding:12px 18px;font:inherit;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.primary-button{color:#fffaf2;background:linear-gradient(135deg,var(--accent),#d1495b);box-shadow:0 12px 28px #f460363d}.ghost-button{background:#f5ecdf;color:var(--ink)}.primary-button:hover:not(:disabled),.ghost-button:hover{transform:translateY(-1px)}.primary-button:disabled{opacity:.6;cursor:wait}.preset-row{display:flex;flex-wrap:wrap;gap:10px;margin-left:auto}.source-note{margin:12px 4px 0;color:var(--muted);line-height:1.5}.error-banner{margin-top:14px;padding:14px 16px;border-radius:16px;color:#6e1f1f;background:#d1495b1f;border:1px solid rgba(209,73,91,.28)}.loading-state{display:grid;place-items:center;gap:14px;padding:56px 0 24px;color:var(--muted)}.spinner{width:46px;height:46px;border:3px solid rgba(100,88,77,.14);border-top-color:var(--accent-alt);border-radius:50%;animation:spin .9s linear infinite}.chart-panel{margin-top:18px;padding:18px}.chart{min-height:620px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 900px){.hero{grid-template-columns:1fr}.preset-row{margin-left:0}.chart{min-height:520px}}@media (max-width: 640px){.app-shell{padding-inline:14px}.hero-copy,.hero-stats,.control-panel,.chart-panel{border-radius:20px}.control-group,.control-group input,.control-group select,.primary-button,.preset-row{width:100%}}