@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary: #9E8DF7;--secondary: #9BCB74;--bg: #FFFDFC;--card-bg: #FFFFFF;--text-primary: #1a1a1a;--text-secondary: #6B7280;--text-muted: #9CA3AF;--border: #E5E7EB;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text-primary)}.bg-brand{background-color:#9e8df7}.text-brand{color:#9e8df7}.border-brand{border-color:#9e8df7}.card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow-md)}.btn-primary{background:var(--primary);color:#fff;border:none}.btn-primary:hover{background:#8b7ae5}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.status-success{color:var(--secondary)}.list-dot{display:inline-block;width:8px;height:8px;background:var(--secondary);border-radius:50%;margin-right:12px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#9e8df7;border-radius:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}button,a,input,select,textarea{transition:all .2s ease}.filter-selected{border-color:#9bcb74;background:#f7fdf2}.progress-fill{background:#9bcb74}.badge-free{background:#e8f7d8;color:#4a7c2f}.menu-icon{color:#9bcb74}.card-accent{border-left:4px solid #9BCB74}.text-green{color:#9bcb74}.text-green-dark{color:#4a7c2f}.bg-green-light{background:#f7fdf2}.status-done{color:#4a7c2f;background:#e8f7d8}.anim-head,.anim-wing-back,.anim-wing-front,.anim-tail,.anim-arm,.anim-arm-front,.anim-eyes{transform-box:fill-box;transform-origin:center}.anim-head{transform-origin:50% 100%}.anim-wing-back,.anim-wing-front{transform-origin:0% 0%}.anim-tail{transform-origin:100% 0%}.anim-arm-front{transform-origin:50% 0%}.anim-head{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.anim-wing-back,.anim-wing-front{transition:transform .3s ease}.state-fly #dragon-wrapper{animation:richie-float 2s infinite ease-in-out}.state-fly .anim-wing-back{animation:richie-flap .4s infinite alternate}.state-fly .anim-wing-front{animation:richie-flap .4s infinite alternate .1s}.state-fly .anim-arm-front{animation:richie-wave 1s infinite ease-in-out}.state-fly .anim-tail{animation:richie-wag 3s infinite ease-in-out}.state-fly .dragon-shadow{animation:richie-shadow 2s infinite ease-in-out}.state-wait #dragon-wrapper{transform:translateY(15px)}.state-wait .anim-head{transform:rotate(-5deg) translateY(1px)}.state-wait .anim-wing-back,.state-wait .anim-wing-front{transform:scaleY(.7) rotate(-25deg)}.state-wait .anim-tail{animation:richie-wag 4s infinite ease-in-out}.state-wait .anim-eyes{transform:translate(1px)}.state-wait .dragon-shadow{width:70%;opacity:.25}.state-happy #dragon-wrapper{animation:richie-jump .35s infinite alternate}.state-happy .anim-wing-back{animation:richie-flap .15s infinite alternate}.state-happy .anim-wing-front{animation:richie-flap .15s infinite alternate .05s}.state-happy .anim-head{transform:rotate(5deg)}.state-happy .mouth-group{display:block}.mouth-group{display:none}.state-type #dragon-wrapper{transform:translateY(10px)}.state-type .anim-arm-front{transform:rotate(-80deg)}.state-type .anim-head{transform:translateY(2px)}.state-type .anim-eyes{animation:richie-blink 3s infinite}@keyframes richie-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes richie-flap{0%{transform:scaleY(1) rotate(0)}to{transform:scaleY(.4) rotate(15deg)}}@keyframes richie-wave{0%,to{transform:rotate(0)}50%{transform:rotate(-130deg)}}@keyframes richie-wag{0%,to{transform:rotate(0)}50%{transform:rotate(-15deg)}}@keyframes richie-jump{0%{transform:translateY(0)}to{transform:translateY(-14px)}}@keyframes richie-shadow{0%,to{transform:translate(-50%) scale(1);opacity:.15}50%{transform:translate(-50%) scale(.7);opacity:.08}}@keyframes richie-blink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes richie-fly-in{0%{transform:translateY(-80px) rotate(-10deg);opacity:0}60%{transform:translateY(8px) rotate(3deg);opacity:1}80%{transform:translateY(-4px) rotate(-2deg)}to{transform:translateY(0) rotate(0)}}.dragon-shadow{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:50%;height:8px;background:#0000001f;border-radius:50%}.richie-fly-in{animation:richie-fly-in .7s ease-out forwards}