@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0";*{margin:0;padding:0;box-sizing:border-box}:root{--md-icon-font: "Material Symbols Outlined"}body{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--md-sys-color-background, #FEF7FF);color:var(--md-sys-color-on-background, #1D1B20)}#root{min-height:100vh}.md-surface{background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);border-radius:12px}.md-surface-variant{background-color:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface-variant)}.container{max-width:1200px;margin:0 auto;padding:0 16px}.md-elevation-1{box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026}.md-elevation-2{box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.md-elevation-3{box-shadow:0 1px 3px #0000004d,0 4px 8px 3px #00000026}.md-card{background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);border-radius:12px;padding:16px;transition:box-shadow .2s,transform .2s}.md-card:hover{transform:translateY(-2px)}.md-headline-large{font-size:32px;font-weight:400;line-height:40px}.md-headline-medium{font-size:28px;font-weight:400;line-height:36px}.md-headline-small{font-size:24px;font-weight:400;line-height:32px}.md-title-large{font-size:22px;font-weight:400;line-height:28px}.md-title-medium{font-size:16px;font-weight:500;line-height:24px}.md-body-large{font-size:16px;font-weight:400;line-height:24px}.md-body-medium{font-size:14px;font-weight:400;line-height:20px}.md-body-small{font-size:12px;font-weight:400;line-height:16px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.text-center{text-align:center}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-md{max-width:448px}.max-w-lg{max-width:512px}.max-w-xl{max-width:576px}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}.gap-6{gap:24px}@layer base{:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 221.2 83.2% 53.3%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 221.2 83.2% 53.3%;--radius: .5rem}.dark{--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--card: 222.2 84% 4.9%;--card-foreground: 210 40% 98%;--popover: 222.2 84% 4.9%;--popover-foreground: 210 40% 98%;--primary: 217.2 91.2% 59.8%;--primary-foreground: 222.2 47.4% 11.2%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 210 40% 98%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--accent: 217.2 32.6% 17.5%;--accent-foreground: 210 40% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 40% 98%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 224.3 76.3% 48%}}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground;font-feature-settings:"rlig" 1,"calt" 1}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{@apply bg-secondary;}::-webkit-scrollbar-thumb{@apply bg-muted-foreground rounded-full;}::-webkit-scrollbar-thumb:hover{@apply bg-foreground;}*{@apply transition-colors duration-200;}