:root{--boy-primary: #4FC3F7;--boy-secondary: #2196F3;--girl-primary: #F06292;--girl-secondary: #EC407A;--success: #66BB6A;--warning: #FFCA28;--background: #E3F2FD;--yellow: #FFD54F;--purple: #CE93D8;--orange: #FFB74D;--green: #81C784;--border-radius: 20px;--card-shadow: 0 8px 20px rgba(0, 0, 0, .1)}body{margin:0;font-family:Comic Sans MS,cursive,sans-serif;background:linear-gradient(135deg,#E3F2FD 0%,#BBDEFB 100%);min-height:100vh;color:#37474f}.boy-theme{--theme-color: var(--boy-primary);--theme-gradient: linear-gradient(45deg, var(--boy-primary), var(--boy-secondary))}.girl-theme{--theme-color: var(--girl-primary);--theme-gradient: linear-gradient(45deg, var(--girl-primary), var(--girl-secondary))}.task-card{cursor:grab;-webkit-user-select:none;user-select:none;margin:12px 0;border-radius:var(--border-radius);box-shadow:var(--card-shadow);transition:all .3s ease;padding:16px;background:white;position:relative;overflow:hidden}.task-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--theme-gradient)}.task-card:active{cursor:grabbing;transform:scale(1.02)}.task-card:hover{box-shadow:0 12px 24px #00000026;transform:translateY(-2px)}.kid-column{background:white;border-radius:var(--border-radius);padding:20px;margin:10px;min-width:300px;box-shadow:var(--card-shadow);border:3px solid var(--theme-color)}.kid-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.kid-avatar{width:60px;height:60px;border-radius:50%;background:var(--theme-gradient);display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;box-shadow:var(--card-shadow)}.points-badge{background:var(--yellow);border-radius:30px;padding:8px 16px;font-size:18px;font-weight:700;color:#5d4037;box-shadow:0 4px 8px #0000001a}.badge-container{display:flex;gap:8px;margin-top:8px}.achievement-badge{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#E3F2FD;border-radius:10px}::-webkit-scrollbar-thumb{background:var(--boy-primary);border-radius:10px;border:3px solid #E3F2FD}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.floating{animation:float 3s ease-in-out infinite}.sparkle{position:absolute;pointer-events:none;background:white;border-radius:50%;animation:sparkle 1.5s ease-in-out infinite}