:root{--primary:#4f6ef7;--primary-dark:#3a57d6;--success:#22c55e;--danger:#ef4444;--bg:#f0f4ff;--surface:#fff;--surface2:#f8faff;--text:#1e2a4a;--text-muted:#6b7a9e;--border:#dde4f5;--radius:16px;--shadow:0 2px 12px #4f6ef71a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{height:100%}.app{flex-direction:column;max-width:680px;height:100%;margin:0 auto;display:flex}.app-header{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:16px 20px 12px;display:flex}.app-logo{font-size:28px}.app-name{color:var(--primary);letter-spacing:-.5px;font-size:22px;font-weight:700}.app-main{flex:1;padding:20px;overflow-y:auto}.library{flex-direction:column;gap:16px;display:flex}.section-header{align-items:center;gap:12px;display:flex}.section-header h2{flex:1;font-size:20px;font-weight:700}.input-row{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);align-items:center;gap:8px;padding:10px 14px;display:flex}.input-row input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:16px}.empty-hint{color:var(--text-muted);text-align:center;padding:32px 16px;font-size:15px}.card-grid{flex-direction:column;gap:10px;display:flex}.card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow);align-items:center;gap:12px;padding:16px 18px;transition:box-shadow .15s,border-color .15s;display:flex}.card:active{background:var(--surface2)}.card-icon{font-size:24px}.card-title{flex:1;font-size:17px;font-weight:600}.card-sub{color:var(--text-muted);margin-right:4px;font-size:13px}.chapter-card{cursor:default;flex-direction:column;align-items:stretch;gap:10px}.chapter-info{cursor:pointer;align-items:center;gap:12px;display:flex}.chapter-info .card-title{flex:1}.chapter-actions{justify-content:flex-end;gap:8px;display:flex}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:10px 20px;font-size:15px;font-weight:600;transition:background .15s}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed}.btn-ghost{color:var(--text-muted);border:1.5px solid var(--border);cursor:pointer;background:0 0;border-radius:12px;padding:10px 16px;font-size:15px}.btn-icon{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;line-height:1;display:flex}.btn-back{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:16px;font-weight:600}.btn-delete{cursor:pointer;color:var(--danger);background:0 0;border:none;padding:4px 8px;font-size:18px}.btn-import{background:var(--surface2);border:1.5px solid var(--border);cursor:pointer;color:var(--text);border-radius:10px;padding:6px 12px;font-size:14px;font-weight:500}.btn-nav{background:var(--surface);border:1.5px solid var(--border);cursor:pointer;color:var(--primary);border-radius:12px;flex:1;padding:12px 24px;font-size:16px;font-weight:600}.btn-nav:disabled{color:var(--border);cursor:not-allowed}.mode-container{flex-direction:column;gap:20px;display:flex}.mode-container.center{align-items:center}.mode-header{align-items:center;gap:12px;display:flex}.mode-title{flex:1;font-size:18px;font-weight:700}.word-counter{color:var(--text-muted);font-size:14px;font-weight:600}.chapter-book-label{color:var(--text-muted);font-size:14px}.mode-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.mode-section{margin-top:6px}.mode-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:10px 0 8px;font-size:13px;font-weight:700}.mode-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;box-shadow:var(--shadow);align-items:center;gap:16px;padding:20px 22px;transition:border-color .15s,box-shadow .15s;display:flex}.mode-card:active{border-color:var(--primary)}.mode-card:disabled{opacity:.4;cursor:not-allowed}.mode-card-icon{font-size:32px}.mode-card-title{font-size:18px;font-weight:700;display:block}.mode-card-desc{color:var(--text-muted);margin-top:2px;font-size:14px;display:block}.flashcard{perspective:1000px;cursor:pointer;height:240px}.flashcard-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s;position:relative}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{backface-visibility:hidden;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.flashcard-back{background:var(--primary);border-color:var(--primary);color:#fff;transform:rotateY(180deg)}.flashcard-word{text-align:center;font-size:32px;font-weight:800}.tap-hint{color:var(--text-muted);margin-top:12px;font-size:13px}.flashcard-meaning{text-align:center;font-size:20px;font-weight:700}.flashcard-example{text-align:center;opacity:.9;margin-top:12px;font-size:15px;font-style:italic}.nav-row{gap:12px;display:flex}.progress-note{text-align:center;color:var(--text-muted);font-size:13px}.quiz-question{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);padding:24px}.quiz-label{color:var(--text-muted);margin-bottom:10px;font-size:14px}.quiz-word{color:var(--primary);font-size:36px;font-weight:800}.quiz-example{color:var(--text-muted);margin-top:10px;font-size:15px;font-style:italic}.options-grid{flex-direction:column;gap:10px;display:flex}.option-btn{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);text-align:left;cursor:pointer;color:var(--text);box-shadow:var(--shadow);padding:16px 20px;font-size:16px;font-weight:500;transition:background .15s,border-color .15s}.option-btn:active{background:var(--surface2)}.option-btn.correct{border-color:var(--success);color:#166534;background:#dcfce7}.option-btn.wrong{border-color:var(--danger);color:#991b1b;background:#fee2e2}.feedback{flex-direction:column;align-items:center;gap:12px;display:flex}.feedback-correct{color:var(--success);font-size:20px;font-weight:700}.feedback-wrong{color:var(--danger);font-size:18px;font-weight:600}.blank-question{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.blank-label{color:var(--text-muted);margin-bottom:10px;font-size:14px}.blank-sentence{font-size:22px;font-style:italic;font-weight:600;line-height:1.4}.blank-hint{color:var(--text-muted);margin-top:12px;font-size:15px}.blank-input-area{align-items:flex-end;gap:10px;display:flex}.blank-input{border:2px solid var(--border);background:var(--surface);color:var(--text);border-radius:14px;outline:none;flex:1;padding:14px 16px;font-family:inherit;font-size:18px}.blank-input:focus{border-color:var(--primary)}.blank-input.input-correct{border-color:var(--success);background:#dcfce7}.blank-input.input-wrong{border-color:var(--danger);background:#fee2e2}.result-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:12px;padding:40px 48px;display:flex}.result-emoji{font-size:56px}.result-score{color:var(--primary);font-size:40px;font-weight:800}.result-pct{color:var(--text-muted);font-size:20px}.practice-settings{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;margin-bottom:14px;padding:14px 16px;display:flex}.practice-label{font-size:15px;font-weight:600}.practice-sizes{flex-wrap:wrap;gap:8px;display:flex}.size-btn{background:var(--surface2);color:var(--text);border:1.5px solid var(--border);cursor:pointer;border-radius:10px;padding:8px 16px;font-size:15px}.size-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.practice-preview{color:var(--text-muted);font-size:14px;line-height:1.5}.practice-shuffle{align-self:flex-start}.btn-parent{border:1.5px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:10px;padding:6px 12px;font-size:15px}.offline-note{text-align:center;color:var(--text-muted);padding:6px 16px;font-size:13px}.memory-hint{color:var(--text-muted);margin-bottom:12px;font-size:14px}.memory-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.memory-card{perspective:800px;aspect-ratio:4/3;cursor:pointer;min-height:90px;font:inherit;background:0 0;border:none;padding:0}.memory-card-inner{width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .4s;display:block;position:relative}.memory-card.open .memory-card-inner{transform:rotateY(180deg)}.memory-card-back,.memory-card-front{text-align:center;backface-visibility:hidden;border-radius:12px;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;inset:0;overflow:hidden}.memory-card-back{color:#fff;box-shadow:var(--shadow);background:#7c8cf8;border:3px solid #fff;font-size:32px;font-weight:800}.memory-grid.easy .memory-card.word .memory-card-back{background:#6b8af7;font-size:18px}.memory-grid.easy .memory-card.meaning .memory-card-back{background:#f6a04d;font-size:18px}.memory-grid.easy .memory-card-front.word{background:#eef2ff;border-color:#c7d2fe}.memory-grid.easy .memory-card-front.meaning{background:#fff4e6;border-color:#fed7aa}.memory-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.memory-toolbar .memory-hint{margin-bottom:0}.memory-level{gap:6px;display:flex}.memory-card-front{background:var(--surface);border:2px solid var(--border);color:var(--text);transform:rotateY(180deg)}.memory-card-front.word{color:var(--primary);font-size:18px;font-weight:700}.memory-card-front.meaning{font-size:13px;line-height:1.3}.memory-grid .memory-card.matched .memory-card-front{border-color:var(--success);background:#ecfdf3}.memory-grid .memory-card.wrong .memory-card-front{background:#fffbeb;border-color:#f59e0b}.quiz-meaning{color:var(--text);font-size:22px;font-weight:600;line-height:1.35}.btn-speak{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:999px;margin:6px 0;padding:14px 26px;font-size:20px;font-weight:700}.spell-compare{text-align:center;letter-spacing:.08em;font-size:28px;font-weight:800}.spell-compare .ok{color:var(--success)}.spell-compare .bad{color:var(--danger);text-decoration:underline}.tile-builder{flex-direction:column;align-items:center;gap:14px;display:flex}.tile-answer,.tile-pool{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.tile-answer{border:2px dashed var(--border);border-radius:var(--radius);background:var(--surface);align-items:center;min-height:64px;padding:10px}.tile-answer.correct{border:2px solid var(--success);background:#dcfce7}.tile-answer.wrong{border:2px solid var(--danger);background:#fee2e2}.tile-placeholder{color:var(--text-muted);font-size:14px}.tile{min-width:46px;height:46px;color:var(--primary);background:var(--surface);border:2px solid var(--border);cursor:pointer;border-bottom-width:4px;border-radius:10px;padding:0 12px;font-family:inherit;font-size:22px;font-weight:700}.words .tile{color:var(--text);font-size:17px;font-weight:600}.tile.placed{border-color:var(--primary)}.tile.used{visibility:hidden}.tile-clear{padding:8px 14px}.tf-means{margin:6px 0}.tf-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tf-btn{border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;box-shadow:var(--shadow);padding:20px;font-size:20px;font-weight:700}.tf-btn.correct{border-color:var(--success);color:#166534;background:#dcfce7}.tf-btn.wrong{border-color:var(--danger);color:#991b1b;background:#fee2e2}.tf-real{text-align:center;color:var(--text)}.hangman{width:150px;height:162px;margin:14px auto 0;display:block}.hangman line,.hangman circle{fill:none;stroke-width:4px;stroke-linecap:round}.hangman .gallows line{stroke:#8b6b4a}.hangman .figure>*{stroke:var(--text);animation:.35s ease-out draw-in}.hangman.lost .figure>*{stroke:var(--danger)}@keyframes draw-in{0%{opacity:0;transform-origin:86px 60px;transform:scale(.6)}to{opacity:1}}.guesses-left{color:var(--text-muted);margin-top:4px;font-size:14px}.letter-slots{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.slot{border-bottom:3px solid var(--text);text-align:center;width:34px;height:44px;color:var(--primary);font-size:28px;font-weight:800}.slot.space{border-bottom:none}.slot.missed{color:var(--danger)}.keyboard{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;display:grid}.key{border:2px solid var(--border);background:var(--surface);height:48px;color:var(--text);cursor:pointer;border-radius:10px;font-family:inherit;font-size:20px;font-weight:700}.key.hit{border-color:var(--success);color:#166534;background:#dcfce7}.key.miss{color:var(--text-muted);opacity:.5;background:#f1f1f4}.match-columns{grid-template-columns:2fr 3fr;gap:10px;display:grid}.match-col{flex-direction:column;gap:8px;display:flex}.match-item{border:2px solid var(--border);background:var(--surface);min-height:56px;color:var(--text);text-align:left;cursor:pointer;border-radius:12px;flex:1;padding:10px 12px;font-family:inherit;font-size:14px;line-height:1.3;transition:background .15s,border-color .15s,opacity .3s}.match-item.word{color:var(--primary);text-align:center;font-size:18px;font-weight:700}.match-item.selected{border-color:var(--primary);background:#eef2ff}.match-item.wrong{border-color:var(--danger);background:#fee2e2}.match-item.matched{border-color:var(--success);opacity:.45;cursor:default;background:#dcfce7}.header-spacer{flex:1}.player-chip{background:var(--surface2);border:1.5px solid var(--border);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 4px;font-size:15px;font-weight:600;display:flex}.coin-pill{color:#8a5a00;white-space:nowrap;background:#fff7e0;border:1.5px solid #f6d58a;border-radius:999px;padding:4px 10px;font-size:15px;font-weight:700}.btn-owl{background:var(--surface2);border:1.5px solid var(--border);cursor:pointer;border-radius:12px;padding:2px 8px;font-size:22px;position:relative}.btn-owl.active{border-color:var(--primary)}.owl-badge{background:#fff7e0;border-radius:999px;padding:1px 3px;font-size:14px;animation:1.6s ease-in-out infinite badge-pulse;position:absolute;top:-8px;right:-8px}@keyframes badge-pulse{50%{transform:scale(1.2)}}@media (width<=520px){.app-name{display:none}.app-header{gap:6px;padding-left:12px;padding-right:12px}}.picker{text-align:center;align-items:center}.picker-title{margin:12px 0 6px;font-size:28px}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;width:100%;display:grid}.picker-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;font-family:inherit;display:flex}.picker-card:active{border-color:var(--primary)}.picker-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:84px;height:84px;font-size:44px;font-weight:800;display:inline-flex}.picker-avatar.small{width:36px;height:36px;font-size:18px}.picker-avatar.tiny{width:26px;height:26px;font-size:14px}.picker-name{color:var(--text);font-size:20px;font-weight:700}.picker-hungry{color:#b45309;font-size:13px}.picker-guest{margin-top:10px}.btn-collect{color:#5a3a00;cursor:pointer;background:linear-gradient(#ffd54a,#f5b301);border:none;border-radius:999px;padding:14px 28px;font-size:19px;font-weight:800;animation:1.8s ease-in-out infinite collect-wiggle;box-shadow:0 4px #c98f00}.btn-collect:disabled{opacity:.7;animation:none}@keyframes collect-wiggle{0%,70%,to{transform:rotate(0)}80%{transform:rotate(-3deg)}90%{transform:rotate(3deg)}}.collect-note{color:var(--text-muted);font-size:14px}.collect-result{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex;position:relative}.collect-total{color:#b07800;font-size:34px;font-weight:800}.collect-lines{width:100%;max-width:280px;color:var(--text-muted);font-size:14px;list-style:none}.collect-lines li{justify-content:space-between;padding:2px 0;display:flex}.coin-burst{pointer-events:none;position:absolute;top:20px;left:50%}.coin-burst span{--angle:calc(var(--i) * 45deg);font-size:22px;animation:.9s ease-out forwards coin-fly;position:absolute}@keyframes coin-fly{0%{transform:translate(-50%, 0) rotate(var(--angle)) translateY(0) rotate(calc(-1 * var(--angle)));opacity:1}to{transform:translate(-50%, 0) rotate(var(--angle)) translateY(-90px) rotate(calc(-1 * var(--angle)));opacity:0}}.owl{z-index:2;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:7%;left:50%;transform:translate(-50%)}.owl-figure{width:var(--owl-size);height:var(--owl-size);font-size:var(--owl-size);line-height:1;position:relative}.owl-figure>span{line-height:1;position:absolute}.owl-base{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.owl-hat{font-size:calc(var(--owl-size) * .4);top:var(--hat-y);left:50%;transform:translate(-50%,-88%)rotate(-4deg)}.owl-eyes{font-size:calc(var(--owl-size) * var(--eyes-size));top:var(--eyes-y);left:50%;transform:translate(-50%,-50%)}.owl-neck{font-size:calc(var(--owl-size) * .3);top:var(--neck-y);left:50%;transform:translate(-50%,-50%)}.owl-stage-1{--hat-y:9%;--eyes-y:32%;--eyes-size:.44;--neck-y:57%}.owl-stage-2,.owl-stage-3,.owl-stage-4{--hat-y:7%;--eyes-y:24%;--eyes-size:.4;--neck-y:58%}.owl-seat{font-size:calc(var(--owl-size) * .42);margin-top:calc(var(--owl-size) * -.16);z-index:-1;line-height:1;position:relative}.col-snowy .owl-base{filter:grayscale()brightness(1.55)contrast(.85)}.col-blue .owl-base{filter:hue-rotate(190deg)saturate(1.3)}.col-pink .owl-base{filter:hue-rotate(300deg)saturate(1.3)brightness(1.15)}.col-gold .owl-base{filter:sepia(.4)saturate(2.2)hue-rotate(8deg)brightness(1.2)}.col-rainbow .owl-base{animation:4s linear infinite rainbow-feathers}@keyframes rainbow-feathers{0%{filter:hue-rotate()saturate(1.5)}to{filter:hue-rotate(360deg)saturate(1.5)}}.owl-scene{--s:var(--scene-size);width:calc(var(--s) * 2.6);max-width:100%;height:calc(var(--s) * 1.9);background:linear-gradient(#fdf6e7 0 72%,#ead7b5 72%);border-radius:20px;flex-shrink:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #0000000d}.owl-scene>span,.owl-scene>div:not(.owl){line-height:1;position:absolute}.bg-forest{background:linear-gradient(#cdeccb,#e6f5d0 72%,#9ccc7a 72%)}.bg-night{background:linear-gradient(#1f2a5a,#3b4a8a 72%,#2c3a63 72%)}.bg-snow{background:linear-gradient(#dcefff,#f4faff 72%,#fff 72%)}.bg-beach{background:linear-gradient(#8fd3ff,#c9ecff 60%,#7cc6e8 60% 72%,#f5dfa6 72%)}.bg-space{background:radial-gradient(circle at 70% 30%,#5b3fa0,#1b1240 70%)}.bg-rainbow{background:linear-gradient(160deg,#ffd6e0,#ffe9c7,#fff8c4,#d6f5d6,#d4e8ff,#e6d9ff)}.scenery{font-size:calc(var(--s) * .2);opacity:.9}.scenery-0{top:6%;right:6%}.scenery-1{bottom:26%;left:2%;font-size:calc(var(--s) * .32)!important}.scenery-2{bottom:30%;right:3%;font-size:calc(var(--s) * .16)!important}.room-item{font-size:calc(var(--s) * .2)}.spot-lamp{top:5%;left:4%}.spot-picture{top:6%;left:20%}.spot-candle{top:8%;right:22%}.spot-clock{top:6%;right:6%}.bg-forest .spot-clock,.bg-night .spot-clock,.bg-snow .spot-clock,.bg-beach .spot-clock,.bg-space .spot-clock,.bg-rainbow .spot-clock,.bg-sports .spot-clock{right:20%}.spot-plant{bottom:4%;right:2%;font-size:calc(var(--s) * .26)!important}.bookshelf{height:calc(var(--s) * .2);border-bottom:5px solid #9b6b43;align-items:flex-end;gap:2px;padding:0 4px;display:flex;top:34%;left:4%}.book-spine{width:calc(var(--s) * .045);border-radius:2px 2px 0 0;height:100%;display:block;box-shadow:inset -2px 0 #00000026}.book-spine:nth-child(3n){height:85%}.book-spine:nth-child(4n){transform-origin:bottom;height:92%;transform:rotate(-6deg)}.scene-rug{width:calc(var(--s) * 1.1);height:calc(var(--s) * .2);opacity:.85;background:repeating-radial-gradient(#f28c8c 0 6px,#f7c873 6px 12px);border-radius:50%;bottom:3%;left:50%;transform:translate(-50%)}.owl-toys{font-size:calc(var(--s) * .24);z-index:3;gap:4px;display:flex;bottom:5%}.owl-toys.left{left:4%}.owl-toys.right{right:16%}.owl-sparkles span{font-size:calc(var(--owl-size) * .18);animation:2s ease-in-out infinite sparkle;position:absolute}.owl-sparkles span:first-child{top:0;left:-8%}.owl-sparkles span:nth-child(2){animation-delay:.6s;top:30%;right:-12%}.owl-sparkles span:nth-child(3){animation-delay:1.2s;bottom:6%;left:-4%}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}.owl-happy .owl-figure{animation:2.4s ease-in-out infinite owl-bounce}@keyframes owl-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6%)}}.owl-egg .owl-figure{transform-origin:50% 90%;animation:3s ease-in-out infinite egg-wobble}@keyframes egg-wobble{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-6deg)}90%{transform:rotate(6deg)}95%{transform:rotate(-3deg)}}.owl-hungry .owl-figure{filter:saturate(.55);transform-origin:50% 100%;animation:3s ease-in-out infinite owl-droop}@keyframes owl-droop{0%,to{transform:rotate(-3deg)translateY(4%)}50%{transform:rotate(3deg)translateY(4%)}}.owl-rumble{color:#b45309;font-style:italic;font-weight:700;animation:.5s linear infinite rumble;bottom:-4%;right:-14%;font-size:calc(var(--owl-size) * .11)!important}@keyframes rumble{0%,to{transform:translate(0)}50%{transform:translate(2px)}}.owl-bubble{color:#8a5a00;background:#fff;border:2px solid #f6d58a;border-radius:16px;margin-bottom:6px;padding:6px 12px;font-size:15px;font-weight:700;position:relative}.owl-bubble:after{content:"";border:8px solid #0000;border-top-color:#f6d58a;border-bottom:0;margin-left:-8px;position:absolute;bottom:-9px;left:50%}.owl-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;padding:22px 16px;display:flex}.owl-stats{flex-direction:column;flex:1;gap:6px;min-width:200px;max-width:320px;display:flex}.owl-stage-name{color:var(--primary);font-size:18px;font-weight:700}.owl-stat-label{color:var(--text-muted);margin-top:4px;font-size:14px}.owl-holiday,.owl-streak{font-size:14px}.bar{background:#eef1fb;border-radius:999px;height:14px;overflow:hidden}.bar-fill{background:var(--primary);border-radius:999px;height:100%;transition:width .6s}.bar-tummy.happy .bar-fill{background:var(--success)}.bar-tummy.peckish .bar-fill{background:#f6b04d}.bar-tummy.hungry .bar-fill{background:#f59e0b}.bar-happy .bar-fill{background:#ec6f9f}.owl-need{color:#b4235f;font-size:14px;font-weight:600}.owl-need.ok{color:#15803d}.shop-tabs{flex-wrap:wrap;gap:8px;margin:16px 0 8px;display:flex}.shop-hint{color:var(--text-muted);margin-bottom:10px;font-size:14px}.shop-message{text-align:center;color:#b45309;margin-bottom:8px;font-weight:600}.shop-message.ok{color:#15803d}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.shop-item{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;display:flex}.shop-item.outgrown{opacity:.55}.shop-emoji{font-size:36px;line-height:1.1}.shop-name{font-size:15px;font-weight:700}.shop-note{color:var(--text-muted);font-size:12px}.shop-btn{color:#8a5a00;cursor:pointer;background:#fff7e0;border:1.5px solid #f6d58a;border-radius:999px;margin-top:6px;padding:6px 14px;font-family:inherit;font-size:15px;font-weight:700}.shop-btn:disabled{opacity:.45;cursor:not-allowed}.reward-list{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.reward-row{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;padding:10px 14px;display:flex}.reward-row .shop-btn{margin-top:0}.reward-row.small{padding:8px 12px;font-size:14px}.reward-title{flex:1;font-weight:600}.request-status{color:var(--text-muted);text-align:right;font-size:13px}.grow-overlay{z-index:20;background:#1e2a4a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.grow-card{background:var(--surface);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:380px;padding:28px 24px;animation:.4s ease-out pop-in;display:flex}@keyframes pop-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.grow-title{color:var(--primary);font-size:22px;font-weight:800}.grow-text{color:var(--text-muted)}.panel-box{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;margin-bottom:10px;padding:14px 16px;display:flex}.parent-lock{padding:6px 12px}.child-row-top{align-items:center;gap:10px;display:flex}.child-row-name{flex:1;font-size:16px;font-weight:700}.child-row-info{color:var(--text-muted);font-size:13px}.child-row-actions,.chip-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.child-row-actions .btn-ghost,.chip-row .btn-ghost{padding:6px 12px;font-size:14px}.btn-ghost.danger{color:var(--danger)}.chip-spacer{flex:1}.chip{border:1.5px solid var(--border);background:var(--surface2);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:5px 12px;font-family:inherit;font-size:14px}.chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.swatches{gap:8px;display:flex}.swatch{cursor:pointer;border:3px solid #0000;border-radius:50%;width:30px;height:30px}.swatch.active{border-color:var(--text)}.switch-row{cursor:pointer;align-items:flex-start;gap:12px;display:flex}.switch-row input{width:22px;height:22px;accent-color:var(--primary);margin-top:2px}.emoji-input{text-align:center;width:56px;font-size:20px}.cost-input{width:90px}.request-row.approved,.request-row.declined{opacity:.7}.input-row .emoji-input,.input-row .cost-input{flex:none}.panel-box .input-row{border:none;padding:0}.ask-word-btn{color:#8a5a00;cursor:pointer;background:#fff7e0;border:1.5px dashed #f6b04d;border-radius:12px;align-self:flex-start;margin-bottom:12px;padding:10px 16px;font-family:inherit;font-size:15px;font-weight:700}.ask-form{gap:14px}.ask-label{flex-direction:column;gap:6px;font-size:15px;font-weight:600;display:flex}.ask-optional{color:var(--text-muted);font-size:13px;font-weight:400}.blank-input.small{resize:vertical;padding:10px 12px;font-family:inherit;font-size:16px}.form-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.form-grid label{color:var(--text-muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.form-grid label.wide{grid-column:1/-1}.form-grid input,.form-grid select{border:1.5px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:8px 10px;font-family:inherit;font-size:15px}.lookup-link{color:var(--primary);margin-left:auto;font-size:14px;text-decoration:none}.mode-card-coins{letter-spacing:-2px;margin:2px 0;font-size:14px;display:block}.stats-table{border-collapse:collapse;width:100%;margin-top:8px;font-size:14px}.stats-table th,.stats-table td{text-align:right;border-bottom:1px solid var(--border);white-space:nowrap;padding:5px 6px}.stats-table th:first-child,.stats-table td:first-child{text-align:left}.stats-table th{color:var(--text-muted);font-size:12px;font-weight:600}.stats-wrap{overflow-x:auto}.owl-sick .owl-figure{animation:.25s linear infinite owl-shiver}.owl-sick .owl-base{animation:none;filter:saturate(.6)hue-rotate(40deg)brightness(.95)!important}@keyframes owl-shiver{0%,to{transform:translate(0)}50%{transform:translate(1.5px)}}.owl-thermometer{top:34%;left:54%;transform:rotate(35deg);font-size:calc(var(--owl-size) * .22)!important}.owl-stage-1 .owl-thermometer{top:40%}.sick-banner{border-radius:var(--radius);color:#1f5135;background:#eef9f1;border:1.5px solid #9ad7ad;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;font-size:15px;display:flex}.collect-sick{color:#1f5135;text-align:center;background:#eef9f1;border-radius:12px;margin:8px 0;padding:8px 12px;font-weight:600}.bar-brain .bar-fill{background:#8b5cf6}.study-shelf{max-width:calc(var(--s) * .75);font-size:calc(var(--s) * .15);border-bottom:5px solid #9b6b43;flex-wrap:wrap-reverse;justify-content:flex-end;gap:2px;padding:0 4px;display:flex;top:34%;right:4%}.bg-forest .scenery-2,.bg-night .scenery-2,.bg-snow .scenery-2,.bg-beach .scenery-2,.bg-space .scenery-2,.bg-rainbow .scenery-2,.bg-sports .scenery-2{bottom:52%}.has-study .scenery-2{display:none}.study-shelf{font-size:calc(var(--s) * .13);max-width:calc(var(--s) * .7)}.owl-scene .owl-bubble{width:max-content;max-width:calc(var(--s) * .75);z-index:4;padding:5px 9px;font-size:13px;position:absolute;top:0;left:78%}.owl-scene .owl-bubble:after{margin-left:0;top:100%;bottom:auto;left:10px}.egg-sticker{transform:translate(-50%,-50%);font-size:calc(var(--owl-size) * .17)!important}.egg-spot-1{top:40%;left:36%}.egg-spot-2{top:60%;left:64%}.egg-spot-3{top:74%;left:40%}.egg-spot-4{top:14%;left:50%;font-size:calc(var(--owl-size) * .26)!important}.bg-sports{background:linear-gradient(90deg,#0000 49.6%,#ffffffe6 49.6% 50.4%,#0000 50.4%) 0 72%/100% 28% no-repeat,linear-gradient(#a9dcff,#e3f4ff 72%,#5cb85c 72%,#4aa34a)}.art{vertical-align:middle;display:inline-block;position:relative}.art-rug{background:repeating-radial-gradient(#f28c8c 0 .08em,#f7c873 .08em .16em);border-radius:50%;width:1.4em;height:.6em;box-shadow:0 0 0 .04em #d9705f}.art-lava{flex-direction:column;align-items:center;width:.5em;height:1.1em;display:inline-flex}.lava-cap{background:#7a7f8a;border-radius:.04em .04em 0 0;width:.2em;height:.12em}.lava-glass{clip-path:polygon(28% 0,72% 0,100% 100%,0 100%);background:linear-gradient(#ff9ad5,#b56bff);width:.36em;height:.66em;position:relative;overflow:hidden}.lava-glass i{background:#ffd23f;border-radius:50%;width:.16em;height:.18em;animation:6s ease-in-out infinite lava-float;position:absolute;left:25%}.lava-glass i:nth-child(2){width:.12em;animation-duration:7s;animation-delay:-2s;left:50%}.lava-glass i:nth-child(3){width:.1em;height:.12em;animation-duration:5s;animation-delay:-4s;left:35%}@keyframes lava-float{0%,to{border-radius:50%;top:80%}50%{border-radius:40% 60% 55% 45%;top:5%}}.lava-base{clip-path:polygon(15% 0,85% 0,100% 100%,0 100%);background:linear-gradient(#9aa0ab,#5d636e);width:.42em;height:.3em}.art-lights{align-items:flex-start;gap:.12em;display:inline-flex}.art-lights i{background:#ff5d73;border-top:.06em solid #555;border-radius:45% 45% 50% 50%;width:.2em;height:.28em;animation:1.6s ease-in-out infinite light-blink;box-shadow:0 0 .25em #ff5d73}.art-lights i:nth-child(4n+2){background:#ffd23f;animation-delay:.4s;box-shadow:0 0 .25em #ffd23f}.art-lights i:nth-child(4n+3){background:#4cd3a0;animation-delay:.8s;box-shadow:0 0 .25em #4cd3a0}.art-lights i:nth-child(4n+4){background:#5aa9ff;animation-delay:1.2s;box-shadow:0 0 .25em #5aa9ff}.art-lights i:nth-child(odd){margin-top:.1em}@keyframes light-blink{0%,to{opacity:1}50%{opacity:.35}}.shop-emoji .art-lights{margin-top:4px;font-size:54px}.shop-emoji .art-lava{font-size:42px}.shop-emoji .art-rug{margin:10px 0;font-size:30px}.scene-lights .art-lights{justify-content:space-around;width:100%}.scene-lights{font-size:calc(var(--s) * .3);z-index:1;border-top:2px solid #555;justify-content:space-around;display:flex;top:0;left:0;right:0}.scene-lava{font-size:calc(var(--s) * .5);bottom:24%;left:25%}.look-viola{filter:sepia(.3)saturate(1.4)brightness(.9)hue-rotate(-10deg);display:inline-block;transform:scale(1.15)rotate(-8deg)}.again-note{color:#8a5a00;text-align:center;background:#fff4e0;border-radius:12px;margin:0 0 12px;padding:8px 12px;font-weight:600}.result-again{color:#8a5a00;margin:4px 0 8px;font-weight:600}.owl-name{color:var(--text,#1f2937);flex-wrap:wrap;align-items:baseline;gap:6px;margin:0;font-size:24px;font-weight:800;display:flex}.owl-age{color:var(--text-muted);font-size:16px;font-weight:600}.owl-name-edit{padding:2px 8px;font-size:13px}.owl-name-form{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.owl-name-input{border:2px solid var(--primary);border-radius:10px;flex:140px;min-width:0;padding:6px 10px;font-size:18px}.grow-steps{background:#f5f3ff;border:1.5px solid #d8cffc;border-radius:16px;margin:16px 0;padding:12px 16px}.grow-steps-title{color:#4c1d95;margin:0 0 8px;font-size:16px}.grow-steps ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.grow-steps li{align-items:baseline;gap:8px;font-size:15px;font-weight:600;display:flex}.grow-steps li.sub{margin-left:26px;font-weight:500}.grow-steps li.wait{color:#6b7280}.grow-step-icon{text-align:center;flex:none;width:20px}.grow-step-link{font:inherit;color:#5b3fd1;text-align:left;text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.fact-card{text-align:center;background:#fffbea;border:2px solid #f6d365;border-radius:18px;max-width:560px;margin:0 auto 14px;padding:14px 18px;box-shadow:0 4px 14px #b48c001f}.fact-title{color:#8a5a00;margin:0 0 6px;font-weight:800}.fact-text{white-space:pre-line;color:#3b2f00;margin:0 0 10px;font-size:18px;line-height:1.45}.fact-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.collect-cap{color:#3730a3;text-align:center;background:#eef2ff;border-radius:12px;margin:6px 0;padding:8px 12px;font-weight:600}.coins-today{color:#8a6300;margin:0 0 12px;font-size:14px;font-weight:600}.coins-today.full{color:#3730a3;background:#eef2ff;border-radius:12px;padding:8px 12px}.login-page{gap:12px;width:100%;max-width:420px;margin:0 auto}.login-intro{color:var(--text-muted);text-align:center;font-size:15px}.login-intro.small{font-size:13px}.login-submit{padding:14px;font-size:17px}.form-field{color:var(--text-muted);flex-direction:column;gap:4px;font-size:14px;font-weight:600;display:flex}.form-field input{border:1.5px solid var(--border);color:var(--text);background:var(--surface);border-radius:12px;padding:12px 14px;font-family:inherit;font-size:16px}.form-field input:focus{border-color:var(--primary);outline:none}.form-error{color:var(--danger);text-align:center;font-weight:600}.form-ok{color:#15803d;font-weight:600}.add-standard{margin:-4px 4px 4px;font-size:14px}.invite-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.invite-code{letter-spacing:1px;-webkit-user-select:all;user-select:all;font-family:ui-monospace,Menlo,monospace;font-size:18px;font-weight:700}.invite-note{flex:1}.family-row{border-top:1px solid var(--border);flex-direction:column;gap:4px;padding-top:8px;display:flex}.seen-lock{background:#fff7e0;border:2px solid #f6c445;border-radius:14px;margin:0 0 16px;padding:12px 14px}.seen-lock p{color:#7a5200;margin:0 0 10px;font-weight:600}.mode-card.highlight{border-color:#f6c445;box-shadow:0 0 0 3px #fde68a}.mode-card.locked:disabled{opacity:.45}.seen-progress{color:#7a5200;text-align:center;margin:0 0 12px;font-size:15px;font-weight:600}.seen-done{border:2px solid var(--success);text-align:center;background:#ecfdf3;border-radius:14px;margin:0 0 12px;padding:12px}.seen-done p{color:#166534;margin:0 0 10px;font-weight:700}.new-badge{color:#5a3d00;background:#f6c445;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:800;position:absolute;top:12px;right:12px}.new-badge.done{color:#166534;background:#dcfce7}body{margin:0}