@import"https://fonts.googleapis.com/css2?family=Nunito:wght@500;700;800;900&family=Baloo+2:wght@600;700;800&display=swap";.app-container{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.app-header h1{font-size:3.2em;line-height:1.1;color:var(--color-primary);text-shadow:1px 1px 2px rgba(0,0,0,.1);margin-bottom:.5rem}.app-subtitle{font-size:1.2rem;color:#64748b;margin-bottom:1.5rem}.nav-links{margin:1.5rem 0}.nav-btn{display:inline-block;background:#3b82f6;color:#fff;padding:.75rem 1.5rem;border-radius:99px;text-decoration:none;font-weight:700;box-shadow:0 4px 6px -1px #3b82f666;transition:transform .2s,background .2s}.nav-btn:hover{background:#2563eb;transform:translateY(-2px)}.app-header-mini{display:flex;justify-content:flex-start;padding-bottom:1rem;border-bottom:2px solid #e2e8f0;margin-bottom:2rem}.home-link{font-weight:800;color:var(--color-text);text-decoration:none;font-size:1.2rem;display:flex;align-items:center;gap:.5rem}.home-link:hover{color:var(--color-primary)}.card{padding:2em;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-top:2rem}.card p{margin-top:1rem;color:#64748b}.dashboard-root{display:flex;flex-direction:column;gap:3rem;max-width:1200px;margin:0 auto}.dashboard-chibi .hero-chibi-title{font-family:"Baloo 2",Nunito,cursive;font-size:3rem;line-height:1.08;color:#1e3a8a;margin-bottom:1.25rem;font-weight:800;text-shadow:2px 2px 0 #fde68a}.dashboard-hero{background:linear-gradient(145deg,#fff7ed,#fce7f3 35%,#dbeafe);padding:3.5rem 3rem;border-radius:32px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;position:relative;overflow:hidden;border:4px solid #fff;box-shadow:0 0 0 3px #fde68a,0 20px 40px #fbbf2433}.hero-chibi-deco{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-chibi-deco .dc-star{position:absolute;font-size:1.5rem;color:#fbbf24;top:12%;left:8%;animation:dc-twinkle 2.2s ease-in-out infinite}.hero-chibi-deco .dc-star.d2{top:20%;right:15%;left:auto;font-size:1rem;color:#f472b6;animation-delay:.5s}.hero-chibi-deco .dc-heart{position:absolute;bottom:18%;left:12%;font-size:1.25rem;color:#fb7185;animation:dc-twinkle 2.8s ease-in-out infinite;animation-delay:.3s}@keyframes dc-twinkle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.badge-welcome{display:inline-block;background:#fff;padding:.45rem 1.1rem;border-radius:99px;font-weight:800;font-size:.82rem;color:#2563eb;margin-bottom:1.5rem;border:3px solid #bfdbfe;box-shadow:0 4px #93c5fd}.hero-content h1:not(.hero-chibi-title){font-size:3.5rem;line-height:1.1;color:var(--color-primary-dark);margin-bottom:1.5rem;font-weight:800}.hero-content p{font-size:1.08rem;color:#475569;margin-bottom:2.5rem;line-height:1.65;max-width:92%;font-weight:700}.hero-cta{display:flex;gap:1.5rem}.btn-hub-primary{font-family:"Baloo 2",Nunito,cursive;background:linear-gradient(180deg,#60a5fa,#2563eb);color:#fff;padding:1.1rem 2.25rem;border-radius:20px;font-weight:800;font-size:1.15rem;border:none;cursor:pointer;box-shadow:0 6px #1d4ed8,0 14px 28px #2563eb59;transition:transform .15s,box-shadow .15s}.btn-hub-primary:hover{transform:translateY(-3px);box-shadow:0 8px #1d4ed8,0 18px 32px #2563eb66}.btn-hub-outline{font-family:"Baloo 2",Nunito,cursive;background:#fff;color:#1d4ed8;padding:1.1rem 2.25rem;border-radius:20px;font-weight:800;font-size:1.1rem;border:3px solid #fde68a;cursor:pointer;box-shadow:0 4px #fcd34d}.hero-mascot-area{position:relative;display:flex;justify-content:center;align-items:center}.aura-effect{position:absolute;width:151%;height:151%;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%);border-radius:50%;animation:pulseAura 3s infinite}.hero-nghe-img{width:100%;max-width:300px;position:relative;z-index:5;filter:drop-shadow(0 20px 30px rgba(0,0,0,.1));animation:floatHero 5s ease-in-out infinite}.hero-quote-bubble{position:absolute;bottom:-40px;right:0;background:#fff;padding:1rem 1.35rem;border-radius:22px 22px 22px 8px;border:3px solid #93c5fd;box-shadow:0 8px #bfdbfe;display:flex;align-items:center;gap:.75rem;z-index:10;max-width:260px;font-weight:800;color:#1e40af;font-size:.92rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.premium-stat-card{background:#fff;padding:1.75rem 1.5rem;border-radius:24px;display:flex;align-items:center;gap:1.25rem;border:3px solid #e0f2fe;box-shadow:0 6px #bae6fd;transition:transform .2s}.premium-stat-card:hover{transform:translateY(-4px)}.stat-icon-circle{width:60px;height:60px;border-radius:18px;display:flex;align-items:center;justify-content:center}.stat-details h3{font-size:2rem;margin:0;color:#0f172a;font-weight:800}.stat-details p{font-size:.9rem;color:#64748b;margin:0;font-weight:600}.learning-path-section{display:flex;flex-direction:column;gap:2rem}.section-header{display:flex;justify-content:space-between;align-items:center}.section-header h2{font-family:"Baloo 2",Nunito,cursive;font-size:1.85rem;color:#1e3a8a;margin:0;font-weight:800}.section-header span{color:var(--color-primary);font-weight:700;cursor:pointer}.grade-selector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.grade-card-v2{position:relative;border-radius:26px;padding:2.25rem 1.75rem;background:linear-gradient(165deg,#fff,#fffbeb);border:3px solid #fde68a;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 6px #fcd34d}.grade-card-v2:hover{transform:translateY(-8px) rotate(-1deg);border-color:#93c5fd;box-shadow:0 10px #fcd34d,0 24px 40px #fbbf2440}.grade-icon{font-size:2.5rem;margin-bottom:1.5rem}.grade-card-v2 h3{font-family:"Baloo 2",Nunito,cursive;font-size:1.5rem;margin:0 0 .5rem;color:#1e293b;font-weight:800}.grade-card-v2 p{font-size:.95rem;color:#64748b;margin-bottom:2rem}.grade-progress-mini{width:100%;height:6px;background:#f1f5f9;border-radius:99px}.p-mini-fill{height:100%;background:var(--color-primary);border-radius:99px;transition:width .5s}@keyframes pulseAura{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.3);opacity:.6}}@keyframes floatHero{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.leaderboard-section{display:flex;flex-direction:column;gap:1.5rem;scroll-margin-top:88px}.leaderboard-section-header{flex-direction:column;align-items:flex-start!important;gap:.5rem}.leaderboard-section-header .section-header h2{margin-bottom:.35rem}.leaderboard-section-desc{margin:0;max-width:900px;font-size:.92rem;color:#64748b;font-weight:600;line-height:1.55}.leaderboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.leaderboard-card{background:linear-gradient(165deg,#fff,#f0fdf4);border:3px solid #86efac;border-radius:22px;padding:1.25rem 1.1rem;box-shadow:0 5px #4ade80;display:flex;flex-direction:column;gap:.75rem;min-height:280px}.leaderboard-card-head{display:flex;align-items:flex-start;gap:.65rem}.leaderboard-card-head .lb-icon{color:#16a34a;flex-shrink:0;margin-top:2px}.leaderboard-card-head h3{margin:0;font-family:"Baloo 2",Nunito,cursive;font-size:1.2rem;font-weight:800;color:#14532d}.leaderboard-card-head p{margin:.2rem 0 0;font-size:.78rem;color:#64748b;font-weight:600;line-height:1.35}.leaderboard-you-pill{margin:0;font-size:.8rem;font-weight:700;color:#0369a1;background:#e0f2fe;padding:.4rem .65rem;border-radius:10px;border:2px solid #7dd3fc}.leaderboard-table-wrap{flex:1;overflow:auto}.leaderboard-empty{margin:0;font-size:.82rem;color:#64748b;font-weight:600;line-height:1.45;padding:.5rem 0}.leaderboard-table{width:100%;border-collapse:collapse;font-size:.85rem}.leaderboard-table th{text-align:left;padding:.35rem .4rem;color:#475569;font-weight:800;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid #bbf7d0}.leaderboard-table td{padding:.45rem .4rem;border-bottom:1px solid #ecfdf5;font-weight:700;color:#1e293b}.leaderboard-table tr.is-me{background:#fffbeb}.leaderboard-table tr.is-me td{color:#92400e}.lb-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-total{text-align:right;color:#15803d;font-weight:800}.lb-medal{font-size:1.1rem;display:inline-block;width:1.5rem;text-align:center}.lb-rank-num{display:inline-block;width:1.5rem;text-align:center;color:#64748b;font-weight:800;font-size:.85rem}.arena-layout{display:grid;grid-template-columns:minmax(220px,260px) 1fr;gap:1.5rem;align-items:start}.arena-ladder{display:flex;flex-direction:column;gap:.35rem;position:sticky;top:88px}.arena-ladder-step{display:grid;grid-template-columns:1.6rem 1fr;grid-template-rows:auto auto;column-gap:.45rem;row-gap:0;padding:.4rem .5rem;border-radius:12px;font-size:.72rem;border:2px solid #e2e8f0;background:#fff}.arena-ladder-step.is-past{opacity:.55}.arena-ladder-step.is-current{border-color:#4ade80;background:linear-gradient(135deg,#ecfdf5,#fff);box-shadow:0 3px #86efac}.arena-ladder-tier{grid-row:1 / 3;align-self:center;font-weight:900;font-size:.85rem;color:#64748b;text-align:center}.arena-ladder-step.is-current .arena-ladder-tier{color:#15803d}.arena-ladder-name{font-weight:800;color:#1e293b;font-family:var(--font-display, "Baloo 2", cursive);font-size:.78rem}.arena-ladder-en{grid-column:2;color:#94a3b8;font-size:.65rem;font-weight:600}.arena-main-card{min-height:200px}.arena-league-en{font-weight:700;color:#64748b;font-size:.88em}.arena-rules{font-size:.82rem;color:#475569;font-weight:600;line-height:1.5;margin:0 0 .75rem}.arena-zone-legend{display:flex;flex-wrap:wrap;gap:.45rem 1rem;font-size:.7rem;font-weight:700;margin-bottom:.65rem}.arena-zone-legend .arena-zone-promote{color:#15803d}.arena-zone-legend .arena-zone-neutral{color:#a16207}.arena-zone-legend .arena-zone-demote{color:#b91c1c}.arena-table tr.arena-zone-promote td:first-child{box-shadow:inset 3px 0 #22c55e}.arena-table tr.arena-zone-neutral td:first-child{box-shadow:inset 3px 0 #eab308}.arena-table tr.arena-zone-demote td:first-child{box-shadow:inset 3px 0 #ef4444}.arena-table tr.is-me td:first-child{box-shadow:inset 3px 0 #3b82f6}@media (max-width: 1024px){.dashboard-hero{grid-template-columns:1fr;padding:3rem;text-align:center}.hero-content h1{font-size:2.5rem}.hero-cta{justify-content:center}.hero-quote-bubble{position:relative;bottom:0;margin-top:2rem;max-width:100%}.stats-grid{grid-template-columns:1fr}.grade-selector-grid{grid-template-columns:1fr 1fr}.leaderboard-grid,.arena-layout{grid-template-columns:1fr}.arena-ladder{flex-direction:row;flex-wrap:wrap;position:static;gap:.5rem}.arena-ladder-step{min-width:132px;flex:1 1 40%}}.courses-wrapper-v2{max-width:1200px;margin:0 auto;padding:1rem 0}.courses-header-v2{margin-bottom:3rem}.grade-badge-v2{display:inline-block;background:var(--color-primary);color:#fff;padding:.35rem 1rem;border-radius:8px;font-weight:800;font-size:.85rem;margin-bottom:1.5rem}.courses-header-v2 h1{font-size:2.75rem;color:var(--color-primary-dark);margin-bottom:.5rem;font-weight:800}.courses-header-v2 p{color:var(--text-muted);font-size:1.1rem;font-weight:500}.units-grid-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.premium-unit-card{background:#fff;border-radius:var(--radius-lg);padding:2rem;border:1px solid #f1f5f9;box-shadow:var(--shadow-sm);cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column}.premium-unit-card:hover{transform:translateY(-10px);border-color:var(--color-primary);box-shadow:0 25px 30px -5px #2563eb14}.unit-card-top{display:flex;justify-content:space-between;margin-bottom:2rem}.unit-number-v2{font-weight:800;font-size:.75rem;color:var(--text-muted);letter-spacing:.1em}.unit-tag-v2{background:#fffbeb;color:#f59e0b;padding:.25rem .6rem;border-radius:6px;font-size:.7rem;font-weight:800;display:flex;align-items:center;gap:.25rem;text-transform:uppercase}.unit-tag-v2.unit-tag-done{background:#ecfdf5;color:#047857}.unit-icon-v2{font-size:2.5rem;margin-bottom:1rem}.unit-main-v2{flex:1}.unit-main-v2 h3{font-size:1.5rem;color:#1e293b;margin:0 0 .5rem;font-weight:800}.unit-main-v2 p{color:#64748b;font-size:.95rem;line-height:1.5;margin-bottom:2rem}.unit-footer-v2{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid #f1f5f9}.unit-meta-v2{display:flex;gap:1rem;color:#94a3b8;font-size:.8rem;font-weight:700}.unit-meta-v2 span{display:flex;align-items:center;gap:.35rem}.btn-unit-action{background:#eff6ff;color:var(--color-primary);border:none;padding:.6rem 1.25rem;border-radius:10px;font-weight:800;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.premium-unit-card:hover .btn-unit-action{background:var(--color-primary);color:#fff}.loading-container-v2{height:400px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-muted)}.empty-state-v2{grid-column:1 / -1;padding:6rem;text-align:center;background:#fff;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;gap:1.5rem}.empty-state-v2 p{font-weight:600;color:#94a3b8}.grade-knowledge-section{margin-bottom:2.5rem}.grade-knowledge-heading{font-size:1.35rem;font-weight:800;color:#1e293b;margin:0 0 1.25rem;letter-spacing:-.02em}.grade-knowledge-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.grade-knowledge-card{background:#fff;border-radius:var(--radius-lg);padding:1.35rem 1.5rem;border:1px solid #e2e8f0;box-shadow:var(--shadow-sm)}.grade-knowledge-card--structure{border-top:3px solid #3b82f6}.grade-knowledge-card--remember{border-top:3px solid #f59e0b}.grade-knowledge-card-head{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}.grade-knowledge-card-head h3{margin:0;font-size:1.05rem;font-weight:800;color:#0f172a}.grade-knowledge-icon{color:var(--color-primary);flex-shrink:0}.grade-knowledge-card--remember .grade-knowledge-icon{color:#d97706}.grade-knowledge-list{margin:0;padding-left:1.2rem;color:#475569;font-size:.95rem;line-height:1.65;font-weight:500}.grade-knowledge-list li{margin-bottom:.65rem}.grade-knowledge-list li:last-child{margin-bottom:0}@media (max-width: 1024px){.units-grid-v2{grid-template-columns:1fr 1fr}.grade-knowledge-grid{grid-template-columns:1fr}}@media (max-width: 768px){.units-grid-v2{grid-template-columns:1fr}}.lesson-wrapper{max-width:800px;margin:0 auto;padding:2rem}.lesson-header h1{font-size:2.5rem;color:var(--color-primary);margin-bottom:.5rem}.mascot-tip-v2{display:flex;align-items:center;gap:1.5rem;background:#eff6ff;padding:1rem 1.5rem;border-radius:12px;border:1px solid #bfdbfe;margin-bottom:2rem}.mascot-avatar-small{font-size:2rem;background:#fff;width:45px;height:45px;border-radius:50%;border:2px solid var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mascot-avatar-img{width:45px;height:45px;border-radius:50%;border:2px solid var(--color-primary);object-fit:cover;flex-shrink:0;background:#fff}.tip-bubble-v2{color:#1e40af;font-weight:600;font-size:.95rem}.flashcard-container{display:flex;flex-direction:column;align-items:center}.vocab-unit-ctx{margin:0 0 .25rem;font-size:.95rem;font-weight:700;color:#4338ca;text-align:center;max-width:420px;line-height:1.35}.vocab-lesson-ctx{margin:0 0 1rem;font-size:.88rem;color:#64748b;font-weight:600;text-align:center}.flashcard-scene{perspective:1100px;width:100%;max-width:420px;margin:0 auto}.flashcard{cursor:pointer;outline:none}.flashcard:focus-visible{box-shadow:0 0 0 3px #93c5fd,0 12px 32px #0f172a1f;border-radius:24px}.card-inner{position:relative;min-height:340px;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.4,.2,.2,1);border-radius:24px}.flashcard.is-flipped .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:24px;padding:1.75rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 16px 40px #0f172a1f;border:2px solid #e2e8f0}.card-front{background:linear-gradient(165deg,#fff,#f8fafc 45%,#eff6ff)}.card-back{background:linear-gradient(155deg,#1e3a8a,#312e81,#4c1d95);transform:rotateY(180deg);border-color:#3730a3}.back-label-vi{margin:0 0 .5rem;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#c4b5fd}.card-back .back-meaning h3{color:#fff;font-size:clamp(1.5rem,5vw,2.25rem);margin:0 0 1rem;line-height:1.2}.card-back .back-example{background:#ffffff1f;color:#e2e8f0}.card-back .tap-hint-v2{color:#e2e8f0bf}.vocab-pronounce-panel{width:100%;max-width:420px;margin-top:1.25rem;padding:1.25rem 1.35rem;background:linear-gradient(180deg,#f0fdf4,#ecfdf5);border:2px solid #86efac;border-radius:20px;box-shadow:0 8px 24px #16a34a14}.vocab-pronounce-title{margin:0 0 .35rem;display:flex;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:800;color:#14532d}.vocab-pronounce-desc{margin:0 0 1rem;font-size:.88rem;line-height:1.45;color:#166534}.vocab-pronounce-actions{display:flex;flex-wrap:wrap;gap:.5rem}.btn-speak{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .9rem;border-radius:12px;font-weight:700;font-size:.88rem;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.btn-speak:disabled{opacity:.65;cursor:not-allowed}.btn-speak:not(:disabled):hover{transform:translateY(-1px)}.btn-speak-word,.btn-speak-ex{background:#fff;border-color:#bbf7d0;color:#14532d}.btn-speak-mic{background:#22c55e;color:#fff;border-color:#16a34a}.btn-speak-mic.is-listening{animation:mic-pulse 1s ease-in-out infinite}@keyframes mic-pulse{0%,to{box-shadow:0 0 #22c55e73}50%{box-shadow:0 0 0 8px #22c55e00}}.vocab-speak-feedback{margin:.85rem 0 0;font-size:.88rem;line-height:1.45;color:#14532d;font-weight:600;padding:.65rem .75rem;background:#ffffffbf;border-radius:12px;border:1px solid #bbf7d0}.card-emoji-large{font-size:5rem;margin-bottom:1.5rem}.word-main h2{font-size:2.2rem;color:#0f172a;margin:0;text-align:center}.word-ipa{margin:.5rem 0 .65rem;font-size:1.05rem;font-family:Segoe UI,system-ui,sans-serif;letter-spacing:.02em;color:#334155;font-weight:600}.word-pos-en{display:inline-block;margin-top:.15rem;padding:.25rem .65rem;border-radius:999px;background:#e0e7ff;color:#3730a3;font-weight:700;font-size:.82rem;font-style:normal;text-transform:none}.word-type{color:#64748b;font-weight:700;text-transform:italic;font-size:1rem}.tap-hint-v2{margin-top:2rem;color:#94a3b8;font-size:.85rem;font-weight:600}.card-back-content{text-align:center}.back-example{background:#0000001a;padding:1.5rem;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;color:#f1f5f9;font-size:1.1rem}.back-example p{margin:0;font-style:italic}.flashcard-controls{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:450px;margin-top:2rem}.control-btn{background:#fff;border:2px solid #e2e8f0;color:#334155;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.control-btn:disabled{opacity:.3;cursor:not-allowed}.btn-finish-v2{background:var(--color-secondary);color:#fff;padding:.8rem 2rem;border-radius:99px;font-weight:800;font-size:1.1rem;border:none;cursor:pointer;box-shadow:0 4px 6px -1px #0000001a}.btn-finish-v2:disabled{opacity:.65;cursor:not-allowed;filter:grayscale(.2)}.grammar-card-v2{background:#fff;border-radius:20px;padding:0;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a;border:1px solid #e2e8f0;margin-bottom:2rem}.grammar-top{background:var(--color-secondary);color:#fff;padding:1.5rem 2rem;display:flex;align-items:center;gap:1rem}.grammar-body{padding:2rem}.grammar-rule h4{color:#334155;margin-bottom:.5rem}.grammar-rule p{color:#475569;font-size:1.1rem;line-height:1.6}.grammar-examples{margin-top:1.5rem}.grammar-examples h4{color:#334155;margin-bottom:.75rem}.grammar-examples ul{list-style:none;padding:0}.grammar-examples li{background:#f8fafc;padding:.75rem 1rem;border-radius:8px;border-left:4px solid #cbd5e1;margin-bottom:.5rem;color:#1e293b;font-weight:500}.grammar-note{margin-top:2rem;background:#fffbeb;padding:1rem;border-radius:12px;border:1px solid #fde047;color:#854d0e}.loading-container{padding:4rem;text-align:center;font-size:1.25rem;color:var(--color-primary);font-weight:700}.pron-container-v2{display:flex;flex-direction:column;gap:1.5rem}.pron-card-v2{background:linear-gradient(180deg,#fff,#f0fdf4);border-radius:20px;padding:0;overflow:hidden;border:2px solid #86efac;box-shadow:0 12px 32px #22c55e1f}.pron-top{background:linear-gradient(90deg,#22c55e,#16a34a);color:#fff;padding:1.25rem 1.5rem;display:flex;align-items:center;gap:.75rem}.pron-top h2{margin:0;font-size:1.35rem}.icon-mic{flex-shrink:0}.pron-summary{margin:0;padding:1.25rem 1.5rem 0;color:#14532d;font-weight:600;line-height:1.55}.pron-tips{margin:0 1.5rem;padding-left:1.25rem;color:#166534;font-weight:600;line-height:1.5}.pron-words{padding:1rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.pron-word-row{background:#fff;border-radius:14px;padding:1rem 1.25rem;border:1px solid #bbf7d0}.pron-word-row strong{font-size:1.2rem;color:#0f172a}.pron-ipa{display:block;font-family:Georgia,serif;color:#0369a1;font-weight:700;margin-top:.35rem}.pron-tip{margin:.5rem 0 0;color:#475569;font-size:.95rem}.test-intro-v2{text-align:center;padding:2.5rem 1.5rem;background:linear-gradient(135deg,#fef3c7,#dbeafe,#fce7f3);border-radius:24px;border:2px solid #fbbf24;box-shadow:0 16px 40px #fbbf2433}.test-party-icon{color:#ea580c;margin-bottom:1rem;animation:party-wiggle 1.2s ease-in-out infinite}@keyframes party-wiggle{0%,to{transform:rotate(-6deg) scale(1)}50%{transform:rotate(6deg) scale(1.05)}}.test-intro-v2 h2{margin:0 0 .75rem;color:#0f172a}.test-intro-v2 p{margin:0 0 1.5rem;color:#475569;font-weight:600;max-width:420px;margin-left:auto;margin-right:auto;line-height:1.5}.btn-test-start{font-size:1.15rem;padding:1rem 2.25rem}.unit-hub{max-width:840px;margin:0 auto;padding:1.25rem 1.5rem 3rem}.unit-hub-loading,.unit-hub-empty{text-align:center;padding:3rem;font-weight:700;color:#475569}.unit-hub-back{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:2px solid #e2e8f0;padding:.5rem 1rem;border-radius:12px;font-weight:700;color:#475569;cursor:pointer;margin-bottom:1.5rem}.unit-hub-back:hover{border-color:#93c5fd;color:#1d4ed8}.unit-hub-hero{background:linear-gradient(135deg,#fffbeb,#eff6ff,#ecfdf5);border-radius:24px;padding:1.75rem 1.5rem;border:2px solid #fde68a;margin-bottom:2rem;box-shadow:0 12px 40px #fbbf241f}.unit-hub-badge{display:inline-block;background:linear-gradient(90deg,#fbbf24,#f59e0b);color:#fff;font-weight:800;font-size:.75rem;letter-spacing:.06em;padding:.35rem .75rem;border-radius:999px;margin-bottom:.75rem}.unit-hub-hero h1{margin:0 0 .5rem;font-size:1.85rem;color:#0f172a}.unit-hub-hero p{margin:0;color:#475569;font-weight:600;line-height:1.5}.unit-hub-complete-banner{display:flex;align-items:center;gap:.5rem;margin:1rem 0 0;padding:.65rem 1rem;background:#ecfdf5;border:2px solid #6ee7b7;border-radius:12px;font-weight:800;color:#047857}.unit-hub-mascot-row{display:flex;align-items:center;gap:1rem;margin-top:1.25rem}.unit-hub-mascot{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(251,191,36,.35));animation:unit-mascot-bob 2.2s ease-in-out infinite}@keyframes unit-mascot-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.unit-hub-bubble{flex:1;background:#fff;border:2px solid #bfdbfe;border-radius:16px;padding:.85rem 1rem;font-weight:600;color:#1e40af;display:flex;align-items:flex-start;gap:.5rem;line-height:1.45}.unit-hub-spark{flex-shrink:0;color:#f59e0b}.unit-hub-lessons{display:flex;flex-direction:column;gap:1rem}.unit-hub-no-lessons{text-align:center;color:#64748b;font-weight:600}.unit-hub-card{display:flex;align-items:center;gap:1.25rem;background:#fff;border:2px solid #e2e8f0;border-radius:20px;padding:1.25rem 1.5rem;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 4px 14px #0f172a0f}.unit-hub-card:hover{transform:translateY(-3px);border-color:var(--card-hue, #3b82f6);box-shadow:0 12px 28px color-mix(in srgb,var(--card-hue) 22%,transparent)}.unit-hub-card-icon{width:52px;height:52px;border-radius:14px;background:color-mix(in srgb,var(--card-hue) 12%,white);color:var(--card-hue);display:flex;align-items:center;justify-content:center}.unit-hub-card-body{flex:1;min-width:0}.unit-hub-card-type{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--card-hue)}.unit-hub-card-body h3{margin:.25rem 0 0;font-size:1.1rem;color:#0f172a}.unit-hub-card-go{font-weight:800;color:var(--card-hue);white-space:nowrap}.exercise-wrapper-v2{max-width:800px;margin:0 auto;padding:1.5rem;min-height:80vh;display:flex;flex-direction:column}.exercise-top-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.back-btn-v2{background:#fff;border:1px solid #e2e8f0;padding:.5rem 1rem;border-radius:8px;color:#64748b;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem}.q-progress-box{background:#fff;padding:.5rem 1rem;border-radius:8px;border:1px solid #e2e8f0;display:flex;align-items:center;gap:1rem;font-weight:700;color:var(--color-primary)}.mini-progress{width:100px;height:8px;background:#f1f5f9;border-radius:99px;overflow:hidden}.mini-progress-fill{background:var(--color-primary);height:100%}.question-container-v2{flex:1;position:relative}.question-box-v2{background:#fff;border-radius:24px;padding:3rem;box-shadow:0 10px 15px -3px #0000000d;border:2px solid #f1f5f9}.q-type-badge{display:inline-block;background:#eff6ff;color:#3b82f6;padding:.25rem .75rem;border-radius:6px;font-weight:800;font-size:.8rem;margin-bottom:1.5rem}.q-text-v2{font-size:1.75rem;color:#1e293b;line-height:1.4;margin-bottom:2.5rem}.options-grid-v2{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.opt-btn-v2{background:#f8fafc;border:2px solid #e2e8f0;padding:1.25rem;border-radius:16px;font-size:1.15rem;font-weight:600;color:#475569;cursor:pointer;transition:all .2s;text-align:left}.opt-btn-v2:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.opt-btn-v2.selected{border-color:var(--color-primary);background:#eff6ff;color:#1e40af}.opt-btn-v2.correct{background:#dcfce7!important;border-color:#22c55e!important;color:#166534!important}.opt-btn-v2.wrong{background:#fee2e2!important;border-color:#ef4444!important;color:#991b1b!important}.q-input-v2{width:100%;padding:1.25rem;font-size:1.25rem;border:2px solid #e2e8f0;border-radius:16px;outline:none}.q-input-v2:focus{border-color:var(--color-primary)}.q-input-v2.correct{border-color:#22c55e;background:#dcfce7}.q-input-v2.wrong{border-color:#ef4444;background:#fee2e2}.sentence-order-wrap{width:100%;margin-top:.25rem}.sentence-order-label{font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;margin-bottom:.5rem;text-align:center}.sentence-order-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;min-height:3.25rem;padding:.75rem .5rem;border-radius:16px;margin-bottom:1.25rem}.sentence-order-bank{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1}.sentence-order-built{background:#f0fdf4;border:2px solid #86efac;min-height:3.5rem}.sentence-order-built.order-row-ok{border-color:#22c55e;background:#dcfce7}.sentence-order-built.order-row-bad{border-color:#f87171;background:#fee2e2}.sentence-order-tile{min-width:2.75rem;min-height:2.75rem;padding:.5rem .85rem;display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;font-weight:700;color:#1e293b;background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-shadow:0 2px #e2e8f0;cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;text-align:center;line-height:1.25}.sentence-order-tile:hover:not(:disabled){transform:translateY(-2px);border-color:var(--color-primary);box-shadow:0 4px #bfdbfe}.sentence-order-tile:disabled{cursor:default;opacity:.92}.sentence-order-tile--in-sentence{border-color:#4ade80;background:#fff;box-shadow:0 2px #86efac}.btn-submit-v2{width:100%;margin-top:2rem;padding:1.25rem;font-size:1.25rem;border-radius:99px;background:var(--color-primary);color:#fff;border:none;font-weight:800;cursor:pointer}.btn-submit-v2:disabled{opacity:.5;cursor:not-allowed}.feedback-overlay-v2{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;border-radius:24px;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.feedback-content-v2{width:90%;max-width:500px;text-align:center}.feedback-main-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem}.feedback-overlay-v2.correct .feedback-main-header{color:#22c55e}.feedback-overlay-v2.wrong .feedback-main-header{color:#ef4444}.ai-bubble{background:#fffbeb;padding:1.5rem;border-radius:20px;border:2px solid #fde047;display:flex;gap:1.25rem;text-align:left;margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000000d;animation:slideUp .3s ease-out}.ai-avatar{font-size:2.5rem;background:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 6px -1px #0000001a}.ai-title{display:flex;align-items:center;gap:.5rem;color:#92400e;font-weight:800;font-size:.85rem;text-transform:uppercase;margin-bottom:.75rem}.ai-text{flex:1}.ai-text p{color:#78350f;margin:0 0 1rem;line-height:1.6;font-weight:500;font-size:1.05rem}.ai-loading{color:#b45309;font-style:italic;font-weight:600;animation:pulseAI 1.5s infinite;padding:1rem 0}.correct-answer{background:#fef3c7;padding:.75rem 1rem;border-radius:10px;font-size:.95rem;color:#92400e;border-left:4px solid #f59e0b}@keyframes pulseAI{0%,to{opacity:.6}50%{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.correct-ans-display{margin-top:1rem;background:#fef3c7;padding:.5rem 1rem;border-radius:8px;font-size:.95rem}.btn-continue-v2{width:100%;padding:1.25rem;border-radius:99px;border:none;color:#fff;font-weight:800;font-size:1.1rem;cursor:pointer;box-shadow:0 4px 10px #0000001a}.feedback-overlay-v2.correct .btn-continue-v2{background:#22c55e}.feedback-overlay-v2.wrong .btn-continue-v2{background:#ef4444}.finish-screen-v2{position:relative;overflow:hidden;text-align:center;justify-content:center;padding:4rem 2rem;background:linear-gradient(165deg,#fff,#eff6ff 40%,#fffbeb);border-radius:32px;box-shadow:0 20px 25px -5px #0000001a;margin-top:2rem;border:2px solid #fde68a}.confetti-layer{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.confetti-bit{position:absolute;top:-12px;width:10px;height:14px;border-radius:2px;opacity:.95;animation:confetti-fall 3.2s ease-in forwards;animation-delay:calc(var(--i, 0) * 45ms)}.confetti-0{background:#fbbf24;transform:rotate(20deg)}.confetti-1{background:#38bdf8;transform:rotate(-12deg)}.confetti-2{background:#f472b6;transform:rotate(35deg)}.confetti-3{background:#4ade80;transform:rotate(-25deg)}.confetti-4{background:#a78bfa;transform:rotate(8deg)}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:.85}}.sticker-row{display:flex;justify-content:center;gap:1.25rem;margin-bottom:1rem;position:relative;z-index:1}.sticker{font-size:2rem;animation:sticker-pop .7s cubic-bezier(.34,1.56,.64,1) both}.sticker.delay-1{animation-delay:.1s}.sticker.delay-2{animation-delay:.2s}.sticker.delay-3{animation-delay:.3s}@keyframes sticker-pop{0%{transform:scale(0) rotate(-40deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.inline-star{vertical-align:-3px;margin-right:4px}.finish-celebration{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:2rem;position:relative;z-index:1}.finish-mascot{display:flex;align-items:center;justify-content:center;gap:.5rem;animation:bounce 2s infinite}.finish-nghe-img{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(251,191,36,.45))}.finish-trophy{flex-shrink:0}.spark-1,.spark-2{animation:rotateSparkle 3s linear infinite}.finish-title{position:relative;z-index:1;font-size:2.5rem;color:#1e3a8a;margin-bottom:.5rem}.finish-subtitle{position:relative;z-index:1;font-size:1.25rem;color:#64748b;margin-bottom:2rem}.finish-stats-card{position:relative;z-index:1;display:flex;justify-content:center;gap:2rem;margin-bottom:3rem}.stat-box{background:#f8fafc;padding:1.5rem 2.5rem;border-radius:20px;border:1px solid #e2e8f0;display:flex;flex-direction:column;align-items:center;min-width:140px}.stat-box span{font-size:.9rem;color:#94a3b8;font-weight:700;text-transform:uppercase;margin-bottom:.5rem}.stat-box strong{font-size:2rem;color:#1e293b}.finish-stats-text{position:relative;z-index:1;font-size:1.1rem;color:#475569;margin-bottom:3rem;font-weight:500}.btn-finish-large-v2{position:relative;z-index:1;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;padding:1.5rem 4rem;border-radius:99px;border:none;font-weight:800;font-size:1.4rem;cursor:pointer;box-shadow:0 10px 20px #22c55e4d;transition:transform .2s}.btn-finish-large-v2:hover:not(:disabled){transform:scale(1.05)}@keyframes rotateSparkle{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.feedback-overlay-v2.wrong .feedback-content-v2{animation:shake .4s ease-in-out}.feedback-overlay-v2.correct .feedback-content-v2{animation:fadeIn .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.score-pill{display:block;margin-top:.35rem;font-size:.72rem;font-weight:800;color:#0369a1}.score-pill.timer-pill-urgent{color:#dc2626}.test-banner-chibi{background:linear-gradient(90deg,#fef3c7,#fce7f3);border:2px solid #fbbf24;border-radius:14px;padding:.55rem .9rem;font-size:.82rem;font-weight:800;color:#92400e;margin-bottom:1rem;text-align:center}.finish-fail-v2{background:linear-gradient(165deg,#fff1f2,#f8fafc);border:3px solid #fecdd3}.finish-mascot-sad{font-size:4rem;margin-bottom:1rem;animation:sad-wobble 2s ease-in-out infinite}@keyframes sad-wobble{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.fail-title{color:#be123c!important}.fail-sub{max-width:420px;margin-left:auto;margin-right:auto}.finish-hint-fail{color:#64748b;font-weight:700;margin-bottom:2rem}.finish-fail-actions{display:flex;flex-direction:column;gap:.75rem;align-items:center}.btn-retry-v2{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(180deg,#60a5fa,#2563eb);color:#fff;border:none;padding:1rem 2rem;border-radius:99px;font-weight:800;font-size:1.1rem;cursor:pointer;box-shadow:0 6px #1d4ed8}.btn-retry-v2:hover{transform:translateY(-2px)}.btn-back-soft{background:#fff;border:2px solid #e2e8f0;padding:.65rem 1.5rem;border-radius:99px;font-weight:700;color:#64748b;cursor:pointer}.exercise-config-error{max-width:520px;margin:2rem auto;padding:1.5rem;line-height:1.5}.exercise-config-error code{background:#f1f5f9;padding:.15rem .4rem;border-radius:6px;font-size:.9em}.finish-error-inline{margin-top:1rem;color:#dc2626;font-weight:700;position:relative;z-index:2}.stat-box.grass-box{background:#ecfdf5;border-color:#6ee7b7}:root{--color-primary: #4f8cff;--color-primary-dark: #2563eb;--color-secondary: #34d399;--color-accent: #fbbf24;--color-chibi-pink: #ffb8d9;--color-bg: linear-gradient(180deg, #fff9f5 0%, #f0f7ff 50%, #fffbeb 100%);--sidebar-bg: linear-gradient(175deg, #ffffff 0%, #fff5fb 100%);--card-bg: #ffffff;--text-main: #1a2d4a;--text-muted: #5a7189;--radius-lg: 28px;--radius-md: 18px;--shadow-sm: 0 4px 14px rgba(255, 182, 193, .2);--shadow-md: 0 12px 28px rgba(79, 140, 255, .12);--font-main: "Nunito", system-ui, sans-serif;--font-display: "Baloo 2", "Nunito", cursive}body{margin:0;font-family:var(--font-main);background:#fff9f5;background-image:var(--color-bg);background-attachment:fixed;color:var(--text-main);-webkit-font-smoothing:antialiased}.layout-container{display:flex;min-height:100vh}.sidebar{width:280px;background:#fff;background-image:var(--sidebar-bg);border-right:3px solid #ffe4f0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:50;transition:all .3s}.sidebar-brand{padding:2rem;display:flex;align-items:center;gap:1rem}.brand-mascot-circle{width:48px;height:48px;background:linear-gradient(145deg,#fff5d6,#ffe8f5);border-radius:50%;padding:4px;border:3px solid #fff;box-shadow:0 4px 12px #fbbf2459;animation:brand-bob 2.5s ease-in-out infinite}@keyframes brand-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.brand-img{width:100%;height:100%;object-fit:contain}.brand-text h2{margin:0;font-size:1.35rem;font-family:var(--font-display);color:var(--color-primary-dark);font-weight:800;letter-spacing:.02em}.brand-text span{font-size:.75rem;color:var(--text-muted);font-weight:600}.sidebar-nav{flex:1;padding:0 1rem}.nav-group-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:2rem 1rem .75rem;font-weight:800}.nav-item{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;border-radius:var(--radius-md);color:var(--text-muted);text-decoration:none;font-weight:600;transition:all .2s;margin-bottom:.25rem}.nav-item:hover{background:#f1f5f9;color:var(--color-primary)}.nav-item.active{background:#eff6ff;color:var(--color-primary)}.nav-icon-box{background:#f8fafc;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.nav-item.active .nav-icon-box{background:#fff;color:var(--color-primary);box-shadow:var(--shadow-sm)}.sidebar-footer{padding:1.5rem;border-top:1px solid #f1f5f9}.sidebar-user{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fafafa;border-radius:var(--radius-md)}.user-avatar-small{width:32px;height:32px;background:var(--color-accent);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700}.layout-content{flex:1;display:flex;flex-direction:column}.top-header{height:72px;background:linear-gradient(90deg,#fff,#fff8fc,#f5fbff);border-bottom:3px solid #ffe8f3;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:sticky;top:0;z-index:40;box-shadow:0 6px 20px #ffb6c126}.header-welcome strong{font-family:var(--font-display);font-weight:800;color:var(--color-primary-dark)}.header-welcome{display:flex;align-items:center;gap:.75rem}.hello-emoji{font-size:1.5rem}.workspace{padding:2rem;display:grid;grid-template-columns:1fr 320px;gap:2rem;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.main-panel{min-width:0}@media (max-width: 1024px){.workspace{grid-template-columns:1fr}}.pet-widget-card-v2{background:linear-gradient(180deg,#fff,#fffbeb);border-radius:24px;padding:1.5rem;box-shadow:0 10px 15px -3px #0000001a;border:3px solid #fde68a;text-align:center;position:relative;overflow:hidden}.pet-grass-warehouse{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:3px solid #6ee7b7;border-radius:18px;padding:1rem 1rem .85rem;margin-bottom:1.25rem;box-shadow:0 4px #a7f3d0}.warehouse-label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#047857;margin-bottom:.35rem}.warehouse-count-row{display:flex;align-items:baseline;justify-content:center;gap:.4rem}.warehouse-number{font-size:2.35rem;font-weight:900;color:#065f46;line-height:1;font-variant-numeric:tabular-nums}.warehouse-unit{font-size:1.05rem;font-weight:800;color:#0f766e}.warehouse-sub{margin:.65rem 0 0;font-size:.76rem;font-weight:600;color:#047857;line-height:1.4}.btn-feed-one-grass{width:100%;padding:.95rem 1rem;border:none;border-radius:16px;font-weight:800;font-size:.9rem;cursor:pointer;transition:transform .15s,box-shadow .15s}.btn-feed-one-grass.ready{background:linear-gradient(180deg,#4ade80,#22c55e);color:#fff;box-shadow:0 5px #15803d,0 10px 20px #22c55e59}.btn-feed-one-grass.ready:hover:not(:disabled){transform:translateY(-2px)}.btn-feed-one-grass.ready:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #15803d}.btn-feed-one-grass.empty{background:#f1f5f9;color:#94a3b8;cursor:not-allowed;border:2px dashed #cbd5e1}.grass-fx-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.grass-fx-layer .gf{position:absolute;font-size:1.75rem;animation:grass-fly .85s ease-out forwards;left:50%;top:40%}.grass-fx-layer .g2{animation-delay:.08s;left:35%;font-size:1.35rem}.grass-fx-layer .g3{animation-delay:.12s;left:58%;font-size:1.1rem}@keyframes grass-fly{0%{opacity:1;transform:translate(-50%) scale(.6) rotate(-20deg)}to{opacity:0;transform:translate(-50%,-120%) scale(1.2) rotate(25deg)}}.pet-avatar-v2.grass-munch .main-pet-img{animation:munch-bite .45s ease-out}@keyframes munch-bite{0%,to{transform:scale(1)}35%{transform:scale(1.08) translateY(4px)}55%{transform:scale(.96)}}.pet-avatar-v2.daily-pulse .pet-glow-aura{animation:daily-ring .7s ease-out;background:radial-gradient(circle,rgba(96,165,250,.55) 0%,transparent 70%)}@keyframes daily-ring{0%{transform:scale(.7);opacity:1}to{transform:scale(1.4);opacity:0}}.pet-level-burst{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;overflow:hidden}.burst-bit{position:absolute;top:28%;width:10px;height:14px;margin-left:-5px;border-radius:2px;opacity:.95;animation:burst-up 1.8s ease-out forwards}.burst-bit.b0{background:#fbbf24;transform:rotate(12deg)}.burst-bit.b1{background:#38bdf8;transform:rotate(-8deg)}.burst-bit.b2{background:#f472b6;transform:rotate(20deg)}.burst-bit.b3{background:#4ade80;transform:rotate(-15deg)}.burst-bit.b4{background:#a78bfa;transform:rotate(5deg)}@keyframes burst-up{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-220px) rotate(540deg);opacity:0}}.pet-header-v2{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.lv-badge-v2{background:var(--color-primary);color:#fff;padding:.25rem .75rem;border-radius:6px;font-weight:800;font-size:.8rem}.pet-header-v2 h3{margin:0;font-size:1rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.pet-avatar-v2{position:relative;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.pet-glow-aura{position:absolute;width:80%;height:80%;background:radial-gradient(circle,rgba(59,130,246,.2) 0%,transparent 70%);border-radius:50%;animation:pulseAura 2s ease-in-out infinite}.main-pet-img{width:100%;height:100%;object-fit:contain;z-index:1;animation:floatPet 4s ease-in-out infinite}.pet-growth-section{text-align:left;margin-bottom:1.5rem}.growth-label{display:flex;justify-content:space-between;margin-bottom:.5rem;font-weight:700;font-size:.9rem}.growth-label span{color:#64748b}.growth-label strong{color:var(--color-primary)}.growth-track{width:100%;height:12px;background:#f1f5f9;border-radius:99px;overflow:hidden;margin-bottom:.5rem}.growth-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:99px;transition:width 1s ease-out}.growth-hint{font-size:.78rem;color:#64748b;font-weight:600;line-height:1.45}.growth-hint-2{margin-top:.35rem;color:#0f766e}.pet-alert-v2{background:#fef2f2;color:#ef4444;padding:.5rem;border-radius:8px;font-size:.8rem;margin-bottom:1rem;font-weight:600}.pet-actions-v2{display:flex;flex-direction:column;gap:.65rem}.pet-toast{position:absolute;top:.75rem;left:.75rem;right:.75rem;background:linear-gradient(90deg,#22c55e,#16a34a);color:#fff;font-weight:800;font-size:.82rem;padding:.55rem .75rem;border-radius:10px;text-align:center;z-index:5;box-shadow:0 8px 20px #22c55e59;animation:toast-pop .35s ease-out}@keyframes toast-pop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.btn-daily-care-v2{width:100%;padding:.85rem 1rem;border:none;border-radius:12px;font-weight:800;font-size:.92rem;cursor:pointer;transition:all .2s}.btn-daily-care-v2.active{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;box-shadow:0 4px 14px #3b82f659}.btn-daily-care-v2.active:hover:not(:disabled){transform:translateY(-1px)}.btn-daily-care-v2.done{background:#ecfdf5;color:#047857;border:2px solid #6ee7b7;cursor:default}.btn-daily-care-v2:disabled:not(.done){opacity:.7;cursor:wait}.daily-care-hint{margin:0;font-size:.75rem;color:#64748b;font-weight:600;line-height:1.35}.btn-evolve-v2{width:100%;padding:1rem;border:none;border-radius:12px;font-weight:800;font-size:1rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px #0000001a}.btn-evolve-v2.ready{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;animation:pulseReady 1.5s infinite}.btn-evolve-v2.locked{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}@keyframes pulseAura{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}@keyframes pulseReady{0%{transform:scale(1);box-shadow:0 0 #10b981b3}70%{transform:scale(1.03);box-shadow:0 0 0 10px #10b98100}to{transform:scale(1);box-shadow:0 0 #10b98100}}.pet-avatar-v2.is-evolving .main-pet-img{animation:evolutionShake .5s infinite,evolutionPulse 2s ease-in-out forwards}.pet-avatar-v2.is-evolving .pet-glow-aura{background:radial-gradient(circle,rgba(234,179,8,.8) 0%,transparent 70%);animation:auraExpand 2s ease-out forwards}@keyframes evolutionShake{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes evolutionPulse{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.2);filter:brightness(1.5)}to{transform:scale(1);filter:brightness(1)}}@keyframes auraExpand{0%{transform:scale(1);opacity:.5}50%{transform:scale(2);opacity:.8}to{transform:scale(1);opacity:0}}@keyframes floatPet{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.loading-skeleton{height:400px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:skeletonLoad 1.5s infinite}@keyframes skeletonLoad{0%{background-position:200% 0}to{background-position:-200% 0}}.admin-container{padding:1.5rem;background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:2px solid #f1f5f9;padding-bottom:1rem}.admin-header h1{font-size:1.75rem;color:#1e293b;display:flex;align-items:center;gap:.75rem}.admin-table{width:100%;border-collapse:collapse;margin-top:1rem}.admin-table th,.admin-table td{padding:1rem;text-align:left;border-bottom:1px solid #f1f5f9}.admin-table th{background:#f8fafc;color:#64748b;font-weight:600;text-transform:uppercase;font-size:.75rem}.admin-table tr:hover{background:#fdfdfd}.btn-primary{background:var(--color-primary);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;font-weight:600;cursor:pointer}.btn-secondary{background:#f1f5f9;color:#475569;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:600;cursor:pointer;margin-right:.5rem}.admin-form{background:#f8fafc;padding:1.5rem;border-radius:12px;margin-bottom:2rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.admin-form-group{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.admin-form-group label{font-size:.85rem;font-weight:700;color:#64748b}.admin-form-group input,.admin-form-group select{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:6px;outline:none}.admin-form-group input:focus{border-color:var(--color-primary)}.login-chibi-page{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:1.25rem;position:relative;overflow:hidden;background:linear-gradient(165deg,#fff5fb,#e0f2fe,#fef9c3 70%,#fce7f3)}.login-chibi-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.float-star{position:absolute;color:#fbbf24;font-size:1.25rem;opacity:.85;animation:twinkle 2.5s ease-in-out infinite}.float-star.s1{top:12%;left:8%;animation-delay:0s}.float-star.s2{top:22%;right:12%;animation-delay:.6s;font-size:.9rem;color:#f472b6}.float-star.s3{bottom:18%;left:18%;animation-delay:1.1s}@keyframes twinkle{0%,to{opacity:.4;transform:scale(1) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(15deg)}}.cloud{position:absolute;background:#fff;border-radius:999px;opacity:.75;box-shadow:0 4px #ffffff80}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.cloud.c1{width:120px;height:40px;top:8%;right:6%;animation:cloud-drift 18s linear infinite}.cloud.c1:before{width:50px;height:50px;top:-22px;left:18px}.cloud.c1:after{width:36px;height:36px;top:-14px;right:20px}.cloud.c2{width:90px;height:32px;bottom:12%;right:20%;animation:cloud-drift 22s linear infinite reverse;opacity:.55}.cloud.c2:before{width:40px;height:40px;top:-18px;left:12px}.cloud.c3{width:70px;height:26px;top:40%;left:4%;animation:cloud-drift 25s linear infinite;opacity:.45}@keyframes cloud-drift{0%{transform:translate(0)}to{transform:translate(-40px)}}.login-chibi-card{position:relative;z-index:2;width:100%;max-width:920px;display:grid;grid-template-columns:1fr 1fr;gap:0;background:#fff;border-radius:32px;border:4px solid #fff;box-shadow:0 0 0 3px #fde68a,0 24px 48px #fbbf2440,0 12px 32px #3b82f61f;overflow:hidden}.login-chibi-mascot{position:relative;padding:2.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,#dbeafe,#fce7f3,#fef3c7)}.chibi-rim{position:absolute;width:220px;height:220px;border-radius:50%;border:5px dashed rgba(255,255,255,.9);animation:spin-slow 24s linear infinite}@keyframes spin-slow{to{transform:rotate(360deg)}}.chibi-glow{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(251,191,36,.45) 0%,transparent 70%);animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.08);opacity:1}}.chibi-nghe{position:relative;z-index:2;width:min(240px,55vw);height:min(240px,55vw);object-fit:contain;filter:drop-shadow(0 12px 24px rgba(251,191,36,.4));animation:chibi-bounce 2.8s ease-in-out infinite}@keyframes chibi-bounce{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}.chibi-bubble{position:relative;z-index:3;margin-top:1rem;background:#fff;padding:.65rem 1.1rem;border-radius:20px 20px 20px 6px;border:3px solid #93c5fd;font-family:"Baloo 2",Nunito,cursive;font-weight:700;font-size:1rem;color:#1d4ed8;display:flex;align-items:center;gap:.4rem;box-shadow:0 6px #bfdbfe;max-width:260px;text-align:center;line-height:1.3}.bubble-spark{flex-shrink:0;color:#f59e0b}.chibi-tagline{margin:1rem 0 0;font-size:.82rem;font-weight:800;color:#64748b;text-align:center}.login-chibi-form-wrap{padding:2.5rem 2.25rem;display:flex;flex-direction:column;justify-content:center}.chibi-logo-row{display:flex;align-items:center;gap:.85rem;margin-bottom:1.75rem}.chibi-logo-emoji{font-size:2.75rem;line-height:1;filter:drop-shadow(0 4px 0 #fde68a)}.chibi-title{margin:0;font-family:"Baloo 2",Nunito,cursive;font-size:2.25rem;font-weight:800;color:#1e3a8a;line-height:1.1;letter-spacing:.02em}.chibi-sub{margin:.25rem 0 0;font-size:.95rem;font-weight:700;color:#64748b}.chibi-toggle{display:flex;gap:.35rem;padding:.35rem;background:#f1f5f9;border-radius:999px;margin-bottom:1.5rem}.chibi-toggle button{flex:1;border:none;padding:.65rem 1rem;border-radius:999px;font-family:inherit;font-weight:800;font-size:.95rem;cursor:pointer;background:transparent;color:#64748b;transition:all .2s}.chibi-toggle button.on{background:#fff;color:#2563eb;box-shadow:0 4px 12px #3b82f633}.chibi-form{display:flex;flex-direction:column;gap:.35rem}.chibi-label{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin-top:.5rem}.chibi-input-row{display:flex;align-items:center;gap:.75rem;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border:3px solid #e2e8f0;border-radius:16px;padding:0 1rem;transition:border-color .2s,box-shadow .2s}.chibi-input-row:focus-within{border-color:#93c5fd;box-shadow:0 0 0 4px #93c5fd59}.chibi-ico{color:#3b82f6;flex-shrink:0}.chibi-input-row input{flex:1;border:none;background:transparent;padding:1rem 0;font-size:1.05rem;font-family:inherit;font-weight:600;outline:none;color:#0f172a}.chibi-input-row input::placeholder{color:#94a3b8;font-weight:500}.chibi-error{color:#dc2626;font-size:.88rem;font-weight:700;margin:.5rem 0 0}.chibi-submit{margin-top:1.25rem;width:100%;border:none;border-radius:18px;padding:1rem 1.25rem;font-family:"Baloo 2",Nunito,cursive;font-size:1.15rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;color:#fff;background:linear-gradient(180deg,#60a5fa,#3b82f6 45%,#2563eb);box-shadow:0 6px #1d4ed8,0 12px 24px #2563eb59;transition:transform .15s,box-shadow .15s}.chibi-submit:hover{transform:translateY(-2px);box-shadow:0 8px #1d4ed8,0 16px 28px #2563eb66}.chibi-submit:active{transform:translateY(3px);box-shadow:0 3px #1d4ed8,0 8px 16px #2563eb4d}.chibi-hint{margin-top:1.5rem;text-align:center;font-size:.82rem;color:#94a3b8;font-weight:600}@media (max-width: 800px){.login-chibi-card{grid-template-columns:1fr}.login-chibi-mascot{padding:2rem 1rem 1rem}.chibi-rim{width:180px;height:180px}.login-chibi-form-wrap{padding:1.75rem 1.5rem 2.25rem}}:root{font-family:Nunito,system-ui,sans-serif;line-height:1.5;font-weight:500;--color-bg: #fff9f0;--color-text: #1e3a5f;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-secondary: #fbbf24;--color-danger: #ef4444;color-scheme:light;background-color:var(--color-bg);color:var(--color-text)}body{margin:0;min-width:320px;min-height:100vh;display:block}#root{width:100%;min-height:100vh}h1,h2,h3{margin:0}button{font-family:inherit}