*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--accent: #16a34a;--accent-light: #dcfce7;--accent-dark: #15803d;--green: #22c55e;--amber: #f97316;--red: #ef4444;--yellow: #eab308;--blue: #3b82f6;--bg: #f9fafb;--surface: #ffffff;--surface2: #f3f4f6;--surface3: #e5e7eb;--border: #e5e7eb;--text: #111827;--text-2: #6b7280;--text-3: #9ca3af;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.06);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}@media (prefers-color-scheme: dark){:root{--accent: #4ade80;--accent-light: #052e16;--accent-dark: #86efac;--bg: #0f172a;--surface: #1e293b;--surface2: #334155;--surface3: #475569;--border: #334155;--text: #f1f5f9;--text-2: #94a3b8;--text-3: #64748b;--shadow: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 6px rgba(0,0,0,.4)}}body{min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer;border:none;background:none}input[type=range]{width:100%;cursor:pointer;accent-color:var(--accent)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:3px}