:root,:root[data-theme=light]{--bg: #f3f5f9;--bg-soft: #e8ecf3;--bg-card: #ffffff;--ink: #14203a;--ink-soft: #3b4863;--muted: #6b7690;--border: #e2e7f0;--accent: #ea5d24;--accent-ink: #c2410c;--accent-soft: #fdebe2;--green: #16a34a;--amber: #d97706;--red: #dc2626;--red-soft: #fdecec;--ocean: #2563eb;--gold: #ca8a04;--plum: #7c3aed;--brand-orange: #ea5d24;--brand-navy: #14203a;--noise-opacity: 0;--shadow: 0 1px 2px rgba(20, 32, 58, .04), 0 4px 14px rgba(20, 32, 58, .06);--serif: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;--sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "Inter", system-ui, sans-serif}:root[data-theme=dark]{--bg: #0b1220;--bg-soft: #16203a;--bg-card: #111a2e;--ink: #eef2fa;--ink-soft: #c3cbe0;--muted: #8a95ae;--border: #243150;--accent: #ff7437;--accent-ink: #ff8a55;--accent-soft: rgba(255, 116, 55, .16);--green: #34d27b;--amber: #fbbf24;--red: #ff5d55;--red-soft: rgba(255, 93, 85, .14);--ocean: #60a5fa;--gold: #facc15;--plum: #a78bfa;--brand-orange: #ff7437;--brand-navy: #eef2fa;--noise-opacity: 0;--shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 8px 24px rgba(0, 0, 0, .35);--serif: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;--sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:contain;background-color:var(--bg)}body,#root{min-height:100vh;min-height:100dvh}button{font-family:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}input,textarea,select{font-family:inherit}.num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.serif{font-family:var(--serif);font-weight:700;letter-spacing:-.02em}.no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .22s ease-out}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.4}}.pulse-dot{animation:pulseDot 1.4s ease-in-out infinite}@keyframes confettiFall{0%{transform:translateY(-20vh) rotate(0);opacity:1}to{transform:translateY(120vh) rotate(720deg);opacity:.4}}.app-shell{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg)}.scroll-area{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom)}.field-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);color:var(--ink);font-size:16px;outline:none;transition:border-color .12s ease}.field-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input[type=range]{accent-color:var(--accent)}input[type=checkbox]{accent-color:var(--green);width:18px;height:18px}@supports (-webkit-touch-callout: none){input,textarea,select{font-size:16px}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .9s linear infinite;display:inline-block}.print-only{display:none}@media print{:root{--bg: #fff;--bg-card: #fff;--bg-soft: #fff;--ink: #000;--muted: #444;--border: #ccc;--shadow: none}html,body{background:#fff!important}.app-shell{position:static;display:block}.scroll-area{overflow:visible}header,nav,.no-print,[role=tablist]{display:none!important}.print-only{display:block!important}span.print-only{display:inline!important}}