:root{--background:220 43% 98%;--foreground:210 7% 22%;--primary:216 100% 50%;--primary-foreground:0 0% 100%;--secondary:220 20% 95%;--secondary-foreground:210 7% 22%;--muted:220 20% 95%;--muted-foreground:210 7% 45%;--accent:174 55% 42%;--accent-foreground:0 0% 100%;--border:220 20% 90%;--card:0 0% 100%;--card-foreground:210 7% 22%;--destructive:0 84% 60%;--warning:32 100% 54%;--warning-foreground:24 95% 28%;--ring:216 100% 50%;--radius:1rem;--glow:174 55% 42%;--glow-soft:174 55% 55%;--gradient-start:216 100% 50%;--gradient-mid:210 95% 55%;--gradient-end:174 55% 42%}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;overflow:hidden}body{background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.bg-background{background-color:hsl(var(--background))}.bg-foreground{background-color:hsl(var(--foreground))}.bg-primary{background-color:hsl(var(--primary))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-muted{background-color:hsl(var(--muted))}.bg-card{background-color:hsl(var(--card))}.bg-accent{background-color:hsl(var(--accent))}.bg-destructive{background-color:hsl(var(--destructive))}.text-foreground{color:hsl(var(--foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-accent{color:hsl(var(--accent))}.text-accent-foreground{color:hsl(var(--accent-foreground))}.text-destructive{color:hsl(var(--destructive))}.border-border{border-color:hsl(var(--border))}.border-primary{border-color:hsl(var(--primary))}.border-accent{border-color:hsl(var(--accent))}.rounded-radius,.rounded-2xl{border-radius:var(--radius)}.bg-gradient-primary{background:linear-gradient(135deg, hsl(var(--gradient-start)), hsl(var(--gradient-mid)), hsl(var(--gradient-end)))}.glow-accent{box-shadow:0 0 20px hsl(var(--glow) / .15)}.glow-accent-strong{box-shadow:0 0 24px hsl(var(--glow-soft) / .25)}.card{background-color:hsl(var(--card));color:hsl(var(--card-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius)}.card-hover-glow:hover{box-shadow:0 0 20px hsl(var(--glow) / .1)}.btn-primary{background:linear-gradient(135deg, hsl(var(--gradient-start)), hsl(var(--gradient-mid)), hsl(var(--gradient-end)));color:hsl(var(--primary-foreground));border-radius:var(--radius);cursor:pointer;border:none;font-weight:500}.btn-primary:hover:not(:disabled){box-shadow:0 0 20px hsl(var(--glow) / .2)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);cursor:pointer}.btn-secondary:hover:not(:disabled){background-color:hsl(var(--muted))}.btn-accent{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground));border-radius:var(--radius);cursor:pointer;border:none;font-weight:500}.btn-accent:hover:not(:disabled){box-shadow:0 0 20px hsl(var(--glow) / .25)}.focus-ring:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.sidebar-bg{background-color:hsl(var(--secondary));border-right:1px solid hsl(var(--border))}.sidebar-text{color:hsl(var(--foreground))}.sidebar-text-muted{color:hsl(var(--muted-foreground))}.sidebar-item-active{background-color:hsl(var(--primary) / .12);color:hsl(var(--primary))}.eyes-idle-above-title{pointer-events:none;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.eyes-wrap{opacity:.1;align-items:center;gap:40px;display:flex}.eye{background:#d1d5e0;border-radius:50%;width:120px;height:120px;animation:4s ease-in-out infinite eyeFloat;position:relative}.eye:first-child{animation-delay:-.3s}.pupil{background:#6366f1;border-radius:50%;width:48px;height:48px;animation:5s ease-in-out infinite pupilLook;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.eyelid{transform-origin:top;background:#8b8fc7;border-radius:50%;animation:5s ease-in-out infinite blinkAnim;position:absolute;inset:0}@keyframes blinkAnim{0%,38%,54%,to{transform:scaleY(0)}43%,49%{transform:scaleY(1)}}@keyframes eyeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pupilLook{0%,to{transform:translate(-50%,-50%)}25%{transform:translate(-30%,-55%)}50%{transform:translate(-50%,-45%)}75%{transform:translate(-70%,-50%)}}