@import "https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700;800&display=swap";@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{--green:152 45% 48%;--green-light:152 35% 92%;--amber:36 80% 55%;--amber-light:38 80% 94%;--lavender:265 40% 62%;--lavender-light:265 40% 94%;--coral:12 65% 62%;--coral-light:12 60% 94%;--sky:205 65% 55%;--sky-light:205 55% 93%;--bg:35 30% 97%;--bg-card:0 0% 100%;--text:220 20% 20%;--text-soft:220 10% 50%;--text-muted:220 10% 72%;--border:220 15% 90%;--success:152 55% 45%;--error:0 55% 58%;--warning:38 85% 55%;--w-comm:var(--sky);--w-life:var(--amber);--w-emotion:var(--coral);--w-learn:var(--lavender);--w-exec:var(--green);--w-sim:195 50% 48%;--w-create:325 45% 58%;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--r-sm:8px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-full:9999px;--shadow-sm:0 1px 3px #29303d0a;--shadow-md:0 4px 12px #29303d0f;--shadow-lg:0 8px 30px #29303d14;--shadow-xl:0 16px 50px #29303d1a;--shadow-glow:0 0 20px;--font:"Lexend", system-ui, -apple-system, sans-serif;--ease:cubic-bezier(.4, 0, .2, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--duration:.3s;--duration-instant:.15s;--duration-quick:.3s;--duration-standard:.5s;--duration-emphasis:.8s;--shadow-realistic:0 2px 4px #00000026, 0 8px 16px #0000001a;--shadow-elevated:0 4px 8px #0000001f, 0 16px 32px #00000014;--shadow-floating:0 8px 24px #00000026, 0 24px 48px #0000001a;--lighting-ambient:radial-gradient(circle at 30% 30%, #ffffff26 0%, transparent 50%);--glow-correct:0 0 0 4px #4dcb9080, 0 0 20px #4dcb904d;--glow-hint:0 0 0 4px #e89f3080, 0 0 20px #e89f304d;--glow-wrong:0 0 0 4px #cf595980, 0 0 20px #cf59594d;--glow-focus:0 0 0 4px hsl(var(--green) / .4), 0 0 20px hsl(var(--green) / .2);--depth-flat:translateZ(0);--depth-raised:translateY(-2px);--depth-floating:translateY(-4px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font);background:hsl(var(--bg));color:hsl(var(--text));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:hidden}#root{min-height:100vh}h1{letter-spacing:-.02em;font-size:2rem;font-weight:700;line-height:1.2}h2{letter-spacing:-.01em;font-size:1.5rem;font-weight:700;line-height:1.3}h3{font-size:1.15rem;font-weight:600;line-height:1.4}h4{font-size:1rem;font-weight:600}p{color:hsl(var(--text-soft));line-height:1.7}.container{width:100%;max-width:1200px;padding:var(--space-xl);margin:0 auto}.container-sm{max-width:600px;padding:var(--space-xl);margin:0 auto}.card{background:hsl(var(--bg-card));border-radius:var(--r-lg);padding:var(--space-xl);box-shadow:var(--shadow-md);border:1px solid hsl(var(--border));transition:box-shadow var(--duration) var(--ease), transform var(--duration) var(--ease)}.card:hover{box-shadow:var(--shadow-lg)}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.card-interactive:active{transform:translateY(-1px)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--r-md);font-family:var(--font);cursor:pointer;transition:all var(--duration) var(--ease);min-height:var(--touch-min);-webkit-user-select:none;user-select:none;border:2px solid #0000;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn-primary{background:hsl(var(--green));color:#fff;border-color:hsl(var(--green))}.btn-primary:hover{box-shadow:var(--shadow-glow) hsl(var(--green) / .25);background:#3b9b6e}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:hsl(var(--bg));color:hsl(var(--text));border-color:hsl(var(--border))}.btn-secondary:hover{background:hsl(var(--border))}.btn-ghost{color:hsl(var(--text-soft));background:0 0;border-color:#0000}.btn-ghost:hover{background:hsl(var(--bg))}.btn-world{border-radius:var(--r-lg);color:#fff;box-shadow:var(--shadow-md);border:none;padding:1rem 1.75rem;font-size:1.1rem;font-weight:700}.btn-world:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-lg{border-radius:var(--r-lg);padding:1.125rem 2rem;font-size:1.1rem}.btn-icon{width:var(--touch-min);height:var(--touch-min);border-radius:var(--r-full);padding:0}input[type=text],input[type=email],input[type=password],select,textarea{border:2px solid hsl(var(--border));border-radius:var(--r-md);width:100%;font-family:var(--font);background:hsl(var(--bg-card));color:hsl(var(--text));transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);min-height:var(--touch-min);outline:none;padding:1rem 1.25rem;font-size:1.05rem}input:focus,select:focus,textarea:focus{border-color:hsl(var(--green));box-shadow:0 0 0 4px hsl(var(--green) / .1)}input[type=range]{width:100%;height:8px;accent-color:hsl(var(--green));cursor:pointer;border-radius:4px}.world-comm{--world:var(--w-comm)}.world-life{--world:var(--w-life)}.world-emotion{--world:var(--w-emotion)}.world-learn{--world:var(--w-learn)}.world-exec{--world:var(--w-exec)}.world-sim{--world:var(--w-sim)}.world-create{--world:var(--w-create)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{box-shadow:var(--glow-hint)}50%{box-shadow:0 0 0 6px #e89f304d,0 0 30px #e89f3033}}@keyframes correct-pulse{0%{box-shadow:var(--glow-correct);transform:scale(1)}50%{transform:scale(1.02);box-shadow:0 0 0 6px #4dcb9066,0 0 30px #4dcb904d}to{box-shadow:var(--glow-correct);transform:scale(1)}}@keyframes hint-bounce{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes float-gentle{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(1deg)}}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes progress-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.visual-card{background:hsl(var(--bg-card));border-radius:var(--r-lg);box-shadow:var(--shadow-realistic);transition:all var(--duration-standard) var(--ease-smooth);overflow:hidden}.visual-card:hover{box-shadow:var(--shadow-elevated);transform:var(--depth-raised)}.visual-card--interactive{cursor:pointer;position:relative}.visual-card--interactive:after{content:"";background:var(--lighting-ambient);opacity:0;transition:opacity var(--duration-quick) var(--ease);position:absolute;inset:0}.visual-card--interactive:hover:after{opacity:1}.visual-card--correct{animation:correct-pulse var(--duration-emphasis) var(--ease-bounce);border:2px solid #4dcb90}.visual-card--hint{border:2px solid #e89f30;animation:2s infinite pulse-glow}.visual-card--wrong{animation:shake .5s var(--ease);border:2px solid #cf5959}.step-guide{gap:var(--space-lg);flex-direction:column;display:flex}.step-guide__item{align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--r-lg);background:hsl(var(--bg));border:2px solid hsl(var(--border));transition:all var(--duration-quick) var(--ease);display:flex}.step-guide__item--current{background:hsl(var(--green-light));border-color:hsl(var(--green));box-shadow:var(--glow-hint)}.step-guide__item--completed{background:#eaf5f0;border-color:#43b17e}.step-guide__item--completed .step-guide__number{color:#fff;background:#43b17e}.step-guide__number{border-radius:var(--r-full);background:hsl(var(--border));width:40px;height:40px;color:hsl(var(--text-soft));flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.step-guide__content{flex:1}.step-guide__visual{border-radius:var(--r-md);object-fit:cover;flex-shrink:0;width:80px;height:80px}.interactive-object{cursor:grab;transition:transform var(--duration-quick) var(--ease-bounce), box-shadow var(--duration-quick) var(--ease);touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.interactive-object:hover{transform:var(--depth-floating) scale(1.02);box-shadow:var(--shadow-floating)}.interactive-object:active{cursor:grabbing;transform:var(--depth-floating) scale(.98)}.interactive-object--dragging{z-index:1000;opacity:.9;box-shadow:var(--shadow-floating);transform:scale(1.05)}.interactive-object--dropped{animation:correct-pulse var(--duration-standard) var(--ease-bounce)}.drop-zone{border:3px dashed hsl(var(--border));border-radius:var(--r-lg);background:hsl(var(--bg));transition:all var(--duration-quick) var(--ease);justify-content:center;align-items:center;min-height:120px;display:flex}.drop-zone--active{border-color:hsl(var(--green));background:hsl(var(--green-light));box-shadow:var(--glow-hint)}.drop-zone--filled{background:#eaf5f0;border-style:solid;border-color:#43b17e}.character-container{align-items:center;gap:var(--space-sm);flex-direction:column;display:inline-flex;position:relative}.character-face{border-radius:var(--r-full);width:120px;height:120px;box-shadow:var(--shadow-realistic);background:linear-gradient(135deg,#ffd1b3 0%,#ffc4a3 100%);position:relative;overflow:hidden}.character-face__eyes{gap:16px;display:flex;position:absolute;top:35%;left:50%;transform:translate(-50%)}.character-face__eye{background:#2c2c2c;border-radius:50%;width:14px;height:18px;animation:4s infinite blink;position:relative}.character-face__eye:after{content:"";background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:3px;right:3px}@keyframes blink{0%,96%,to{transform:scaleY(1)}98%{transform:scaleY(.1)}}.character-face__mouth{width:32px;height:16px;transition:all var(--duration-quick) var(--ease);background:#e85a5a;border-radius:0 0 16px 16px;position:absolute;bottom:25%;left:50%;transform:translate(-50%)}.character-face--happy .character-face__mouth{border-radius:0 0 20px 20px;width:36px;height:20px}.character-face--sad .character-face__mouth{border-radius:16px 16px 0 0;height:12px;bottom:22%}.character-face--surprised .character-face__mouth{border-radius:50%;width:22px;height:22px;bottom:20%}.character-face--angry .character-face__mouth{background:#c44;border-radius:0 0 12px 12px;width:28px;height:8px}.high-contrast{--bg:0 0% 100%;--bg-card:0 0% 100%;--text:0 0% 0%;--text-soft:0 0% 20%;--border:0 0% 0%;--green:120 100% 35%;--amber:45 100% 45%;--error:0 100% 40%}.high-contrast .card,.high-contrast .visual-card,.high-contrast .btn{border:3px solid #000}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.progress-ring{transform:rotate(-90deg)}.progress-ring__track{stroke:hsl(var(--border));fill:#0000}.progress-ring__fill{fill:#0000;stroke-linecap:round;transition:stroke-dashoffset .6s var(--ease)}.badge{align-items:center;gap:var(--space-xs);border-radius:var(--r-full);text-transform:uppercase;letter-spacing:.04em;padding:.35rem .85rem;font-size:.8rem;font-weight:600;display:inline-flex}.sensory-safe{--duration:.8s}.sensory-safe *{transition-duration:.6s!important;animation-duration:3s!important}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:3px solid hsl(var(--green));outline-offset:2px;border-radius:var(--r-sm)}@media (width<=768px){:root{font-size:15px}.container{padding:var(--space-lg)}h1{font-size:1.6rem}h2{font-size:1.3rem}.btn{padding:.75rem 1.25rem}}@media (width<=480px){:root{font-size:14px}.container{padding:var(--space-md)}.card{padding:var(--space-lg)}}:root{--font-kids:"Lexend", "Comic Sans MS", "Chalkboard SE", "Marker Felt", cursive;--wood-shelf:#8b4513;--wood-shelf-dark:#5d2e0a;--paper-wall:#fdf5e6}.library-shelf{background-color:var(--paper-wall);border-radius:var(--r-xl);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:80px 30px;padding:60px 40px;display:grid;position:relative;box-shadow:inset 0 0 40px #0000000d}.book-card{text-align:center;z-index:2;transition:transform .3s var(--ease-bounce);cursor:pointer;flex-direction:column;align-items:center;display:flex;position:relative}.book-card:after{content:"";background:var(--wood-shelf);border-bottom:6px solid var(--wood-shelf-dark);z-index:-1;border-radius:4px 4px 8px 8px;width:130%;height:18px;position:absolute;bottom:-35px;left:-15%;box-shadow:0 10px 20px #0000001a}.book-cover-container{perspective:1000px;width:160px;height:220px;margin-bottom:15px;position:relative}.book-cover{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--ease-bounce), box-shadow .4s var(--ease);transform-origin:0;background-color:#eee;border-radius:4px 12px 12px 4px;box-shadow:5px 5px 15px #0000004d}.book-card:hover .book-cover{transform:rotateY(-15deg)scale(1.05);box-shadow:15px 10px 30px #0003}.book-card:hover{transform:translateY(-5px)}.book-card:active{transform:scale(.95)}.book-title{font-family:var(--font-kids);color:#333;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:160px;margin-top:5px;font-size:1.1rem;font-weight:800;line-height:1.2;display:-webkit-box;overflow:hidden}.book-author{font-family:var(--font-kids);color:#666;margin-top:2px;font-size:.9rem;font-weight:500}.shelf-glow{pointer-events:none;opacity:.5;background:radial-gradient(circle,#fff6 0%,#0000 70%);position:absolute;inset:0}