:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #64748b;--accent: #3b82f6;--accent-hover: #2563eb;--border: #e2e8f0}@media (prefers-color-scheme: dark){:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent: #60a5fa;--accent-hover: #3b82f6;--border: #334155}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-snap-type:y mandatory}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.min-h-12{min-height:3rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-auto{margin-top:auto}.pt-4{padding-top:1rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-white{color:#fff}.text-gray-500{color:var(--text-secondary)}.text-gray-700,.text-gray-800{color:var(--text-primary)}.text-red-600{color:#dc2626}.text-blue-800{color:#1e40af}.text-blue-900{color:#1e3a8a}.text-yellow-900{color:#713f12}.text-purple-900{color:#581c87}.bg-white{background-color:var(--bg-primary)}.bg-gray-100{background-color:var(--bg-secondary)}.bg-gray-200{background-color:var(--bg-tertiary)}.bg-blue-50{background-color:#eff6ff}.bg-blue-100{background-color:#dbeafe}.bg-blue-600{background-color:var(--accent)}.bg-yellow-50{background-color:#fefce8}.bg-purple-50{background-color:#faf5ff}.bg-black{background-color:#000}.bg-opacity-50{opacity:.5}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border-t{border-top:1px solid var(--border)}.border-l-4{border-left:4px solid}.border-gray-200{border-color:var(--border)}.border-yellow-400{border-color:#facc15}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.sticky{position:sticky}.fixed{position:fixed}.top-0{top:0}.bottom-4{bottom:1rem}.right-4{right:1rem}.z-10{z-index:10}.inline-block{display:inline-block}.snap-start{scroll-snap-align:start}.snap-y,.snap-mandatory{scroll-snap-type:y mandatory}.hover\:bg-gray-200:hover{background-color:var(--bg-tertiary)}.hover\:bg-gray-300:hover{background-color:var(--bg-secondary)}.active{background-color:var(--accent)!important;color:#fff!important}@media (prefers-color-scheme: dark){.bg-blue-50{background-color:#3b82f61a}.bg-blue-100{background-color:#3b82f633}.bg-yellow-50{background-color:#facc151a}.bg-purple-50{background-color:#a855f71a}.text-blue-800{color:#93c5fd}.text-blue-900{color:#bfdbfe}.text-yellow-900{color:#fef08a}.text-purple-900{color:#e9d5ff}}