:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:oklch(97% .01 285);--ink:oklch(24% .035 285);--muted:oklch(45% .025 285);--brand:oklch(47% .19 285);--brand-soft:oklch(92% .055 285);--surface:oklch(100% 0 0);--line:oklch(88% .012 285);--wall:oklch(24% .035 285);--road:oklch(98.5% .003 285);--question:oklch(88% .07 285);--answer:oklch(93% .1 86);--good:oklch(76% .15 150);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 4%, oklch(90% .07 285), transparent 26rem), var(--bg);min-height:100vh;color:var(--ink);margin:0}button{font:inherit;cursor:pointer}.app-shell{width:min(1120px,100% - 28px);margin:0 auto;padding:28px 0 48px}.view{animation:.22s ease-out rise}@keyframes rise{0%{opacity:.75;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hero{background:var(--brand);color:#fff;border-radius:18px;padding:30px 26px}.kicker{background:#ffffff29;border-radius:999px;padding:7px 12px;font-size:.85rem;font-weight:850;display:inline-flex}h1{letter-spacing:-.025em;margin:18px 0 8px;font-size:clamp(2.2rem,7vw,4rem);line-height:1.02}.hero p{color:oklch(92% .03 285);max-width:62ch;margin:0;line-height:1.65}.growth-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:16px 0 22px;display:grid}.growth-card{background:var(--surface);min-height:96px;color:var(--ink);text-align:left;border:0;border-radius:16px;padding:16px}.growth-card:disabled{opacity:.65;cursor:not-allowed}.growth-card strong,.growth-card span{display:block}.growth-card strong{color:var(--brand);font-size:1.05rem}.growth-card span{color:var(--muted);margin-top:7px;line-height:1.45}.pet-action{background:oklch(96% .08 86)}.daily-plan{background:var(--surface);border-radius:18px;margin:0 0 22px;padding:18px}.quest-head{justify-content:space-between;align-items:end;gap:14px;margin-bottom:14px;display:flex}.quest-head h2{margin-top:8px}.quest-head>strong{background:var(--brand-soft);min-width:78px;color:var(--brand);text-align:center;border-radius:999px;flex:none;padding:8px 12px;font-weight:900}.quest-kicker{background:var(--brand-soft);color:var(--brand)}.task-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.task-item{border:1px solid var(--line);background:oklch(98.5% .006 285);border-radius:14px;grid-template-rows:auto auto;grid-template-columns:34px 1fr;align-items:center;gap:4px 10px;min-height:96px;padding:13px;display:grid}.task-mark{background:var(--brand-soft);width:34px;height:34px;color:var(--brand);border-radius:50%;grid-row:1/3;place-items:center;font-weight:950;display:grid}.task-item strong,.task-item span{display:block}.task-item strong{color:var(--ink);line-height:1.25}.task-item>span:last-child{color:var(--muted);font-size:.9rem;line-height:1.35}.task-item.done{background:oklch(96% .045 150);border-color:oklch(82% .12 150)}.task-item.done .task-mark{color:#fff;background:oklch(78% .14 150)}.review-panel{background:var(--surface);border-radius:16px;padding:18px}.review-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.review-head .primary-btn{width:auto;padding:0 18px}.empty-state{background:var(--brand-soft);color:var(--brand);border-radius:14px;padding:18px;font-weight:850}.wrong-list{gap:12px;display:grid}.wrong-card{background:oklch(97% .012 285);border-radius:14px;gap:6px;padding:14px;display:grid}.wrong-card span,.wrong-card small{color:var(--muted)}.wrong-card button{background:var(--brand-soft);min-height:36px;color:var(--brand);border:0;border-radius:999px;justify-self:start;padding:0 14px;font-weight:850}.report-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px;display:grid}.report-card,.report-panel,.session-card{background:var(--surface);border-radius:16px;padding:16px}.report-card strong,.report-card span,.session-card strong,.session-card span{display:block}.report-card strong{color:var(--brand);font-size:1.7rem}.report-card span,.session-card span,.report-panel p{color:var(--muted);margin-top:6px}.session-list{gap:10px;margin-top:10px;display:grid}.theme-list{flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0;display:flex}.theme-list button{background:var(--brand-soft)}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:12px 0 18px;display:grid}.settings-grid label{color:var(--muted);gap:6px;font-weight:800;display:grid}.settings-grid input{border:1px solid var(--line);min-height:42px;font:inherit;border-radius:12px;padding:0 12px}.pet-hero,.pet-stats,.food-card,.pet-log{background:var(--surface);border-radius:18px;margin-bottom:14px;padding:18px}.pet-hero{background:var(--brand);color:#fff;align-items:center;gap:18px;display:flex}.pet-avatar{cursor:pointer;background:oklch(93% .1 86);border:0;border-radius:50%;flex:0 0 112px;width:112px;height:112px;position:relative;box-shadow:inset 0 -7px #92400e1f}.pet-avatar span{color:oklch(42% .1 75);text-align:center;font-weight:950;position:absolute;inset:42px 16px auto}.pet-avatar span:before,.pet-avatar span:after{content:"";background:oklch(42% .1 75);border-radius:50%;width:10px;height:10px;position:absolute;top:-16px}.pet-avatar span:before{left:15px}.pet-avatar span:after{right:15px}.pet-avatar i{background:oklch(84% .17 86);border-radius:50%;width:18px;height:18px;position:absolute;top:10px;right:10px}.pet-info h2{color:#fff;margin:0}.pet-info p{color:oklch(92% .03 285);margin:7px 0 12px;line-height:1.45}.pet-info strong{background:#ffffff29;border-radius:999px;padding:7px 12px;display:inline-flex}.pet-info small{color:oklch(92% .1 86);margin-top:9px;font-weight:850;display:block}.pet-stats{gap:12px;display:grid}.pet-stat div,.food-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.pet-stat div{color:var(--brand);font-weight:900}.pet-stat em{background:var(--line);border-radius:999px;height:12px;margin-top:8px;display:block;overflow:hidden}.pet-stat i{background:oklch(74% .16 80);border-radius:999px;height:100%;display:block}.pet-stat.mood i{background:var(--good)}.pet-stat.affinity i{background:var(--brand)}.food-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:16px;display:grid}.food-head strong,.food-head span{display:block}.food-head strong{color:var(--brand);font-size:1.08rem}.food-head span,.food-card p,.pet-log p{color:var(--muted);margin:5px 0 0;line-height:1.45}.food-head b{color:oklch(42% .1 75);flex:none}.food-actions{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px;display:grid}.food-actions button{background:var(--brand-soft);min-height:38px;color:var(--brand);border:0;border-radius:999px;font-weight:900}.food-actions button:disabled{opacity:.55;cursor:not-allowed}.pet-log h2{margin-bottom:8px}.pet-log p{border-top:1px solid var(--line);padding-top:8px}.pet-stage-mask{z-index:24;pointer-events:none;background:#1c191714;position:fixed;inset:0;overflow:hidden}.pet-stage-floor{pointer-events:none;position:absolute;inset:0}.pet-head-menu{pointer-events:auto;width:280px;height:138px;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.pet-head-message{width:220px;min-height:17px;color:var(--muted);text-align:center;background:#fffffff5;border-radius:999px;padding:7px 10px;font-size:.76rem;font-weight:850;line-height:1.35;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #1c191721}.pet-head-actions{z-index:1;position:absolute;inset:0}.pet-head-actions button{width:56px;min-height:31px;color:var(--brand);background:#eef2fff5;border:0;border-radius:999px;padding:0;font-size:.78rem;font-weight:950;position:absolute;box-shadow:0 10px 24px #1c191721}.pet-head-actions button:first-child{top:72px;left:6px}.pet-head-actions button:nth-child(2){top:22px;left:50px}.pet-head-actions button:nth-child(3){top:2px;left:50%;transform:translate(-50%)}.pet-head-actions button:nth-child(4){top:22px;right:50px}.pet-head-actions button:nth-child(5){top:72px;right:6px}.pet-head-actions .pet-head-close{color:oklch(38% .13 25);background:oklch(92% .06 25)}.sitting-pet{perspective:360px;pointer-events:auto;transform-origin:50% 100%;filter:drop-shadow(0 12px 18px #1c191733);touch-action:none;cursor:grab;width:118px;height:110px;position:absolute}.sitting-pet:active{cursor:grabbing}.sitting-pet.active{animation:.42s petBounce}@keyframes petBounce{0%{transform:translateY(0)scale(1)}35%{transform:translateY(-8px)scale(1.045)}to{transform:translateY(0)scale(1)}}.sitting-pet.walk{transition:left 4.2s linear;animation:.92s ease-in-out infinite petWalk}.sitting-pet.roll{animation:.85s petRoll}.sitting-pet.jump{animation:1.25s cubic-bezier(.2,.8,.2,1) petJump}.sitting-pet.turn .sitting-body,.sitting-pet.turn .sitting-ear,.sitting-pet.turn .sitting-paw{transform:none}.sitting-pet.turn .sitting-body{background:linear-gradient(145deg,oklch(86% .14 90) 0%,oklch(78% .15 75) 58%,oklch(62% .15 65) 100%);box-shadow:inset 7px -9px #92400e29,0 10px 16px #92400e2e}.sitting-pet.turn .sitting-face,.sitting-pet.turn .sitting-belly{opacity:0}.sitting-pet.turn .sitting-tail{opacity:1}@keyframes petWalk{0%,to{transform:translateY(0)rotate(0)scaleX(1)}20%{transform:translateY(-2px)rotate(-7deg)scaleX(1.02)}40%{transform:translateY(0)rotate(5deg)scaleX(.98)}60%{transform:translateY(-2px)rotate(7deg)scaleX(1.02)}80%{transform:translateY(0)rotate(-5deg)scaleX(.98)}}@keyframes petRoll{0%{transform:rotate(0)scale(1)}55%{transform:rotate(360deg)scale(.96)}to{transform:rotate(360deg)scale(1)}}@keyframes petJump{0%,to{transform:translateY(0)scale(1)}18%{transform:translateY(-45px)scale(1.06,.94)}34%{transform:translateY(0)scale(.96,1.08)}54%{transform:translateY(-30px)scale(1.05,.95)}72%{transform:translateY(0)scale(.99,1.03)}}.sitting-pet.walk .sitting-paw.left{animation:.92s ease-in-out infinite leftWaddle}.sitting-pet.walk .sitting-paw.right{animation:.92s ease-in-out infinite rightWaddle}@keyframes leftWaddle{0%,to{transform:translate(0)rotate(20deg)}50%{transform:translate(-8px)rotate(-18deg)}}@keyframes rightWaddle{0%,to{transform:translate(0)rotate(-20deg)}50%{transform:translate(8px)rotate(18deg)}}.sitting-pet.hungry{transform-origin:50% 100%;height:82px}.sitting-pet.hungry .sitting-ear{opacity:.65;top:31px}.sitting-pet.hungry .sitting-body{border-radius:38px;height:45px;top:39px;left:8px;right:8px;transform:rotate(0)}.sitting-pet.hungry .sitting-face{top:14px;left:28px;right:28px}.sitting-pet.hungry .sitting-mouth{border-top:3px solid oklch(30% .09 60);border-bottom:0;border-radius:14px 14px 0 0;width:14px;height:8px}.sitting-pet.hungry .sitting-belly{opacity:0}.sitting-pet.hungry .sitting-paw{height:14px;bottom:9px}.sitting-pet.hungry .sitting-shadow{height:12px;left:8px;right:8px}.sitting-shadow{filter:blur(2px);background:#2925242e;border-radius:50%;height:14px;position:absolute;bottom:1px;left:16%;right:16%}.sitting-ear{background:oklch(86% .14 90);border-radius:20px 20px 10px 10px;width:32px;height:42px;position:absolute;top:8px;box-shadow:inset -4px -5px #92400e14}.sitting-ear.left{left:26px;transform:rotate(-22deg)}.sitting-ear.right{right:26px;transform:rotate(22deg)}.sitting-body{background:linear-gradient(145deg,oklch(94% .09 86) 0%,oklch(86% .14 90) 58%,oklch(72% .16 70) 100%);border-radius:48% 48% 42% 42%;height:78px;position:absolute;top:23px;left:17px;right:17px;transform:rotateX(8deg);box-shadow:inset -7px -9px #92400e1f,0 10px 16px #92400e2e}.sitting-tail{opacity:0;background:oklch(94% .09 86);border-radius:50%;width:22px;height:17px;position:absolute;top:23px;left:50%;transform:translate(-50%);box-shadow:inset -3px -3px #92400e1f}.sitting-face{height:27px;position:absolute;top:20px;left:23px;right:23px}.sitting-eye{background:oklch(30% .09 60);border-radius:50%;width:8px;height:11px;position:absolute;top:0}.sitting-eye.left{left:2px}.sitting-eye.right{right:2px}.sitting-mouth{border-bottom:3px solid oklch(30% .09 60);border-radius:0 0 14px 14px;width:18px;height:10px;position:absolute;top:15px;left:50%;transform:translate(-50%)}.sitting-belly{color:oklch(42% .1 75);background:#ffffff6b;border-radius:50%;place-items:center;height:27px;font-size:.75rem;font-weight:950;display:grid;position:absolute;bottom:12px;left:25px;right:25px}.sitting-paw{background:oklch(78% .15 75);border-radius:50%;width:37px;height:22px;position:absolute;bottom:10px;box-shadow:inset -3px -4px #92400e1f}.sitting-paw.left{left:23px;transform:rotate(12deg)}.sitting-paw.right{right:23px;transform:rotate(-12deg)}.sitting-heart{color:var(--brand);opacity:0;background:#fff;border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:900;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.pet-hover-tip{color:oklch(30% .09 60);opacity:0;pointer-events:none;background:#fffffff5;border-radius:999px;width:max-content;max-width:260px;padding:7px 10px;font-size:.76rem;font-weight:950;transition:opacity .15s,transform .15s;position:absolute;bottom:112px;left:50%;transform:translate(-50%)translateY(6px);box-shadow:0 10px 24px #1c191724}.sitting-pet:hover .pet-hover-tip{opacity:1;transform:translate(-50%)translateY(0)}.sitting-pet.active .sitting-heart{animation:.42s petHeart}@keyframes petHeart{0%{opacity:0;transform:translate(-50%,10px)}35%{opacity:1}to{opacity:0;transform:translate(-50%,-18px)}}.pet-stage-bubble h3{color:var(--brand);margin:0 0 6px}.pet-stage-bubble p{color:var(--muted);margin:0}.pet-stage-bubble small{color:oklch(42% .1 75);margin-top:6px;font-weight:850;display:block}.section-head,.topbar{justify-content:space-between;align-items:center;gap:12px;margin:22px 0 14px;display:flex}h2{margin:0;font-size:1.45rem}.topbar{text-align:center;margin-top:0;font-weight:900}.topbar button,.text-btn,.modal button{color:var(--brand);background:#fff;border:0;border-radius:999px;min-height:42px;padding:0 16px;font-weight:850}.card-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;display:grid}.study-card,.level-card{background:var(--surface);color:var(--ink);text-align:left;border:0;border-radius:16px;min-height:148px;padding:18px}.study-card:hover,.level-card:hover{background:var(--brand-soft)}.study-card .card-icon{font-size:2rem;display:block}.study-card strong{margin-top:8px;font-size:1.15rem;display:block}.study-card span:not(.card-icon),.study-card em{color:var(--muted);margin-top:6px;font-size:.92rem;font-style:normal;line-height:1.45;display:block}.level-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;display:grid}.level-card{text-align:center;place-items:center;min-height:84px;font-weight:900;display:grid}.level-card.locked{color:oklch(55% .02 285);background:oklch(90% .008 285)}.word-entry,.word-study,.word-done,.quiz-card{background:var(--surface);border-radius:16px;margin:16px 0 18px;padding:18px}.word-entry{background:var(--brand-soft);justify-content:space-between;align-items:center;gap:16px;display:flex}.pep-entry{background:oklch(96% .08 86)}.word-entry strong,.word-entry span{display:block}.word-entry strong{color:var(--brand);font-size:1.08rem}.word-entry span{color:var(--muted);margin-top:6px;line-height:1.45}.word-entry button{background:var(--brand);color:#fff;border:0;border-radius:999px;flex:none;min-height:42px;padding:0 18px;font-weight:900}.word-entry-actions{flex:none;gap:8px;display:flex}.word-entry-actions button:last-child{background:oklch(72% .16 75)}.word-group-panel{margin:18px 0}.activity-panel{border:1px solid var(--line);background:var(--white);border-radius:18px;margin:18px 0 22px;padding:20px}.activity-panel .compact-head{margin-top:0}.activity-panel .compact-head strong{color:var(--brand);font-size:.9rem}.activity-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.activity-card{border:1px solid var(--line);text-align:left;background:var(--paper);min-height:150px;color:var(--ink);border-radius:14px;gap:7px;padding:15px;display:grid}.activity-card .activity-icon{border-radius:12px;place-items:center;width:40px;height:40px;font-size:22px;display:grid}.activity-card strong{font-size:16px}.activity-card small{min-height:34px;color:var(--muted);line-height:1.4}.activity-card em{color:var(--brand);font-size:12px;font-style:normal;font-weight:900}.activity-card.blue .activity-icon{background:#e8ebff}.activity-card.gold .activity-icon{background:#fff1cf}.activity-card.green .activity-icon{background:#e2f7ed}.activity-card.red .activity-icon{background:#ffe8e8}.activity-card.exam{border-color:#111827}.activity-card.exam .activity-icon{color:#fff;background:#111827;font-size:.82rem;font-weight:950}.exam-hero{color:#fff;background:linear-gradient(135deg,#111827 0%,#172554 100%);border-radius:18px;min-height:210px;padding:28px;position:relative;overflow:hidden;box-shadow:0 16px 34px #0f172a24}.exam-hero:after{content:"";background:#2563eb40;border-radius:50%;width:190px;height:190px;position:absolute;top:-54px;right:-46px}.exam-hero.compact{min-height:170px}.exam-pills,.exam-result-tags{flex-wrap:wrap;gap:10px;display:flex}.exam-pills span,.exam-result-tags span{color:#fff;background:#ffffff24;border-radius:999px;align-items:center;min-height:34px;padding:0 13px;font-size:.86rem;font-weight:900;display:inline-flex}.exam-hero h2{z-index:1;margin:22px 0 0;font-size:clamp(2rem,7vw,3.6rem);line-height:1.05;position:relative}.exam-hero p,.exam-hero strong{z-index:1;position:relative}.exam-hero p{color:#cbd5e1;max-width:62ch;margin:15px 0 0;line-height:1.6}.exam-hero strong{margin-top:16px;font-size:1.12rem;display:block}.exam-notice,.exam-section,.exam-question-card,.exam-result-panel{background:#fff;border-radius:18px;margin-top:16px;padding:18px;box-shadow:0 8px 20px #0f172a12}.exam-notice{align-items:center;gap:12px;display:flex}.exam-notice p{color:var(--muted);margin:0}.exam-mode-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.exam-mode-card{border:1px solid var(--line);min-height:160px;color:var(--ink);text-align:left;background:#fff;border-radius:16px;gap:8px;padding:16px 16px 16px 24px;display:grid;position:relative}.exam-mode-card:before{content:"";background:#0f172a;border-radius:999px;width:5px;position:absolute;top:14px;bottom:14px;left:0}.exam-mode-card.disabled{opacity:.58;cursor:not-allowed}.exam-mode-code{color:#fff;background:#111827;border-radius:12px;place-items:center;width:44px;height:44px;font-weight:950;display:grid}.exam-mode-card em{color:#475569;background:#f1f5f9;border-radius:999px;padding:6px 10px;font-style:normal;font-weight:850;position:absolute;top:16px;right:14px}.exam-mode-card strong{margin-top:8px;font-size:1.08rem}.exam-mode-card small{color:var(--muted);line-height:1.45}.exam-mode-card b{border-top:1px solid var(--line);color:#172554;margin-top:auto;padding-top:10px}.exam-history-row{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:14px;padding:13px 0;display:flex}.exam-history-row strong{color:#172554}.exam-question-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.exam-question-head strong,.exam-question-head span{display:block}.exam-question-head strong{font-size:1.2rem}.exam-question-head span{color:var(--muted);margin-top:5px}.exam-question-head em{color:#475569;background:#f1f5f9;border-radius:999px;padding:7px 11px;font-style:normal}.exam-question-text{margin:22px 0 16px;font-size:clamp(1.35rem,4vw,2rem);font-weight:900;line-height:1.4}.exam-option{border:1px solid var(--line);width:100%;min-height:72px;color:var(--ink);text-align:left;background:#fff;border-radius:14px;align-items:flex-start;gap:12px;margin-top:11px;padding:15px;line-height:1.45;display:flex}.exam-option span{flex:0 0 30px;font-weight:950}.exam-option b{font-weight:650}.exam-option.correct{background:#ecfdf5;border-color:#10b981}.exam-option.wrong{background:#fef2f2;border-color:#ef4444}.exam-explain{color:var(--muted);background:#f8fafc;border-radius:14px;margin:14px 0 0;padding:14px}.exam-message{min-height:24px;color:var(--muted)}.exam-next-btn{background:linear-gradient(135deg,#2563eb 0%,#111827 100%)}.exam-result-tags span{color:#1d4ed8;background:#eff6ff}.exam-score-grid,.exam-section-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.exam-score-grid>div,.exam-section-grid>div{border:1px solid var(--line);border-radius:14px;min-height:110px;padding:15px}.exam-score-grid strong,.exam-section-grid strong{color:#111827;font-size:clamp(1.7rem,5vw,2.45rem);display:block}.exam-score-grid span,.exam-section-grid span{color:var(--muted);margin-top:6px;display:block}.exam-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.exam-analysis{border-top:1px solid var(--line);color:var(--muted);margin-top:18px;padding-top:18px;line-height:1.6}.exam-analysis h3{color:var(--ink);margin:0 0 6px}.compact-head{margin-bottom:10px}.compact-head span{color:var(--muted);font-size:.9rem}.word-group-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.word-group-card{background:var(--surface);min-height:116px;color:var(--ink);text-align:left;border:1px solid oklch(84% .04 285);border-radius:14px;gap:7px;padding:15px;display:grid}.word-group-card strong{color:var(--brand)}.word-group-card span{color:var(--muted);font-size:.9rem;line-height:1.35}.word-group-card em{color:oklch(50% .12 145);font-size:.85rem;font-style:normal;font-weight:850}.word-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.word-stats div{background:var(--surface);border-radius:14px;min-height:84px;padding:14px}.word-stats strong,.word-stats span{display:block}.word-stats strong{color:var(--brand);font-size:1.35rem}.word-stats span{color:var(--muted);margin-top:5px}.word-study{text-align:center}.word-step{color:var(--muted);font-weight:850}.word-card{background:linear-gradient(160deg, white, var(--brand-soft));width:100%;min-height:230px;color:var(--ink);border:1px solid oklch(82% .06 285);border-radius:18px;place-items:center;margin-top:14px;padding:22px;display:grid}.word-card.flipped{background:linear-gradient(160deg,oklch(97% .08 86),#fff);border-color:oklch(78% .15 75)}.word-card strong,.quiz-card strong{font-size:clamp(2rem,7vw,3.4rem);line-height:1.1;display:block}.quiz-card strong{font-size:clamp(1.35rem,4vw,2rem)}.word-card span,.word-card em,.word-done span{color:var(--muted);margin-top:12px;font-style:normal;line-height:1.45;display:block}.word-card em{color:var(--brand);background:#ffffffb8;border-radius:999px;padding:6px 11px;font-weight:900;display:inline-flex}.word-actions,.quiz-options{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.quiz-options{grid-template-columns:repeat(2,1fr)}.word-actions button,.quiz-options button,.word-done button{background:var(--brand-soft);min-height:44px;color:var(--brand);border:0;border-radius:999px;font-weight:900}.word-actions button:last-child{background:var(--brand);color:#fff}.word-done{text-align:center;justify-items:center;gap:10px;display:grid}.match-head{background:var(--brand-soft);color:var(--brand);border-radius:16px;gap:8px;margin:16px 0;padding:16px 18px;display:grid}.match-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:760px;margin:0 auto;display:grid}.match-card{min-height:128px;color:var(--ink);overflow-wrap:anywhere;background:#fff;border:2px solid oklch(82% .06 285);border-radius:16px;padding:12px;font-size:1.05rem;font-weight:900}.match-card.selected{border-color:var(--brand);background:var(--brand-soft);transform:translateY(-2px)}.match-card.matched{color:oklch(45% .12 145);background:oklch(92% .08 145);border-color:oklch(68% .16 145)}.word-done strong{color:var(--brand);font-size:2.4rem}.course-hero,.course-card,.course-modal{background:var(--surface);border-radius:16px;padding:18px}.course-hero{background:var(--brand);color:#fff;grid-template-columns:180px 1fr;align-items:center;gap:18px;margin-bottom:16px;display:grid}.course-hero h2,.course-hero p{margin:0}.course-hero p{color:oklch(92% .03 285);margin-top:8px;line-height:1.55}.course-hero-art{background:oklch(96% .08 86);border-radius:20px;height:128px;position:relative;overflow:hidden}.course-bubble{background:#4f46e52e;border-radius:999px;position:absolute}.course-bubble.one{width:62px;height:62px;top:18px;left:18px}.course-bubble.two{width:48px;height:48px;bottom:16px;right:20px}.course-hero-art strong{height:48px;color:var(--brand);background:#fff;border-radius:12px;place-items:center;display:grid;position:absolute;bottom:26px;left:46px;right:46px;transform:rotate(-5deg)}.course-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.course-card{color:var(--ink);text-align:left;cursor:pointer;border:0}.course-card strong,.course-card em,.course-card p{display:block}.course-card>strong{color:var(--brand);margin-top:12px;font-size:1.05rem}.course-card em,.course-card p{color:var(--muted);margin-top:6px;font-style:normal;line-height:1.45}.course-card button{background:var(--brand-soft);width:100%;min-height:38px;color:var(--brand);border:0;border-radius:999px;margin-top:12px;font-weight:900}.course-art{background:linear-gradient(145deg, var(--unit-color), white);border-radius:15px;height:132px;position:relative;overflow:hidden}.course-art:before,.course-art:after{content:"";background:#ffffff7a;border-radius:999px;position:absolute}.course-art:before{width:86px;height:86px;top:18px;left:-18px}.course-art:after{width:74px;height:74px;bottom:-12px;right:-8px}.course-art span{z-index:1;font-size:3rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.course-done-mark{z-index:2;color:oklch(42% .13 145);background:#ffffffe0;border-radius:999px;padding:5px 9px;font-size:.76rem;font-style:normal;font-weight:950;position:absolute;top:10px;right:10px}.course-art.large{height:150px;margin-bottom:14px}.course-art.colors{background:linear-gradient(135deg,#ef4444 0%,#f59e0b 35%,#22c55e 68%,#3b82f6 100%)}.course-art.body{background:linear-gradient(145deg,#bbf7d0,#fff)}.course-art.animals{background:linear-gradient(145deg,#bae6fd,#fff)}.course-art.food{background:linear-gradient(145deg,#fecdd3,#fff)}.course-art.numbers{background:linear-gradient(145deg,#ddd6fe,#fff)}.course-modal{text-align:left}.course-modal h3{text-align:center}.course-modal>p{color:var(--muted);line-height:1.45}.course-modal>strong{color:var(--brand);margin-top:14px;display:block}.course-chip-list{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.course-chip-list span{background:var(--brand-soft);color:var(--brand);border-radius:999px;padding:6px 10px;font-weight:850}.course-modal .primary-btn{margin-top:16px}.adventure-shell,.adventure-panel{background:var(--surface);border-radius:16px;margin-bottom:16px;padding:18px}.adventure-map{background:linear-gradient(oklch(88% .06 240),oklch(97% .08 86) 64%,oklch(88% .09 145));border-radius:18px;height:min(56vw,430px);min-height:300px;position:relative;overflow:hidden}.adventure-map.colors{background:linear-gradient(135deg,#fee2e2 0%,#fef3c7 35%,#dcfce7 68%,#dbeafe 100%)}.adventure-map.body{background:linear-gradient(#dcfce7 0%,#fff 60%,#bbf7d0 100%)}.adventure-map.animals{background:linear-gradient(#bae6fd 0%,#ecfccb 58%,#bbf7d0 100%)}.adventure-map.food{background:linear-gradient(#ffe4e6 0%,#fef3c7 58%,#fff 100%)}.adventure-map.numbers{background:linear-gradient(#ede9fe 0%,#fef3c7 58%,#fff 100%)}.adventure-sky,.adventure-ground{position:absolute;left:0;right:0}.adventure-sky{background:radial-gradient(circle at 20% 28%,#ffffffc2,#0000 64px);height:42%;top:0}.adventure-ground{background:#fff6;border-radius:50% 50% 0 0;height:34%;bottom:-36px}.hotspot{z-index:2;width:96px;min-height:82px;color:var(--brand);text-align:center;-webkit-tap-highlight-color:transparent;background:#ffffffe6;border:3px solid #ffffffbf;border-radius:18px;padding:8px;font-weight:950;position:absolute;transform:translate(-50%,-50%);box-shadow:0 12px 22px #1c191724}.hotspot span,.hotspot b{display:block}.hotspot span{font-size:1.9rem}.hotspot b{margin-top:4px}.hotspot.found{color:oklch(36% .12 145);background:oklch(95% .06 145);border-color:oklch(82% .12 145)}.adventure-pet{z-index:2;color:oklch(42% .1 75);background:oklch(96% .08 86);border-radius:50% 50% 42% 42%;place-items:center;width:86px;height:68px;font-weight:950;display:grid;position:absolute;bottom:36px;left:50%;transform:translate(-50%);box-shadow:inset -6px -8px #92400e1f,0 12px 20px #1c191729}.adventure-status{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px;display:grid}.adventure-status div{background:var(--brand-soft);color:var(--brand);text-align:center;border-radius:12px;padding:11px;font-weight:900}.adventure-message,.dialogue-bubble,.sentence-line,.boss-card{color:var(--muted);background:oklch(97% .012 285);border-radius:13px;margin:12px 0 0;padding:13px;line-height:1.45}.adventure-panel h2{margin-bottom:6px}.adventure-panel>p{color:var(--muted)}.adventure-options,.piece-list{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px;display:grid}.adventure-options button,.piece-list button,.adventure-panel.complete button{background:var(--brand-soft);min-height:42px;color:var(--brand);border:0;border-radius:999px;padding:0 13px;font-weight:900}.sentence-line{color:oklch(42% .1 75);background:oklch(96% .08 86);min-height:52px;font-weight:900}.boss-card{text-align:center}.boss-face{background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 10px;font-size:2rem;font-weight:950;display:grid}.adventure-panel.complete{text-align:center;justify-items:center;gap:10px;display:grid}.adventure-panel.complete strong{font-size:2.6rem}.adventure-panel.complete span{color:var(--muted);font-weight:850}.adventure-panel.complete .primary-btn{margin-top:8px}.ai-panel{background:var(--surface);border-radius:16px;margin:16px 0 18px;padding:18px}.ai-panel-head{justify-content:space-between;align-items:start;gap:16px;display:flex}.ai-panel-head p,.ai-status{color:var(--muted);margin:5px 0 0;line-height:1.45}.ai-panel-head span{background:var(--brand-soft);color:var(--brand);white-space:nowrap;border-radius:999px;padding:6px 10px;font-weight:850}.ai-form{grid-template-columns:minmax(180px,1fr) 140px 110px 140px;align-items:end;gap:10px;margin-top:14px;display:grid}.ai-form label{color:var(--muted);gap:6px;font-size:.9rem;font-weight:800;display:grid}.ai-form input,.ai-form select{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);font:inherit;border-radius:12px;padding:0 12px}.ai-form .primary-btn:disabled{opacity:.65;cursor:wait}.question-preview-list{gap:10px;margin-top:14px;display:grid}.question-preview{background:oklch(97% .012 285);border-radius:12px;padding:12px}.question-preview strong,.question-preview span,.question-preview small{display:block}.question-preview span,.question-preview small{color:var(--muted);margin-top:4px}.game-view{grid-template-columns:minmax(280px,360px) 1fr;align-items:start;gap:18px 28px;display:grid}.game-topbar{grid-column:1/3}.side-panel{gap:12px;display:grid}.stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stats div,.goal-card,.question-card,.message{background:var(--surface);border-radius:14px;padding:13px}.stats div{text-align:center;font-weight:850}.goal-card strong,.question-card strong{color:var(--brand);font-size:1.1rem;display:block}.goal-card span,.question-label{color:var(--muted);margin-top:5px;font-size:.88rem;display:block}.question-card strong{color:var(--ink);margin-top:6px;font-size:clamp(1.3rem,4vw,2rem)}.choice-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:12px;display:grid}.choice-grid button{background:var(--brand-soft);min-height:46px;color:var(--brand);border:0;border-radius:999px;justify-content:space-between;align-items:center;padding:0 14px;font-weight:900;display:flex}.message{color:var(--muted);line-height:1.45}.message.success{color:oklch(34% .11 150);background:oklch(93% .08 150)}.message.warning{color:oklch(42% .1 75);background:oklch(94% .08 80)}.message.hint{background:var(--brand-soft);color:var(--brand)}.board-wrap{justify-items:center;gap:14px;display:grid}.board{aspect-ratio:1;background:var(--wall);border-radius:18px;gap:2px;width:min(72vw,620px);padding:7px;display:grid}.cell{border-radius:5px;place-items:center;min-width:0;font-size:clamp(.62rem,1.5vw,.9rem);font-weight:950;display:grid;position:relative}.wall{background:var(--wall)}.road{background:var(--road)}.start{background:var(--good);color:oklch(34% .11 150)}.end{color:oklch(42% .1 75);background:oklch(86% .14 90)}.question{background:var(--question);color:var(--brand)}.answer{background:var(--answer);color:oklch(42% .1 75)}.adventure{color:oklch(34% .11 150);background:oklch(96% .04 145)}.adventure.coin,.adventure.chest{color:oklch(42% .1 75);background:oklch(94% .09 86)}.adventure.trap{color:oklch(38% .13 25);background:oklch(92% .06 25)}.adventure.hint{color:oklch(35% .1 240);background:oklch(94% .05 230)}.adventure.speed{color:oklch(34% .11 150);background:oklch(93% .08 145)}.wrongChaser{color:oklch(38% .13 300);background:oklch(93% .06 300)}.petCompanion{box-shadow:inset 0 0 0 2px #fbbf2473}.petCompanion.hungry{box-shadow:inset 0 0 0 2px #78716c59}.player{outline-offset:-3px;outline:3px solid oklch(72% .18 150)}.player:after{content:"🙂";font-size:clamp(1rem,3vw,1.7rem);position:absolute}.maze-pet{filter:drop-shadow(0 3px 4px #92400e2e);width:24px;height:24px;position:absolute;bottom:4px;right:4px}.maze-pet-ear{background:oklch(86% .14 90);border-radius:999px 999px 5px 5px;width:8px;height:10px;position:absolute;top:1px}.maze-pet-ear.left{left:4px;transform:rotate(-22deg)}.maze-pet-ear.right{right:4px;transform:rotate(22deg)}.maze-pet-body{background:linear-gradient(145deg,oklch(94% .09 86),oklch(78% .15 75));border-radius:50%;height:18px;position:absolute;bottom:0;left:3px;right:3px;box-shadow:inset -2px -3px #92400e21}.maze-pet-eye{background:oklch(30% .09 60);border-radius:50%;width:3px;height:4px;position:absolute;top:7px}.maze-pet-eye.left{left:5px}.maze-pet-eye.right{right:5px}.maze-pet.hungry{opacity:.72;transform:rotate(90deg)translateY(3px)}.cell:not(.wall){cursor:pointer}.cell:not(.wall):active{transform:scale(.96)}.modal-mask{z-index:20;background:#1c19177a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{text-align:center;background:#fff;border-radius:18px;width:min(100%,390px);padding:24px}.modal h3{color:var(--brand);margin:0 0 14px;font-size:1.6rem}.guide-list{text-align:left;gap:10px;margin:18px 0;display:grid}.guide-list div{background:var(--brand-soft);border-radius:13px;padding:12px}.guide-list strong,.guide-list span{display:block}.guide-list span,.result-modal p{color:var(--muted);margin-top:4px}.primary-btn{background:var(--brand);color:#fff;border:0;border-radius:999px;width:100%;min-height:48px;font-weight:900}.secondary-btn{border:1px solid var(--line);width:100%;min-height:46px;color:var(--brand);background:#fff;border-radius:999px;margin-top:10px;font-weight:900}.stars{margin:10px 0;font-size:2rem}.pronunciation-card{gap:14px;display:grid}.pronunciation-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.pronunciation-head .word-main{font-size:clamp(2.4rem,7vw,4.4rem);line-height:1}.pronunciation-head p{color:var(--muted);margin:10px 0 0;line-height:1.45}.mini-btn{color:oklch(42% .1 75);background:oklch(96% .08 86);border:0;border-radius:999px;flex:none;min-height:38px;padding:0 16px;font-weight:900}.pronunciation-guide{background:var(--brand-soft);color:var(--brand);border-radius:14px;margin:0;padding:14px;font-weight:820;line-height:1.5}.pronunciation-actions{grid-template-columns:minmax(120px,.85fr) minmax(160px,1.15fr);gap:10px;display:grid}.pronunciation-actions button{min-height:48px;color:var(--ink);background:oklch(98.5% .006 285);border:0;border-radius:999px;font-weight:900}.pronunciation-status{min-height:24px;color:var(--muted);margin:0;line-height:1.45}.pronunciation-status.active{color:oklch(38% .12 150);font-weight:900}.transcript-box{color:var(--muted);background:oklch(98.5% .006 285);border-radius:14px;gap:8px;padding:14px;font-weight:850;display:grid}.transcript-box input{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);font:inherit;background:#fff;border-radius:12px;padding:0 12px}.pronunciation-result{color:oklch(34% .11 150);text-align:center;background:oklch(96% .045 150);border-radius:14px;gap:4px;padding:14px;display:grid}.pronunciation-result strong{font-size:2rem}.pronunciation-result span{font-weight:900}@media (width<=820px){.app-shell{width:min(100% - 20px,460px);padding-top:18px}.game-view{display:block}.game-topbar{display:flex}.side-panel{margin-bottom:12px}.course-hero{grid-template-columns:1fr}.course-hero-art{height:116px}.ai-panel-head{display:block}.ai-panel-head span{margin-top:10px;display:inline-flex}.ai-form{grid-template-columns:1fr}.quest-head{align-items:start}.task-list{grid-template-columns:1fr}.board{width:min(94vw,430px)}.pronunciation-head,.pronunciation-actions{grid-template-columns:1fr}.pronunciation-head{display:grid}}@media (prefers-reduced-motion:reduce){.view{animation:none}}