:root{--color-bg:240 5% 96%;--color-surface:0 0% 100%;--color-primary:221 83% 53%;--color-primary-hover:221 83% 45%;--color-secondary:199 89% 48%;--color-accent:348 83% 47%;--color-success:142 71% 45%;--color-warning:38 92% 50%;--color-danger:348 83% 47%;--color-text:240 10% 15%;--color-text-muted:240 5% 45%;--color-border:240 6% 90%;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-full:9999px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:hsl(var(--color-bg));color:hsl(var(--color-text));-webkit-font-smoothing:antialiased;min-height:100vh;margin:0}.app-container{background-color:hsl(var(--color-surface));flex-direction:column;max-width:600px;min-height:100vh;margin:0 auto;display:flex;box-shadow:0 0 20px #0000000d}.text-primary{color:hsl(var(--color-primary))}.text-danger{color:hsl(var(--color-danger))}.text-success{color:hsl(var(--color-success))}.text-muted{color:hsl(var(--color-text-muted))}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background-color:hsl(var(--color-primary));color:#fff}.btn-primary:hover{background-color:hsl(var(--color-primary-hover))}