@import url(https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@400;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Acme&family=Jua&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Jua&display=swap);@import url(https://fonts.googleapis.com/css2?family=Gugi&display=swap);:root{--title-font:"Fredoka","Nunito",sans-serif;--body-font:"Nunito","Fredoka",sans-serif;--ink-900:#0f172a;--ink-700:#334155;--ink-600:#475569;--panel-strong:#fff;--panel-soft:#f8fafc;--accent-strong:#f6a444;--accent-warm:#ffd166;--accent-cool:#9dd6ff;--shadow-soft:0 18px 32px #0f172a14;--page-bg:radial-gradient(circle at top left,#ffe2a273,#0000 45%),radial-gradient(circle at 20% 80%,#9dd6ff80,#0000 50%),linear-gradient(120deg,#fffaf0,#f7fbff 60%,#fef6e6);--page-text:var(--ink-900);--card-bg:#fffffff5;--card-border:#ffffffe0;--card-shadow:0 12px 24px #0f172a14;--muted-text:var(--ink-600);--button-text:#1f2937;--badge-bg:#fff;--soft-outline:#0f172a14}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top left,#ffe2a273,#0000 45%),radial-gradient(circle at 20% 80%,#9dd6ff80,#0000 50%),linear-gradient(120deg,#fffaf0,#f7fbff 60%,#fef6e6);background:var(--page-bg);color:#0f172a;color:var(--page-text);font-family:Nunito,Fredoka,sans-serif;font-family:var(--body-font);margin:0;min-height:100vh}button,input,select,textarea{font:inherit}a{color:inherit}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-shell{min-height:100vh}.accessibility-wrapper{position:fixed;right:18px;top:92px;z-index:9999}.settings-toggle-btn{background:#ffd166;border:none;border-radius:50%;box-shadow:0 10px 24px #00000026;color:#1e293b;cursor:pointer;font-size:1.5rem;font-weight:700;height:56px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;width:56px}.settings-toggle-btn:hover{box-shadow:0 14px 28px #0000002e;transform:translateY(-2px) scale(1.04)}.accessibility-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border:3px solid #ffd166;border-radius:20px;box-shadow:0 10px 24px #0000001f;display:flex;flex-direction:column;gap:10px;min-width:220px;padding:14px;position:absolute;right:0;top:66px}.accessibility-title{color:#0f172a;color:var(--ink-900);font-family:Fredoka,Nunito,sans-serif;font-family:var(--title-font);font-size:1rem;font-weight:700;margin-bottom:4px}.accessibility-btn{background:#fff7db;border:none;border-radius:14px;color:#1e293b;cursor:pointer;font-family:Nunito,Fredoka,sans-serif;font-family:var(--body-font);font-size:.98rem;font-weight:700;padding:12px 14px;text-align:left;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.accessibility-btn:hover{box-shadow:0 8px 16px #0000001f;transform:translateY(-2px)}.accessibility-btn.active{background:#ffd166}body.theme-dark{--page-bg:radial-gradient(circle at top left,#f59e0b29,#0000 45%),radial-gradient(circle at 20% 80%,#3b82f633,#0000 50%),linear-gradient(120deg,#1e293b,#243447 58%,#1f2937);--page-text:#f8fafc;--card-bg:#1e293beb;--card-border:#94a3b838;--card-shadow:0 12px 24px #00000047;--muted-text:#dbeafe;--button-text:#f8fafc;--badge-bg:#ffffff1a;--soft-outline:#ffffff24}body.theme-dark .settings-toggle-btn{background:#f59e0b;color:#102033}body.theme-dark .accessibility-panel{background:#1e293bf5;border-color:#fcd34d}body.theme-dark .accessibility-title{color:#f8fafc}body.theme-dark .accessibility-btn{background:#334155;color:#f8fafc}body.theme-dark .accessibility-btn.active{background:#f59e0b;color:#102033}body.theme-contrast{--page-bg:radial-gradient(circle at top left,#ffdd5761,#0000 42%),radial-gradient(circle at 80% 25%,#7dd3fc52,#0000 40%),linear-gradient(120deg,#fffef7,#f5fbff 52%,#fff8e8);--page-text:#111827;--card-bg:#fffffffa;--card-border:#111827e6;--card-shadow:0 12px 24px #1118271f;--muted-text:#1f2937;--button-text:#111827;--badge-bg:#fff;--soft-outline:#1118273d}body.theme-contrast .settings-toggle-btn{background:#111827;color:#fff}body.theme-contrast .accessibility-panel{background:#fffffffa;border:3px solid #111827}body.theme-contrast .accessibility-title{color:#111827}body.theme-contrast .accessibility-btn{background:#fff;border:2px solid #111827;color:#111827}body.theme-contrast .accessibility-btn.active{background:#ffe066;color:#111827}body.text-large{font-size:112%}body.text-large .assessment-title,body.text-large .banner-left h1,body.text-large .grade-card h1,body.text-large .intro-header h1,body.text-large .lesson-title,body.text-large .saving-lesson-title,body.text-large .units-header h1,body.text-large h1{font-size:clamp(2rem,3vw,3.4rem)}body.text-large .drag-prompt,body.text-large .drag-scenario-title,body.text-large .goal-title-row h2,body.text-large .learn-title,body.text-large h2{font-size:clamp(1.5rem,2.6vw,2.4rem)}body.text-large .assessment-result-feedback,body.text-large .assessment-result-row,body.text-large .assessment-subtitle,body.text-large .drag-scenario-text,body.text-large .learn-content,body.text-large .lesson-header p,body.text-large .question-text,body.text-large a,body.text-large button,body.text-large input,body.text-large li,body.text-large p,body.text-large select,body.text-large span,body.text-large textarea{font-size:1.08em}body.text-large .accessibility-btn,body.text-large .action-btn,body.text-large .advance-btn,body.text-large .context-btn,body.text-large .grade-btn,body.text-large .learn-button,body.text-large .next-btn,body.text-large .saving-popup-btn,body.text-large .settings-toggle-btn{padding-bottom:.9em;padding-top:.9em}@media (max-width:768px){.accessibility-wrapper{bottom:18px;right:12px;top:auto}.accessibility-panel{bottom:66px;min-width:220px;right:0;top:auto}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border-bottom:1px solid #00000014;box-shadow:0 12px 24px #0f172a14;gap:16px;justify-content:space-between;padding:10px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.logo,.navbar{align-items:center;display:flex}.logo{flex:0 0 auto}.logo img{display:block;height:100px;transform:scale(1.8);transform-origin:left center;width:auto}.nav-list ul{font-size:20px;gap:12px;list-style:none;margin:0;padding:0}.nav-list li,.nav-list ul{align-items:center;display:flex}.up{border-radius:14px;color:#1f2937;font-weight:600;padding:10px 16px;text-decoration:none;transition:all .15s ease}.up:hover{background:#e0f2fe;transform:translateY(-2px)}.nav-disabled{background:#f3f4f6;border:1px dashed #cbd5e1;color:#9ca3af;cursor:not-allowed;-webkit-user-select:none;user-select:none}.nav-disabled:hover{background:#f3f4f6;transform:none}.coins{background:#fde68a;border:2px solid #00000014;border-radius:20px;font-size:18px;font-weight:700;padding:8px 16px}.logout-btn{background:#ff9b9b;border:none;border-radius:16px;cursor:pointer;font-weight:700;padding:8px 14px;transition:transform .1s ease}.logout-btn:hover{transform:scale(1.05)}@media (max-width:720px){.navbar{align-items:flex-start;flex-direction:column}.nav-list ul{flex-wrap:wrap}}.navbar{font-family:var(--body-font)}body.theme-contrast .navbar,body.theme-dark .navbar{background:var(--card-bg);border-bottom-color:var(--soft-outline);box-shadow:var(--card-shadow)}body.theme-contrast .coins,body.theme-contrast .logout-btn,body.theme-contrast .up,body.theme-dark .coins,body.theme-dark .logout-btn,body.theme-dark .up{color:var(--button-text)}body.theme-contrast .up:hover,body.theme-dark .up:hover{background:#9dd6ff38}body.theme-contrast .coins,body.theme-contrast .nav-disabled,body.theme-dark .coins,body.theme-dark .nav-disabled{border-color:var(--soft-outline)}body.theme-dark .coins{color:#000}.home-shell{flex-direction:column;gap:20px;min-height:calc(100vh - 110px);overflow-y:auto;overflow:hidden;padding:20px}.home-shell,.pet-area{align-items:center;display:flex;justify-content:center;position:relative}.pet-area:before{background:#ffffff50;border-radius:50%;content:"";filter:blur(20px);height:180px;position:absolute;width:180px;z-index:0}.pet-placeholder{animation:floatPet 3s ease-in-out infinite;font-size:90px;position:relative;z-index:1}@keyframes floatPet{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.coins-display{background:#fde68a;border-radius:20px;font-size:26px;font-weight:700;padding:8px 18px}.action-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;max-width:700px;width:100%}.action-btn{align-items:center;border:none;border-radius:22px;cursor:pointer;display:flex;flex-direction:column;font-size:28px;font-weight:700;gap:12px;height:200px;justify-content:center;transition:all .2s ease;width:100%}.action-btn span:first-child{font-size:70px}.blue{background:#7cc6fe}.green{background:#90dbb8}.pink{background:#f9a8d4}.yellow{background:#fde68a}.action-btn:hover{box-shadow:0 10px 20px #0003;transform:scale(1.12) translateY(-5px)}.action-btn:active{transform:scale(.95)}.action-btn-disabled{animation:none;background:#d1d5db!important;box-shadow:inset 0 0 0 2px #bfc5ce;color:#6b7280;cursor:not-allowed;opacity:1}.action-btn-disabled:hover{box-shadow:inset 0 0 0 2px #bfc5ce;transform:none}.action-btn-disabled:active{transform:none}.coming-soon-badge{background:#9ca3af;border-radius:999px;color:#fff;font-size:14px!important;font-weight:700;line-height:1;padding:6px 12px}.top-bar{margin-bottom:10px;text-align:center}.top-bar h2{font-size:45px;margin:0}.top-bar p{font-size:25px;margin:0;opacity:.7}.floating-emoji{animation:floatMove 4s ease-in-out infinite;font-size:60px;opacity:.15;pointer-events:none;position:absolute}.e1{left:12%;top:8%}.e2{right:18%;top:12%}.e3{left:45%;top:5%}.e4{left:8%;top:35%}.e5{right:10%;top:30%}.e6{bottom:18%;left:12%}.e7{bottom:12%;right:18%}.e8{bottom:5%;left:45%}.e9{left:2%;top:50%}.e10{bottom:30%;right:3%}.e11{left:28%;top:22%}.e12{right:30%;top:22%}.e13{right:22%;top:48%}.e14{bottom:8%;left:50%;transform:translateX(-50%)}.e15{bottom:28%;left:20%}@keyframes floatMove{0%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(-5deg)}50%{transform:translateY(-18px) rotate(5deg)}75%{transform:translateY(-10px) rotate(-3deg)}to{transform:translateY(0) rotate(0deg)}}@keyframes buttonFloat{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.action-btn:first-child{animation-delay:0s}.action-btn:nth-child(2){animation-delay:.3s}.action-btn:nth-child(3){animation-delay:.6s}.action-btn:nth-child(4){animation-delay:.9s}.e1{animation-duration:4s}.e2{animation-duration:5s}.e3{animation-duration:3.5s}.e4{animation-duration:4.5s}.e5{animation-duration:5.5s}.e6{animation-duration:3.8s}.e7{animation-duration:4.2s}.e8{animation-duration:5.2s}.e9{animation-duration:3.6s}.e10{animation-duration:4.8s}.change-grade-btn{background:#e5e7eb;border:none;border-radius:20px;color:#333;cursor:pointer;font-size:16px;font-weight:700;margin-top:12px;padding:10px 18px;transition:all .2s ease}.change-grade-btn:hover{background:#d1d5db;transform:scale(1.08)}@media (max-width:900px){.action-grid{grid-template-columns:1fr}.action-btn{font-size:22px;height:160px}.action-btn span:first-child{font-size:50px}.top-bar h2{font-size:32px}.top-bar p{font-size:18px}}@media (max-width:500px){.home-shell{gap:15px;padding:10px}.action-btn{font-size:18px;height:130px}.action-btn span:first-child{font-size:40px}.coins-display{font-size:20px}.pet-placeholder{font-size:70px}.coming-soon-badge{font-size:12px!important}}body.theme-contrast .coins-display,body.theme-dark .coins-display{border:2px solid var(--soft-outline);color:var(--button-text)}body.theme-contrast .pet-area:before,body.theme-dark .pet-area:before{background:#ffffff2e}body.theme-contrast .top-bar h2,body.theme-contrast .top-bar p,body.theme-dark .top-bar h2,body.theme-dark .top-bar p{color:var(--page-text)}body.theme-contrast .change-grade-btn,body.theme-dark .change-grade-btn{background:var(--card-bg);border:2px solid var(--soft-outline);color:var(--button-text)}body.theme-dark .coins-display{color:#000}*{box-sizing:border-box;margin:0;padding:0}.grade-select-page{align-items:center;background:linear-gradient(135deg,#eaf6ff,#fdf9e3,#ffeaf4);display:flex;font-family:Fredoka,sans-serif;justify-content:center;min-height:calc(100vh - 110px);overflow:hidden;position:relative;z-index:1}.float{animation:floatUp linear infinite;opacity:.35;pointer-events:none;position:absolute;z-index:0}.circle{border-radius:50%}.f1{animation-duration:12s;background:#f694c1;bottom:-120px;height:100px;left:10%;width:100px}.f2{animation-duration:16s;background:#a9def9;bottom:-150px;height:140px;left:30%;width:140px}.f3{animation-duration:10s;background:#ede7b1;bottom:-100px;height:80px;left:50%;width:80px}.f4{animation-duration:14s;background:#f694c1;bottom:-180px;height:120px;left:70%;width:120px}.f5{animation-duration:18s;background:#a9def9;bottom:-220px;height:160px;left:85%;width:160px}.dollar{font-size:60px;opacity:.5}.d1{animation-duration:11s;bottom:-120px;left:20%}.d2{animation-duration:13s;bottom:-180px;left:40%}.d3{animation-duration:9s;bottom:-140px;left:60%}.d4{animation-duration:15s;bottom:-200px;left:80%}@keyframes floatUp{0%{opacity:.3;transform:translateY(0) rotate(0deg)}50%{opacity:.6}to{opacity:0;transform:translateY(-900px) rotate(1turn)}}.content-layer{align-items:center;display:flex;justify-content:center;position:relative;width:100%;z-index:10}.grade-card{animation:popIn .6s ease;background:#fff;border-radius:30px;box-shadow:0 25px 60px #00000026;max-width:95%;padding:80px 60px;text-align:center;width:950px}.grade-card h1{font-size:60px;margin-bottom:15px;z-index:2}.grade-question{color:#333;font-size:34px;margin-bottom:45px}.grade-buttons{gap:30px}.grade-btn,.grade-buttons{align-items:center;display:flex;flex-direction:column}.grade-btn{border:none;border-radius:22px;font-size:28px;font-weight:700;gap:8px;justify-content:center;min-height:92px;padding:20px 24px;transition:all .25s ease;width:380px}.grade-btn-4{background:#7cc6fe;color:#1f2937;cursor:pointer}.grade-btn-4:hover{box-shadow:0 12px 25px #0003;transform:scale(1.08)}.grade-btn-disabled{background:#d1d5db;box-shadow:inset 0 0 0 2px #bfc5ce;color:#6b7280;cursor:not-allowed;opacity:1}.wip-badge{background:#9ca3af;border-radius:999px;color:#fff;font-size:15px;font-weight:600;line-height:1;padding:6px 12px}.grade-note{color:#4b5563;font-size:20px;margin-top:28px}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (max-width:900px){.grade-card{padding:40px 20px}.grade-card h1{font-size:40px}.grade-question{font-size:24px}.grade-btn{font-size:20px;min-height:84px;width:260px}.grade-note{font-size:16px}.wip-badge{font-size:12px}}@media (max-width:500px){.grade-card{padding:30px 15px}.grade-card h1{font-size:32px}.grade-question{font-size:20px}.grade-btn{font-size:18px;min-height:78px;padding:18px;width:220px}.grade-note{font-size:14px}}body.theme-contrast .grade-select-page,body.theme-dark .grade-select-page{background:#0000}body.theme-contrast .grade-card,body.theme-dark .grade-card{background:var(--card-bg);border-color:var(--soft-outline);box-shadow:var(--card-shadow);color:var(--page-text)}body.theme-contrast .grade-card h1,body.theme-contrast .grade-note,body.theme-contrast .grade-question,body.theme-dark .grade-card h1,body.theme-dark .grade-note,body.theme-dark .grade-question{color:var(--page-text)}body.theme-contrast .grade-btn,body.theme-dark .grade-btn{border-color:var(--soft-outline)}.units-page{align-items:center;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:40px 20px;position:relative}.units-header{margin-bottom:30px;text-align:center}.units-badge{background:#ffe08a;border-radius:999px;display:inline-block;font-size:24px;font-weight:700;margin-bottom:12px;padding:8px 16px}.units-header h1{font-size:46px}.units-header p{font-size:24px}.unit-grid{gap:20px;max-width:650px;width:100%}.unit-card,.unit-grid{display:flex;flex-direction:column}.unit-card{align-items:center;background:#fff;border:3px solid #2f2f2f;border-radius:26px;box-shadow:0 12px 20px #00000014;cursor:pointer;gap:12px;height:150px;justify-content:center;position:relative;transition:.2s}.unit-card:hover{transform:scale(1.05)}.unit-number{background:#a9def9;border-radius:12px;left:16px}.unit-number,.unit-reward-badge{font-weight:700;padding:6px 12px;position:absolute;top:12px}.unit-reward-badge{background:#fde68a;border:2px solid #facc15;border-radius:999px;box-shadow:0 4px 10px #00000014;color:#4b3b00;font-size:16px;right:16px}.unit-title{font-size:24px;font-weight:900}.unit-progress{background:#e5e7eb;border-radius:999px;height:10px;width:70%}.unit-progress-bar{background:#4ade80;border-radius:999px;height:100%}.unit-percent{font-weight:700}.units-floating{inset:0;pointer-events:none;position:absolute}.units-float{animation:floatUnit 6s ease-in-out infinite;font-size:50px;opacity:.15;position:absolute}.units-u1{left:8%;top:10%}.units-u2{right:10%;top:20%}.units-u3{bottom:20%;left:10%}.units-u4{bottom:15%;right:8%}.units-u5{left:50%;top:50%}.units-u6{right:18%;top:12%}.units-u7{left:6%;top:40%}.units-u8{right:6%;top:55%}.units-u9{bottom:8%;left:40%}.units-u10{bottom:12%;right:18%}body.theme-contrast .units-header h1,body.theme-contrast .units-header p,body.theme-dark .units-header h1,body.theme-dark .units-header p{color:var(--page-text)}body.theme-contrast .unit-card{background:var(--card-bg);border-color:var(--soft-outline);box-shadow:var(--card-shadow);color:var(--page-text)}body.theme-dark .units-badge{color:#000}.lesson-page-simple{align-items:center;display:flex;flex-direction:column;min-height:100vh;padding:30px 20px}.lesson-header{margin-bottom:20px;text-align:center}.lesson-badge{background:#ffe08a;border-radius:999px;display:inline-block;font-size:18px;font-weight:700;margin-bottom:10px;padding:8px 16px}.lesson-header h1{font-size:42px}.lesson-header p{font-size:20px}.lesson-progress-simple{margin-bottom:20px;max-width:500px;text-align:center;width:100%}.progress-bar{background:#e5e7eb;border-radius:999px;height:12px;overflow:hidden}.progress-fill{background:#4ade80;height:100%}.progress-text{font-size:16px;font-weight:700;margin-top:6px}.lesson-stack{display:flex;flex-direction:column;gap:16px;max-width:600px;width:100%}.lesson-card-simple{align-items:center;background:#fff;border-radius:22px;box-shadow:0 10px 18px #00000014;cursor:pointer;display:flex;height:110px;justify-content:space-between;padding:0 20px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.lesson-card-simple:hover{box-shadow:0 18px 26px #0000001f;transform:scale(1.07) rotate(-1deg)}.lesson-reward-badge{background:#fde68a;border:2px solid #facc15;border-radius:999px;box-shadow:0 4px 10px #00000014;color:#4b3b00;font-size:14px;font-weight:700;line-height:1;padding:6px 12px;position:absolute;right:14px;top:10px}.lesson-left{align-items:center;display:flex;gap:14px}.lesson-icon{animation:bounce 2s infinite;font-size:32px}.lesson-card-simple .lesson-title{font-size:25px;font-weight:800}.lesson-status{font-size:16px;font-weight:700;margin-top:20px}.lesson-card-simple.done{background:#ecfdf5}.lesson-complete-box{background:#fef9c3;border-radius:20px;font-size:20px;font-weight:700;margin-top:20px;padding:20px;text-align:center}.start-quiz-btn{background:#4ade80;border:none;border-radius:12px;cursor:pointer;font-size:18px;font-weight:700;margin-left:15px;margin-top:10px;padding:12px 18px}.start-quiz-btn:hover{transform:scale(1.05)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}body.theme-contrast .lesson-header h1,body.theme-contrast .lesson-header p,body.theme-contrast .progress-text,body.theme-dark .lesson-header h1,body.theme-dark .lesson-header p,body.theme-dark .progress-text{color:var(--page-text)}body.theme-contrast .lesson-card-simple,body.theme-dark .lesson-card-simple{background:var(--card-bg);border:2px solid var(--soft-outline);box-shadow:var(--card-shadow);color:var(--page-text)}body.theme-dark .lesson-card-simple .lesson-title,body.theme-dark .lesson-header h1,body.theme-dark .lesson-header p,body.theme-dark .lesson-page-simple,body.theme-dark .lesson-status,body.theme-dark .progress-text{color:#f8fafc}body.theme-dark .lesson-card-simple{background:#1e293bf0;border:2px solid #94a3b83d;box-shadow:0 10px 24px #00000038}body.theme-dark .lesson-card-simple.done{background:linear-gradient(180deg,#1f3a2e,#244437)}body.theme-dark .lesson-complete-box{background:linear-gradient(180deg,#fff1b8,#f7e7a0);border:2px solid #f4c542;box-shadow:0 8px 18px #00000029;color:#2f2410}body.theme-dark .start-quiz-btn{background:linear-gradient(180deg,#4ade80,#34d399);box-shadow:0 8px 18px #34d39938;color:#102033}body.theme-dark .lesson-reward-badge{color:#4b3b00}body.theme-dark .lesson-badge{color:#2f2410}:root{--primary:#22c55e;--secondary:#ffd54f;--background:linear-gradient(180deg,#fff8e8,#eef8ff);--card:#fff;--text-dark:#243042;--text-soft:#64748b;--purple:#8b5cf6;--blue-soft:#dbeafe;--green-soft:#dcfce7;--yellow-soft:#fef3c7;--pink-soft:#fce7f3;--danger-soft:#fee2e2;--border-soft:#d6dce5;--shadow-soft:0 12px 24px #1f293714;--screen-max:1140px}.lesson-shell{background:linear-gradient(180deg,#fff8e8,#eef8ff);background:var(--background);min-height:100vh;padding-bottom:124px}.lesson-container{align-items:center;display:flex;flex-direction:column;gap:14px;margin-top:0;padding:12px 16px 20px}.lesson-topbar{width:min(1140px,96%);width:min(var(--screen-max),96%)}.progress-wrap{background:#fffffff2;border:3px solid #fff;border-radius:28px;box-shadow:0 12px 24px #1f293714;box-shadow:var(--shadow-soft);padding:12px 16px 14px}.lesson-progress-text{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:8px}.progress-chip{background:#fff7cc;border:2px solid #ffd54f;border:2px solid var(--secondary);border-radius:999px;color:#243042;color:var(--text-dark);font-family:Jua,sans-serif;font-size:20px;padding:7px 12px}.progress-bar-border{background:#fff;border:3px solid #ffd54f;border:3px solid var(--secondary);border-radius:999px;height:18px;overflow:hidden;width:100%}.progress{background:linear-gradient(90deg,#22c55e,#60d394);border-radius:999px;height:100%;transition:width .4s ease}.lesson-heading-card{align-items:center;background:linear-gradient(135deg,#ffec99,#ffd8f4 45%,#c7f9ff);border:3px solid #fff;border-radius:30px;box-shadow:0 12px 24px #1f293714;box-shadow:var(--shadow-soft);display:flex;gap:16px;justify-content:space-between;padding:14px 18px;width:min(1140px,96%);width:min(var(--screen-max),96%)}.lesson-heading-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.lesson-kicker{color:#6b21a8;font-family:Gugi,sans-serif;font-size:12px;letter-spacing:.4px;margin:0}.lesson-title{color:#243042;color:var(--text-dark);font-family:Jua,sans-serif;font-size:30px;line-height:1.05;margin:0}.lesson-mascot{align-items:center;background:#ffffffb3;border-radius:50%;box-shadow:inset 0 0 0 3px #fff;display:flex;flex-shrink:0;font-size:42px;height:72px;justify-content:center;min-width:72px}.questions-container{align-items:stretch;display:flex;flex-direction:column;gap:14px;width:min(1140px,96%);width:min(var(--screen-max),96%)}.left-container{background:#fffffff5;border:3px solid #fff;border-radius:28px;box-shadow:0 12px 24px #1f293714;box-shadow:var(--shadow-soft);gap:12px;padding:14px}.left-container,.scenario-box{box-sizing:border-box;display:flex;flex-direction:column;width:100%}.scenario-box{background:linear-gradient(180deg,#fff7cc,#fff2b8);border:3px solid #ffd54f;border:3px solid var(--secondary);border-radius:24px;gap:8px;padding:14px 16px}.scenario-box-budget{padding-top:16px}.scenario-top-row{align-items:center;display:flex;justify-content:flex-start;margin-bottom:4px}.scenario-title{color:#243042;color:var(--text-dark);font-size:28px}.scenario-text,.scenario-title{font-family:Jua,sans-serif;margin:0;text-align:center}.scenario-text{color:#64748b;color:var(--text-soft);font-size:24px;line-height:1.2}.scenario-stats{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.scenario-pill{align-items:center;background:#fff;border:2px solid #ffd54f;border:2px solid var(--secondary);border-radius:900px;color:#243042;color:var(--text-dark);display:flex;font-family:Jua,sans-serif;font-size:22px;gap:20px;justify-content:space-between;padding:6px 11px}.scenario-pill strong{font-size:32px}.question-text{color:#243042;color:var(--text-dark);font-family:Jua,sans-serif;font-size:24px;line-height:1.12;margin:0;text-align:center;white-space:pre-line}.hero-gallery{display:flex;flex-direction:column;gap:10px;width:100%}.hero-main-image-wrap{background:#fff;border:3px solid #fff;border-radius:24px;box-shadow:0 10px 22px #0f172a14;height:360px;overflow:hidden;position:relative;width:100%}.hero-main-image{display:block;height:100%;object-fit:cover;width:100%}.hero-badge{background:#ffffffeb;border:2px solid #ffd54f;border:2px solid var(--secondary);border-radius:999px;color:#243042;color:var(--text-dark);font-family:Jua,sans-serif;font-size:14px;left:14px;padding:8px 12px;position:absolute;top:14px}.hero-thumb-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.hero-thumb{background:#fff;border:3px solid #fff;border-radius:18px;box-shadow:0 8px 16px #0f172a0f;height:104px;object-fit:cover;width:100%}.hero-emoji-card{align-items:center;background:linear-gradient(180deg,#fff,#eef6ff);border:3px dashed #9ec5fe;border-radius:28px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:300px;padding:20px;width:100%}.hero-sparkles{font-size:24px;letter-spacing:4px}.hero-emoji{font-size:90px;line-height:1}.option-container{grid-gap:14px;align-content:start;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(210px,1fr));width:100%}.option-container>.activity-panel,.option-container>.activity-panel-drag{grid-column:1/-1;width:100%}.option-btn{align-items:center;background:#fff;border:3px solid #ffd54f;border:3px solid var(--secondary);border-radius:24px;box-shadow:0 12px 24px #1f293714;box-shadow:var(--shadow-soft);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;font-family:Jua,sans-serif;gap:14px;justify-content:center;min-height:250px;padding:18px 16px;text-align:center;transition:all .2s ease-in-out;width:100%}.option-btn:nth-child(4n+1){background:linear-gradient(180deg,#fff7ed,#fff)}.option-btn:nth-child(4n+2){background:linear-gradient(180deg,#eff6ff,#fff)}.option-btn:nth-child(4n+3){background:linear-gradient(180deg,#f5f3ff,#fff)}.option-btn:nth-child(4n+4){background:linear-gradient(180deg,#ecfeff,#fff)}.option-btn:hover{box-shadow:0 14px 24px #0000001f;transform:translateY(-3px)}.option-btn:active{transform:scale(.98)}.selected-option{border-color:#22c55e;border-color:var(--primary);outline:4px solid #22c55e;outline:4px solid var(--primary)}.option-top{align-items:center;display:flex;flex-shrink:0;justify-content:center;min-height:122px;width:100%}.option-img{height:130px;object-fit:contain;width:130px}.option-emoji{font-size:84px;line-height:1}.option-copy{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center;min-width:0;width:100%}.option-txt{color:#243042;color:var(--text-dark);font-size:28px;line-height:1.12;margin:0;text-align:center}.option-subtxt{color:#64748b;color:var(--text-soft);font-size:14px;margin:0;text-align:center}.activity-panel{background:#fffffff5;border:3px solid #fff;border-radius:24px;box-shadow:0 12px 24px #1f293714;box-shadow:var(--shadow-soft);box-sizing:border-box;padding:14px;width:100%}.activity-panel-drag{background:radial-gradient(circle at top left,#fff6d9 0,#0000 25%),radial-gradient(circle at bottom right,#e9f8ff 0,#0000 25%),#fffffffa;height:calc(100vh - 320px);max-height:calc(100vh - 320px);min-height:0;overflow:hidden;padding:14px 16px}.drag-layout{grid-gap:14px;align-items:stretch;display:grid;gap:14px;grid-template-columns:43% 57%;height:100%;min-height:0}.drag-buckets-panel,.drag-items-panel{background:#fff;border:3px solid #eef2f7;border-radius:24px;box-sizing:border-box;height:100%;min-height:0;overflow:hidden;padding:14px}.drag-buckets-panel,.drag-items-panel{display:flex;flex-direction:column}.drag-items-panel{min-width:0}.drag-buckets-title,.drag-items-title{color:#243042;color:var(--text-dark);flex-shrink:0;font-family:Jua,sans-serif;font-size:33px;margin-bottom:10px;text-align:center}.drag-drop-zone-list{grid-gap:12px;display:grid;flex:1 1;gap:12px;grid-template-columns:1fr;min-height:0}.budget-total-card{align-items:center;background:#dbeafe;background:var(--blue-soft);border:3px solid #93c5fd;border-radius:18px;color:#243042;color:var(--text-dark);display:flex;font-family:Jua,sans-serif;font-size:20px;gap:18px;justify-content:space-between;margin-bottom:14px;padding:12px 14px}.budget-total-card-inline{margin-bottom:0;min-width:170px;padding:10px 14px;width:-webkit-fit-content;width:fit-content}.budget-total-card.over-budget{background:#fee2e2;background:var(--danger-soft);border-color:#f87171}.budget-grid,.clue-grid,.tap-answer-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(180px,1fr))}.drag-bank{grid-gap:10px;align-content:start;display:grid;flex:1 1;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:4px}.budget-item-card{background:#fff;border:3px solid #d6dce5;border:3px solid var(--border-soft);border-radius:20px;box-shadow:0 6px 16px #0000000d;box-sizing:border-box;cursor:pointer;min-height:150px;padding:12px;text-align:center;transition:.2s ease}.budget-item-selected{background:#f5f3ff;border:4px solid #8b5cf6;border:4px solid var(--purple)}.budget-item-emoji{font-size:82px;margin-bottom:6px}.budget-item-img{height:76px;margin-bottom:6px;object-fit:contain;width:76px}.budget-item-name{font-size:24px}.budget-item-name,.budget-item-price{color:#243042;color:var(--text-dark);font-family:Jua,sans-serif}.budget-item-price{font-size:22px;margin-top:4px}.budget-item-tag{color:#64748b;color:var(--text-soft);font-size:14px;margin-top:4px}.clue-card{background:#ede9fe;border:3px solid #c7d2fe;border-radius:20px;box-sizing:border-box;cursor:pointer;min-height:120px;padding:12px;text-align:center;transition:.2s ease}.clue-card-open{background:#f8fafc;border-color:#cbd5e1}.clue-cover-emoji,.clue-open-emoji{font-size:40px;margin-bottom:8px}.clue-cover-text,.clue-open-title{color:#243042;color:var(--text-dark);font-family:Jua,sans-serif;font-size:20px}.clue-open-text{color:#64748b;color:var(--text-soft);font-size:18px;line-height:1.2;margin-top:4px}.tap-answer-btn{background:#fff;border:3px solid #ffd54f;border:3px solid var(--secondary);border-radius:18px;color:#243042;color:var(--text-dark);cursor:pointer;font-family:Jua,sans-serif;font-size:22px;margin-top:10px;min-height:90px;padding:10px 12px;transition:.2s ease;transition:all .2s ease-in-out}.tap-answer-btn:hover{box-shadow:0 14px 24px #0000001f;transform:translateY(-3px)}.tap-answer-btn:active{transform:scale(.98)}.drag-item-card{align-items:center;background:linear-gradient(180deg,#fff,#fbfcff);border:3px solid #d6dce5;border:3px solid var(--border-soft);border-radius:20px;box-shadow:0 8px 16px #0000000d;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;justify-content:center;margin-left:10px;margin-right:10px;margin-top:10px;min-height:155px;min-width:0;overflow:hidden;padding:10px 8px;position:relative;text-align:center;transition:transform .18s ease,box-shadow .18s ease}.drag-item-card:hover{box-shadow:0 12px 18px #00000014;outline:4px solid #8b5cf6;outline:4px solid var(--purple);transform:translateY(-2px)}.drag-item-active{transform:scale(1.01)}.drag-item-glow{background:radial-gradient(circle at top,#ffd54f24,#0000 45%);inset:0;pointer-events:none;position:absolute}.drag-item-img{height:64px;margin-bottom:2px;object-fit:contain;width:64px;z-index:1}.drag-item-emoji{font-size:66px;margin-bottom:2px;z-index:1}.drag-item-label{color:#243042;color:var(--text-dark);font-size:20px;line-height:1.15;margin-bottom:0;word-break:break-word}.drag-item-label,.drag-item-mini{font-family:Jua,sans-serif;z-index:1}.drag-item-mini{background:#f8fafc;border:2px solid #e2e8f0;border-radius:999px;color:#64748b;color:var(--text-soft);font-size:11px;padding:4px 8px}.quick-sort-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;z-index:1}.check-btn,.quick-sort-btn{background:linear-gradient(90deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Jua,sans-serif;font-size:12px;padding:7px 10px;transition:transform .18s ease}.check-btn:hover,.quick-sort-btn:hover{transform:translateY(-1px)}.check-btn{font-size:25px;margin-top:14px;min-height:50px;width:100%}.drop-zone{border:3px dashed #bfd7f5;border-radius:22px;box-sizing:border-box;display:flex;flex-direction:column;height:calc(50% - 6px);justify-content:flex-start;min-height:100%;overflow:hidden;padding:12px;width:100%}.need-zone{background:linear-gradient(180deg,#ecfccb,#f8fff0)}.want-zone{background:linear-gradient(180deg,#fde68a,#fff8db)}.drop-zone-ready{box-shadow:0 10px 18px #1f293714}.drop-zone-icon{flex-shrink:0;font-size:24px;margin-bottom:2px;text-align:center}.drop-zone h4{color:#243042;color:var(--text-dark);font-size:30px;margin:0 0 2px}.drop-zone h4,.drop-zone-mini{flex-shrink:0;font-family:Jua,sans-serif;text-align:center}.drop-zone-mini{color:#64748b;color:var(--text-soft);font-size:20px;margin:0 0 8px}.drop-zone-hint{background:#ffffffd9;border:2px solid #dbe4ef;border-radius:999px;color:#243042;color:var(--text-dark);flex-shrink:0;font-family:Jua,sans-serif;font-size:12px;margin:0 auto 10px;padding:5px 10px;width:-webkit-fit-content;width:fit-content}.sorted-items{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;overflow-y:auto;padding-right:2px}.sorted-pill{align-items:center;background:#fff;border:2px solid #d6dce5;border-radius:999px;color:#243042;color:var(--text-dark);display:inline-flex;gap:6px;padding:6px 10px}.mini-tip,.sorted-pill{font-family:Jua,sans-serif;font-size:20px}.mini-tip{color:#64748b;color:var(--text-soft);margin-top:12px;text-align:center}.drag-bank::-webkit-scrollbar,.sorted-items::-webkit-scrollbar{width:8px}.drag-bank::-webkit-scrollbar-thumb,.sorted-items::-webkit-scrollbar-thumb{background:#d6dce5;border-radius:999px}.drag-bank::-webkit-scrollbar-track,.sorted-items::-webkit-scrollbar-track{background:#0000}.lesson-sticky-bar{background:linear-gradient(180deg,#fff0,#fff8e8e6 30%,#fff8e8);bottom:0;left:0;padding:10px 14px 14px;position:fixed;right:0;z-index:30}.lesson-sticky-inner{align-items:center;background:#fffffff7;border:3px solid #fff;border-radius:26px;box-shadow:0 -6px 24px #0f172a1f;display:flex;gap:14px;justify-content:space-between;margin:0 auto;padding:12px 14px;width:min(1140px,98%);width:min(var(--screen-max),98%)}.sticky-feedback-wrap{flex:1 1;min-width:0}.feedback-pill{background:#f8fafc;border:3px solid #cbd5e1;border-radius:18px;color:#1f2937;display:flex;flex-direction:column;font-family:Jua,sans-serif;gap:3px;justify-content:center;min-height:60px;padding:10px 14px}.feedback-pill strong{font-size:17px;line-height:1}.feedback-pill span{font-size:20px;line-height:1.15}.feedback-correct{background:#dcfce7;border-color:#22c55e;color:#14532d}.feedback-hint{background:#fef3c7;border-color:#f59e0b;color:#78350f}.feedback-info{background:#dbeafe;border-color:#3b82f6;color:#1e3a8a}.feedback-empty{background:#eef6ff;border-color:#bfd7f5;color:#334155}.sticky-actions{align-items:center;display:flex;flex-shrink:0;gap:12px}.context-btn,.next-btn{align-items:center;border-radius:999px;cursor:pointer;display:flex;font-family:Gugi,sans-serif;font-size:18px;justify-content:center;min-height:58px;min-width:150px;padding:12px 22px;transition:all .2s ease-in-out}.context-btn{background:linear-gradient(180deg,#fff1a6,#ffd54f);border:3px solid #ffd54f;border:3px solid var(--secondary);color:#243042;color:var(--text-dark)}.next-btn{background:linear-gradient(180deg,#34d399,#22c55e);border:none;color:#fff}.context-btn:hover,.next-btn:hover{box-shadow:0 8px 18px #0000001f;transform:scale(1.02)}.next-btn:disabled{background:#bfc7ce;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:950px){.option-container{grid-template-columns:repeat(2,minmax(220px,1fr))}.hero-thumb-row{grid-template-columns:repeat(2,1fr)}.activity-panel-drag{height:auto;max-height:none;overflow:visible}.drag-layout{grid-template-columns:1fr;height:auto;max-height:none}.drag-buckets-panel,.drag-items-panel{height:auto;overflow:visible}.drag-drop-zone-list,.drop-zone{height:auto}.drop-zone{min-height:150px}.drag-bank{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow-y:visible}.lesson-sticky-inner{align-items:stretch;flex-direction:column}.sticky-actions{width:100%}.context-btn,.next-btn{flex:1 1;min-width:0}}@media (max-width:760px){.budget-grid,.clue-grid,.hero-thumb-row,.option-container,.tap-answer-grid{grid-template-columns:1fr}.hero-main-image-wrap{height:280px}.hero-thumb{height:96px}.lesson-title{font-size:24px}.lesson-heading-card{padding:12px 14px}.lesson-mascot{font-size:32px;height:58px;min-width:58px}.scenario-title{font-size:21px}.scenario-text{font-size:14px}.question-text{font-size:21px}.option-btn{min-height:220px;padding:14px 12px}.option-top{min-height:108px}.option-img{height:112px;width:112px}.option-emoji{font-size:72px}.option-txt{font-size:20px}.drag-bank{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.drag-item-card{min-height:140px;padding:8px 6px}.drag-item-img{height:56px;width:56px}.drag-item-label{font-size:13px}.drop-zone h4{font-size:30px}.sticky-actions{flex-direction:column}.context-btn,.next-btn{width:100%}.feedback-pill strong{font-size:15px}.feedback-pill span{font-size:13px}}.hint-popup{margin:4px auto 8px;max-width:1100px;width:100%}.hint-popup-content{background:#fff7d6;border:2px solid #f4c542;border-radius:18px;box-shadow:0 8px 18px #00000014;padding:14px 18px}.hint-popup-icon{font-size:28px;line-height:1}.hint-popup-text{color:#5b4a00;font-size:18px;line-height:1.4}.hint-popup-close{color:#7a6200;line-height:1;padding:0 4px}.hint-popup-close:hover{transform:scale(1.08)}@media (max-width:700px){.hint-popup-content{align-items:flex-start;padding:12px 14px}.hint-popup-text{font-size:16px}.hint-popup-close{font-size:24px}}.hint-popup{animation:hintSlideDown .25s ease;margin:8px auto 4px;width:min(1140px,96%);width:min(var(--screen-max),96%);z-index:20}.hint-popup-content{align-items:center;background:linear-gradient(180deg,#fff8d6,#fff1b8);border:3px solid #ffd54f;border:3px solid var(--secondary);border-radius:22px;box-shadow:0 12px 24px #1f293714;box-shadow:var(--shadow-soft);display:flex;gap:12px;padding:12px 16px}.hint-popup-icon{flex-shrink:0;font-size:32px}.hint-popup-text{color:#243042;color:var(--text-dark);flex:1 1;font-family:Jua,sans-serif;font-size:21px;line-height:1.3}.hint-popup-text strong{font-size:23px}.hint-popup-close{background:#0000;border:none;color:#64748b;color:var(--text-soft);cursor:pointer;font-size:28px;padding:0 6px}.hint-popup-close:hover{transform:scale(1.1)}@keyframes hintSlideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px){.hint-popup-content{align-items:flex-start;padding:10px 12px}.hint-popup-text{font-size:15px}.hint-popup-icon{font-size:26px}}body.theme-contrast .lesson-container,body.theme-dark .lesson-container{background:#0000}body.theme-contrast .budget-item-name,body.theme-contrast .budget-item-price,body.theme-contrast .hero-caption,body.theme-contrast .lesson-title,body.theme-contrast .option-subtxt,body.theme-contrast .option-txt,body.theme-contrast .question-text,body.theme-contrast .scenario-text,body.theme-contrast .scenario-title,body.theme-dark .budget-item-name,body.theme-dark .budget-item-price,body.theme-dark .hero-caption,body.theme-dark .lesson-title,body.theme-dark .option-subtxt,body.theme-dark .option-txt,body.theme-dark .question-text,body.theme-dark .scenario-text,body.theme-dark .scenario-title{color:var(--page-text)}body.theme-contrast .activity-panel,body.theme-contrast .answer-box,body.theme-contrast .budget-item-card,body.theme-contrast .budget-total-card,body.theme-contrast .clue-card,body.theme-contrast .hero-emoji-card,body.theme-contrast .left-container,body.theme-contrast .option-btn,body.theme-contrast .scenario-box,body.theme-dark .activity-panel,body.theme-dark .answer-box,body.theme-dark .budget-item-card,body.theme-dark .budget-total-card,body.theme-dark .clue-card,body.theme-dark .hero-emoji-card,body.theme-dark .left-container,body.theme-dark .option-btn,body.theme-dark .scenario-box{background:var(--card-bg);border-color:var(--soft-outline);box-shadow:var(--card-shadow);color:var(--page-text)}body.theme-dark .lesson-container,body.theme-dark .lesson-page-simple{background:linear-gradient(180deg,#22344d,#1e3551);color:#f8fafc}body.theme-dark .drop-zone-mini,body.theme-dark .feedback-pill,body.theme-dark .feedback-pill span,body.theme-dark .feedback-pill strong,body.theme-dark .hero-caption,body.theme-dark .lesson-title,body.theme-dark .mini-tip,body.theme-dark .question-text,body.theme-dark .scenario-text,body.theme-dark .scenario-title{color:#f8fafc}body.theme-dark .feedback-pill,body.theme-dark .hero-emoji-card,body.theme-dark .left-container,body.theme-dark .lesson-sticky-inner,body.theme-dark .option-btn,body.theme-dark .sorted-pill{background:#1e293bf0;border-color:#94a3b83d;box-shadow:0 10px 24px #00000038}body.theme-dark .scenario-box{background:linear-gradient(180deg,#f7eab3,#f2df92);border-color:#f4c542}body.theme-dark .drop-zone-hint,body.theme-dark .scenario-pill,body.theme-dark .scenario-text,body.theme-dark .scenario-title{color:#233044}body.theme-dark .drop-zone-hint,body.theme-dark .scenario-pill{background:#ffffffeb;border-color:#dbe4ef}body.theme-dark .hint-popup-content{background:linear-gradient(180deg,#fff3be,#ffe89a);border:3px solid #f4c542;box-shadow:0 10px 22px #0000002e}body.theme-dark .hint-popup-close,body.theme-dark .hint-popup-text,body.theme-dark .hint-popup-text strong{color:#3b2f13}body.theme-dark .lesson-sticky-bar{background:linear-gradient(180deg,#22344d00,#22344dd1 30%,#22344d)}body.theme-dark .context-btn{background:#ffd54f;border-color:#ffd54f;color:#233044}body.theme-dark .next-btn{background:#4caf50;color:#fff}body.theme-dark .activity-panel-drag{background:radial-gradient(circle at top left,#facc150f 0,#0000 25%),radial-gradient(circle at bottom right,#60a5fa14 0,#0000 25%),#1e293bfa!important;border-color:#94a3b838!important;box-shadow:0 10px 24px #0000003d}body.theme-dark .drag-buckets-panel,body.theme-dark .drag-items-panel{background:#0f172aeb!important;border:3px solid #94a3b838!important;box-shadow:inset 0 1px 0 #ffffff05}body.theme-dark .drag-buckets-title,body.theme-dark .drag-items-title{color:#f8fafc!important}body.theme-dark .drop-zone{border:3px dashed #94a3b859!important;box-shadow:none}body.theme-dark .need-zone{background:linear-gradient(180deg,#1f3a2a,#16281e)!important;border-color:#4ade8073!important}body.theme-dark .want-zone{background:linear-gradient(180deg,#4a3514,#36270f)!important;border-color:#fbbf2473!important}body.theme-dark .drop-zone h4{color:#f8fafc!important}body.theme-dark .drop-zone-mini{color:#cbd5e1!important}body.theme-dark .drop-zone-ready{box-shadow:0 0 0 3px #60a5fa29,0 10px 18px #00000038!important}body.theme-dark .sorted-pill{background:#1e293bf5!important;border:2px solid #94a3b838!important;color:#f8fafc!important}body.theme-dark .drag-item-card{background:linear-gradient(180deg,#0f172a,#1e293b)!important;border:3px solid #94a3b838!important;box-shadow:0 8px 16px #00000038}body.theme-dark .drag-item-card:hover{box-shadow:0 12px 18px #00000047;outline:4px solid #a855f7}body.theme-dark .drag-item-label{color:#f8fafc!important}body.theme-dark .drag-item-mini{background:#1e293bf5!important;border:2px solid #94a3b838!important;color:#cbd5e1!important}body.theme-dark .drag-bank::-webkit-scrollbar-thumb,body.theme-dark .sorted-items::-webkit-scrollbar-thumb{background:#94a3b873}body.theme-dark .next-btn:disabled{color:#cbd5e1!important;cursor:not-allowed;opacity:.65}body.theme-dark .next-btn:disabled,body.theme-dark .next-btn:disabled:hover{background:#475569!important;box-shadow:none!important;transform:none!important}body.theme-dark .budget-item-card{background:#1e293bf5;border-color:#94a3b838}body.theme-dark .budget-item-name,body.theme-dark .budget-item-price,body.theme-dark .budget-item-tag{color:#f8fafc}body.theme-dark .budget-item-card.budget-item-selected{background:linear-gradient(180deg,#31204f,#24183d)!important;border:4px solid #a855f7!important;box-shadow:0 0 0 3px #a855f738,0 10px 24px #00000047}body.theme-dark .budget-item-card.budget-item-selected .budget-item-name,body.theme-dark .budget-item-card.budget-item-selected .budget-item-price,body.theme-dark .budget-item-card.budget-item-selected .budget-item-tag{color:#f8fafc!important}body.theme-dark .budget-item-card.budget-item-selected .budget-item-emoji{filter:drop-shadow(0 0 6px rgba(168,85,247,.35))}body.theme-dark .feedback-pill.feedback-correct{background:linear-gradient(180deg,#14532d,#166534)!important;border-color:#4ade80!important;color:#f0fdf4!important}body.theme-dark .feedback-pill.feedback-correct span,body.theme-dark .feedback-pill.feedback-correct strong{color:#f0fdf4!important}body.theme-dark .feedback-pill.feedback-hint{background:linear-gradient(180deg,#78350f,#92400e)!important;border-color:#fbbf24!important;color:#fffbeb!important}body.theme-dark .feedback-pill.feedback-hint span,body.theme-dark .feedback-pill.feedback-hint strong{color:#fffbeb!important}body.theme-dark .feedback-pill.feedback-info{background:linear-gradient(180deg,#1e3a8a,#1d4ed8)!important;border-color:#60a5fa!important;color:#eff6ff!important}body.theme-dark .feedback-pill.feedback-info span,body.theme-dark .feedback-pill.feedback-info strong{color:#eff6ff!important}body.theme-dark .feedback-pill.feedback-empty{background:#1e293bf5!important;border-color:#94a3b838!important;color:#f8fafc!important}body.theme-dark .feedback-pill.feedback-empty span,body.theme-dark .feedback-pill.feedback-empty strong{color:#f8fafc!important}body.theme-dark .lesson-shell{background:linear-gradient(180deg,#22344d,#1e3551);min-height:100vh}body.theme-dark .lesson-container{background:#0000}body.theme-dark .lesson-sticky-bar{background:linear-gradient(180deg,#22344d00,#22344deb 28%,#22344d)}body.theme-dark .lesson-sticky-inner{background:#1e293bf5;border:2px solid #94a3b838;box-shadow:0 -6px 24px #0000003d}body.theme-dark .clue-cover-text,body.theme-dark .clue-open-text,body.theme-dark .clue-open-title{color:#fff}.video-btn{align-items:center;background:linear-gradient(180deg,#dbeafe,#93c5fd);border:3px solid #93c5fd;border-radius:999px;color:#1e3a8a;cursor:pointer;display:flex;font-family:Gugi,sans-serif;font-size:18px;justify-content:center;min-height:58px;min-width:150px;padding:12px 22px;transition:all .2s ease-in-out}.video-btn:hover{box-shadow:0 8px 18px #0000001f;transform:scale(1.02)}.video-popup-overlay{align-items:center;background:#0f172a99;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.video-popup-content{background:#fff;border:3px solid #fff;border-radius:24px;box-shadow:0 20px 40px #0f172a40;padding:18px;position:relative;width:min(820px,95vw)}.video-popup-close{background:#0000;border:none;color:#64748b;cursor:pointer;font-size:32px;line-height:1;padding:0 6px;position:absolute;right:12px;top:10px}.video-popup-close:hover{transform:scale(1.08)}.video-popup-frame-wrap{aspect-ratio:16/9;background:#000;border-radius:18px;overflow:hidden;width:100%}.video-popup-frame{border:none;height:100%;width:100%}@media (max-width:950px){.video-btn{flex:1 1;min-width:0}}@media (max-width:760px){.video-popup-content{border-radius:18px;padding:12px}.video-popup-close{font-size:28px;right:8px;top:6px}}.lesson-loading-screen{background:radial-gradient(circle at top left,#fff59d38,#0000 28%),radial-gradient(circle at bottom right,#bfdbfe38,#0000 30%),linear-gradient(180deg,#fff8e8,#eef8ff);background:radial-gradient(circle at top left,#fff59d38,#0000 28%),radial-gradient(circle at bottom right,#bfdbfe38,#0000 30%),var(--background);min-height:100vh;padding:24px}.lesson-loading-card,.lesson-loading-screen{align-items:center;box-sizing:border-box;display:flex;justify-content:center}.lesson-loading-card{background:#fffffff5;border:3px solid #fff;border-radius:28px;box-shadow:0 16px 34px #0f172a24;flex-direction:column;gap:16px;padding:34px 28px;text-align:center;width:min(460px,92vw)}.lesson-loading-spinner{animation:lessonSpin .9s linear infinite;border:6px solid #e5e7eb;border-radius:50%;border-top-color:#22c55e;border-top:6px solid var(--primary);height:56px;width:56px}.lesson-loading-card h2{color:#243042;color:var(--text-dark);font-family:Jua,sans-serif;font-size:34px;line-height:1.1;margin:0}.lesson-loading-card p{color:#64748b;color:var(--text-soft);font-family:Jua,sans-serif;font-size:21px;line-height:1.3;margin:0}@keyframes lessonSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body.theme-dark .lesson-loading-screen{background:radial-gradient(circle at top left,#facc1514,#0000 24%),radial-gradient(circle at bottom right,#60a5fa1a,#0000 28%),linear-gradient(180deg,#0f172a,#172554)}body.theme-dark .lesson-loading-card{background:#0f172af0;border:3px solid #ffffff14;box-shadow:0 18px 40px #00000061}body.theme-dark .lesson-loading-spinner{border:6px solid #ffffff24;border-top-color:#4ade80}body.theme-dark .lesson-loading-card h2{color:#f8fafc}body.theme-dark .lesson-loading-card p{color:#cbd5e1}.intro-page{align-items:center;background:linear-gradient(180deg,#f8fafc,#e0f2fe);display:flex;flex-direction:column;min-height:100vh;padding:40px 20px}.intro-header{margin-bottom:30px;text-align:center}.intro-badge{background:#ffe08a;border-radius:999px;font-size:25px;font-weight:700;margin-bottom:12px;padding:10px 20px}.intro-header h1{font-size:42px;font-weight:900}.learn-box{background:#eef2ff;border-radius:22px;box-shadow:0 10px 20px #00000014;margin-bottom:25px;max-width:700px;padding:22px;width:100%}.learn-title{font-size:30px;font-weight:900;margin-bottom:14px}.learn-item{margin-bottom:12px}.learn-button{align-items:center;background:#fff;border:none;border-radius:16px;cursor:pointer;display:flex;font-size:20px;font-weight:800;justify-content:space-between;padding:16px;transition:all .2s ease;width:100%}.learn-button:hover{background:#f8fafc;transform:scale(1.04)}.chevron{font-size:22px;transition:transform .3s ease}.chevron.open{transform:rotate(180deg)}.learn-content{animation:fadeSlide .3s ease;background:#fff;border-radius:14px;font-size:20px;margin-top:8px;padding:14px;text-align:center}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.intro-tip{background:#fff6d8;border-radius:20px;font-size:20px;font-weight:700;margin-top:25px;max-width:700px;padding:18px 24px;text-align:center}.intro-btn{background:#4ade80;border:none;border-radius:18px;cursor:pointer;font-size:22px;font-weight:900;margin-top:25px;padding:18px 40px;transition:all .2s ease}.intro-btn:hover{box-shadow:0 10px 20px #00000026;transform:scale(1.08)}.intro-btn:active{transform:scale(.95)}.learn-term{font-size:24px}body.theme-contrast .intro-page,body.theme-dark .intro-page{background:#0000}body.theme-contrast .intro-header h1,body.theme-dark .intro-header h1{color:var(--page-text)}body.theme-contrast .learn-box,body.theme-contrast .learn-button,body.theme-contrast .learn-content,body.theme-dark .learn-box,body.theme-dark .learn-button,body.theme-dark .learn-content{background:var(--card-bg);border:2px solid var(--soft-outline);box-shadow:var(--card-shadow);color:var(--page-text)}body.theme-dark .intro-page{background:linear-gradient(180deg,#22344d,#1b2f48);color:#f8fafc}body.theme-dark .intro-header h1{color:#f8fafc}body.theme-dark .intro-badge{background:#ffe08a;color:#2f2410}body.theme-dark .learn-box{background:#1e293bf0;border:2px solid #94a3b83d;box-shadow:0 10px 24px #00000038}body.theme-dark .learn-title{color:#f8fafc}body.theme-dark .learn-button{background:#f7eec7;border:2px solid #eadb98;color:#233044}body.theme-dark .learn-button:hover{background:#fff5cf}body.theme-dark .learn-content{background:#fff9df;border:2px solid #f3dd8a;color:#3b2f13}body.theme-dark .chevron{color:#233044}body.theme-dark .intro-tip{color:#000}:root{--yellow:#ffd54f;--yellow-dark:#f2b91f;--green:#63c86b;--green-dark:#3eb34f;--pink:#ff7f96;--text-dark:#26364d;--text-soft:#6b7a90;--card-bg:#fffffff2;--shadow:0 10px 20px #26364d14;--shadow-hover:0 14px 24px #26364d24;--locked:#b6bcc7}.saving-lesson-container{background:radial-gradient(circle at top left,#ffdc5a47,#0000 25%),radial-gradient(circle at top right,#ffb3d238,#0000 23%),radial-gradient(circle at bottom left,#9bdcff38,#0000 25%),linear-gradient(180deg,#f8fbff,#eef7ff 50%,#fff8f0);box-sizing:border-box;min-height:calc(100vh - 68px);overflow:hidden;padding:14px 16px 18px;position:relative}.saving-corner-buttons,.saving-help-overlay,.saving-layout,.saving-popup-overlay,.saving-win-overlay{position:relative;z-index:2}.saving-floating-emoji{animation:savingFloatMove 4.5s ease-in-out infinite;font-size:56px;opacity:.18;pointer-events:none;position:absolute;z-index:0}.se1{left:7%;top:7%}.se2{left:28%;top:10%}.se3{right:18%;top:8%}.se4{left:4%;top:30%}.se5{right:8%;top:28%}.se6{bottom:24%;left:10%}.se7{bottom:13%;left:32%}.se8{bottom:12%;right:16%}.se9{left:18%;top:54%}.se10{right:22%;top:58%}@keyframes savingFloatMove{0%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(-5deg)}50%{transform:translateY(-18px) rotate(5deg)}75%{transform:translateY(-10px) rotate(-3deg)}to{transform:translateY(0) rotate(0deg)}}.saving-layout{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:170px minmax(0,1fr) 140px;margin:0 auto;max-width:1360px;width:100%}.saving-main-board{display:flex;flex-direction:column;gap:10px;min-width:0;width:100%}.saving-fun-sidebar,.saving-rewards-sidebar{display:flex;justify-content:center}.saving-fun-card,.saving-rewards-track-card{background:#fffffff2;border:2px solid #ffd54f73;border-radius:28px;box-shadow:0 10px 20px #26364d14;box-shadow:var(--shadow)}.saving-rewards-track-card{box-sizing:border-box;display:flex;flex-direction:column;height:500px;max-height:500px;overflow:hidden;padding:14px 10px;width:160px}.saving-rewards-track-title{color:#26364d;color:var(--text-dark);font-family:Jua,sans-serif;font-size:1.15rem;margin:0 0 12px;text-align:center}.saving-rewards-track-list{display:flex;flex:1 1;flex-direction:column;gap:10px;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:4px}.saving-rewards-track-list::-webkit-scrollbar{width:8px}.saving-rewards-track-list::-webkit-scrollbar-track{background:#eef2f6;border-radius:999px}.saving-rewards-track-list::-webkit-scrollbar-thumb{background:#d1d8e2;border-radius:999px}.saving-rewards-track-list::-webkit-scrollbar-thumb:hover{background:#bcc5d1}.saving-track-item{align-items:center;border-radius:18px;display:flex;flex-direction:column;gap:5px;padding:9px 7px;text-align:center;transition:transform .18s ease}.saving-track-item-earned{background:#eaf8ec;border:2px solid #8ad293}.saving-track-item-locked{background:#f1f3f6;border:2px solid #d8dde5;filter:grayscale(100%);opacity:.6}.saving-track-emoji-wrap{align-items:center;display:flex;height:50px;justify-content:center;position:relative;width:50px}.saving-track-emoji{font-size:2rem}.saving-track-lock{bottom:-6px;font-size:.95rem;position:absolute;right:-6px}.saving-track-text{display:flex;flex-direction:column;gap:2px}.saving-track-name{color:#26364d;color:var(--text-dark);font-family:Jua,sans-serif;font-size:.95rem}.saving-track-cost{color:#6b7a90;color:var(--text-soft);font-family:Jua,sans-serif;font-size:.85rem}.saving-fun-card{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;height:500px;max-height:500px;padding:14px 10px;width:132px}.saving-fun-title{color:#26364d;color:var(--text-dark);font-family:Jua,sans-serif;font-size:1.2rem;margin:0;text-align:center}.saving-fun-meter-wrap{align-items:stretch;display:flex;gap:8px;height:340px;justify-content:center}.saving-fun-scale{color:#6b7a90;color:var(--text-soft);display:flex;flex-direction:column;font-family:Jua,sans-serif;font-size:.9rem;justify-content:space-between;text-align:right}.saving-fun-track-vertical{align-items:flex-end;background:#eceff4;border-radius:999px;display:flex;height:100%;overflow:hidden;position:relative;width:26px}.saving-fun-fill-vertical{border-radius:999px;transition:height .35s ease;width:100%}.fun-good{background:linear-gradient(180deg,#ff8b7a,#ffb97e)}.fun-low{background:linear-gradient(180deg,#efb4bc,#ead1d6)}.saving-fun-target-horizontal{background:#26364d;border-radius:999px;height:4px;left:-7px;position:absolute;transform:translateY(50%);width:40px}.saving-fun-values{color:#26364d;color:var(--text-dark);display:flex;flex-direction:column;font-family:Jua,sans-serif;font-size:.95rem;gap:6px;text-align:center}.saving-goal-box{background:linear-gradient(180deg,#fff9db,#fff1b8);border:2px solid #f2b91f;border:2px solid var(--yellow-dark);border-radius:24px;box-shadow:0 10px 20px #26364d14;box-shadow:var(--shadow);padding:16px 18px;text-align:center}.saving-goal-content{align-items:center;display:flex;gap:18px;justify-content:center}.saving-goal-text{text-align:center}.saving-goal-piggy{align-items:center;display:flex;flex-shrink:0;height:105px;justify-content:center;position:relative;width:105px}.saving-goal-piggy-img{animation:piggyFloat 2.6s ease-in-out infinite;height:80px;object-fit:contain;position:relative;width:80px;z-index:1}.saving-goal-box h2{font-size:1.95rem;margin:0}.saving-goal-box h2,.saving-goal-box p{color:#26364d;color:var(--text-dark);font-family:Jua,sans-serif}.saving-goal-box p{font-size:1rem;margin:3px 0}.meter-card{background:#fffffff2;background:var(--card-bg);border-radius:20px;box-shadow:0 10px 20px #26364d14;box-shadow:var(--shadow);padding:12px 14px}.meter-header{color:#26364d;color:var(--text-dark);display:flex;flex-wrap:wrap;font-family:Jua,sans-serif;font-size:1rem;gap:12px;justify-content:space-between;margin-bottom:8px}.saving-progress-border{background:#fff8de;border:2px solid #f2b91f;border:2px solid var(--yellow-dark);border-radius:999px;height:18px;overflow:hidden;width:100%}.saving-progress-fill{background:linear-gradient(90deg,#63c86b,#91df70);background:linear-gradient(90deg,var(--green) 0,#91df70 100%);border-radius:999px;height:100%;transition:width .4s ease}@keyframes piggyFloat{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.saving-feedback-box{background:#fff;border-radius:18px;box-shadow:0 10px 20px #26364d14;box-shadow:var(--shadow);padding:12px 16px;text-align:center}.saving-feedback-box p{color:#26364d;color:var(--text-dark);font-family:Jua,sans-serif;font-size:1rem;line-height:1.35;margin:0}.saving-round-text{color:#ff8a66;font-family:Gugi,sans-serif;font-size:.95rem;margin:2px 0 0;text-align:center}.saving-actions-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(200px,1fr))}.saving-action-card{align-items:center;background:#fffffff7;border:3px solid #ffd54f;border:3px solid var(--yellow);border-radius:24px;box-shadow:0 10px 20px #26364d14;box-shadow:var(--shadow);cursor:pointer;display:flex;flex-direction:column;gap:6px;justify-content:flex-start;min-height:250px;padding:14px 12px 12px;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.saving-action-card:hover{box-shadow:0 14px 24px #26364d24;box-shadow:var(--shadow-hover);transform:translateY(-5px) scale(1.01)}.saving-action-card:disabled{cursor:default;opacity:.92}.saving-selected-card{outline:5px solid #63c86b40;transform:translateY(-4px)}.saving-action-img{background:#f8fbff;border-radius:16px;height:105px;object-fit:contain;padding:8px;width:105px}.saving-action-title{color:#26364d;color:var(--text-dark);font-family:Jua,sans-serif;font-size:1.15rem;margin:4px 0 2px;text-align:center}.saving-action-fun,.saving-action-money{font-family:Jua,sans-serif;font-size:.95rem;margin:0;text-align:center}.saving-action-money{color:#1f9950}.fun-positive{color:#ff7f96;color:var(--pink)}.fun-negative{color:#8b92a0}.saving-finish-btn,.saving-shelf-btn{border:none;border-radius:999px;color:#26364d;color:var(--text-dark);cursor:pointer;font-family:Gugi,sans-serif;font-size:.95rem;padding:11px 24px;transition:transform .18s ease}.saving-finish-btn{background:linear-gradient(180deg,#ffd75e,#ffc72f);box-shadow:0 10px 20px #ffc72f47;display:inline-block;margin:0}.saving-shelf-btn{background:linear-gradient(180deg,#8ed0ff,#66baff);box-shadow:0 10px 20px #66baff47;margin:0}.saving-finish-btn:hover,.saving-shelf-btn:hover{transform:translateY(-2px)}.saving-win-overlay{align-items:flex-start;background:#1923346b;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding-left:20px;padding-right:20px;padding-top:150px;position:fixed;z-index:1000}.saving-win-modal{background:linear-gradient(180deg,#fff7cb,#ffe99d);border:3px solid #f2b91f;border:3px solid var(--yellow-dark);border-radius:28px;box-shadow:0 18px 34px #f2b91f38;max-width:760px;padding:24px 24px 22px;text-align:center;width:100%}.saving-win-badge{background:#fff;border-radius:999px;color:#ff8a66;display:inline-block;font-family:Gugi,sans-serif;font-size:.85rem;margin-bottom:10px;padding:7px 14px}.saving-win-title{font-size:2rem;margin:0 0 8px}.saving-win-helper,.saving-win-subtitle,.saving-win-title{color:#26364d;color:var(--text-dark);font-family:Jua,sans-serif}.saving-win-helper,.saving-win-subtitle{margin:0}.saving-win-subtitle{font-size:1.15rem;margin-bottom:8px}.saving-win-helper{color:#6b7a90;color:var(--text-soft);font-size:1rem;margin-bottom:16px}.saving-win-actions{flex-wrap:wrap;gap:14px;margin-top:6px}.saving-popup-overlay,.saving-win-actions{align-items:center;display:flex;justify-content:center}.saving-popup-overlay{background:#19233473;box-sizing:border-box;inset:0;padding:20px;position:fixed;z-index:999}.saving-popup-box{background:#fff;border:3px solid #ffd54f;border:3px solid var(--yellow);border-radius:24px;box-shadow:0 18px 34px #0000002e;max-width:390px;padding:24px 20px;text-align:center;width:100%}.saving-popup-title{font-size:1.7rem;margin:0 0 10px}.saving-popup-text,.saving-popup-title{color:#26364d;color:var(--text-dark);font-family:Jua,sans-serif}.saving-popup-text{font-size:1.08rem;line-height:1.5;margin:0 0 18px}.saving-popup-actions{display:flex;gap:12px;justify-content:center}.saving-popup-btn{background:#ffd54f;background:var(--yellow);border:none;border-radius:999px;color:#26364d;color:var(--text-dark);cursor:pointer;font-family:Gugi,sans-serif;font-size:.95rem;padding:11px 24px}.saving-popup-back-btn{background:#e8eef4}.saving-corner-buttons{bottom:18px;display:flex;gap:10px;left:18px;position:fixed;z-index:950}.saving-help-button{align-items:center;background:linear-gradient(180deg,#8ed0ff,#66baff);border:none;border-radius:50%;box-shadow:0 12px 24px #66baff47;color:#fff;cursor:pointer;display:flex;font-family:Gugi,sans-serif;font-size:1.4rem;height:58px;justify-content:center;transition:transform .18s ease,box-shadow .18s ease;width:58px}.saving-help-button:hover{box-shadow:0 16px 30px #66baff5c;transform:scale(1.05)}.saving-shelf-float-button{align-items:center;background:linear-gradient(180deg,#ffd75e,#ffc72f);border:none;border-radius:50%;box-shadow:0 12px 24px #ffc72f47;color:#fff;cursor:pointer;display:flex;font-size:1.35rem;height:58px;justify-content:center;transition:transform .18s ease,box-shadow .18s ease;width:58px}.saving-shelf-float-button:hover{box-shadow:0 16px 30px #ffc72f5c;transform:scale(1.05)}.saving-help-overlay{align-items:center;background:#19233473;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1100}.saving-help-modal{background:linear-gradient(180deg,#fff,#f7fbff);border:3px solid #ffd54f;border:3px solid var(--yellow);border-radius:28px;box-shadow:0 20px 36px #0000002e;max-width:640px;padding:26px 24px 22px;text-align:center;width:100%}.saving-help-badge{background:#fff4c9;border-radius:999px;color:#ff8a66;display:inline-block;font-family:Gugi,sans-serif;font-size:.85rem;margin-bottom:10px;padding:7px 14px}.saving-help-title{color:#26364d;color:var(--text-dark);font-family:Jua,sans-serif;font-size:2rem;margin:0 0 16px}.saving-help-steps{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.saving-help-step{align-items:center;background:#ffffffe6;border-radius:18px;box-shadow:0 10px 20px #26364d14;box-shadow:var(--shadow);display:flex;gap:14px;padding:12px 14px;text-align:left}.saving-help-emoji{flex-shrink:0;font-size:1.6rem}.saving-help-step p{color:#26364d;color:var(--text-dark);font-family:Jua,sans-serif;font-size:1.05rem;line-height:1.4;margin:0}.saving-help-close-btn{background:linear-gradient(180deg,#ffd75e,#ffc72f);border:none;border-radius:999px;box-shadow:0 10px 20px #ffc72f47;color:#26364d;color:var(--text-dark);cursor:pointer;font-family:Gugi,sans-serif;font-size:.95rem;padding:12px 24px;transition:transform .18s ease}.saving-help-close-btn:hover{transform:translateY(-2px)}@media (max-width:1180px){.saving-layout{grid-template-columns:1fr}.saving-fun-sidebar,.saving-rewards-sidebar{justify-content:center}.saving-fun-meter-wrap{height:220px}}@media (max-width:720px){.saving-actions-grid{grid-template-columns:1fr}.saving-action-card{min-height:220px}.saving-win-title{font-size:1.6rem}.saving-help-button{bottom:14px;font-size:1rem;height:74px;left:14px;width:64px}.saving-corner-buttons{bottom:14px;gap:8px;left:14px}.saving-help-button,.saving-shelf-float-button{font-size:1.15rem;height:50px;width:50px}}body.theme-contrast .saving-lesson-container,body.theme-dark .saving-lesson-container{background:#0000;color:var(--page-text)}body.theme-contrast .meter-card,body.theme-contrast .saving-action-card,body.theme-contrast .saving-feedback-box,body.theme-contrast .saving-fun-card,body.theme-contrast .saving-goal-box,body.theme-contrast .saving-help-modal,body.theme-contrast .saving-popup-box,body.theme-contrast .saving-rewards-track-card,body.theme-contrast .saving-win-modal,body.theme-dark .meter-card,body.theme-dark .saving-action-card,body.theme-dark .saving-feedback-box,body.theme-dark .saving-fun-card,body.theme-dark .saving-goal-box,body.theme-dark .saving-help-modal,body.theme-dark .saving-popup-box,body.theme-dark .saving-rewards-track-card,body.theme-dark .saving-win-modal{background:#fffffff2;background:var(--card-bg);border-color:var(--soft-outline);box-shadow:var(--card-shadow);color:var(--page-text)}body.theme-contrast .meter-header,body.theme-contrast .saving-feedback-box p,body.theme-contrast .saving-fun-scale,body.theme-contrast .saving-fun-title,body.theme-contrast .saving-fun-values,body.theme-contrast .saving-goal-box h2,body.theme-contrast .saving-goal-box p,body.theme-contrast .saving-help-step p,body.theme-contrast .saving-help-title,body.theme-contrast .saving-popup-text,body.theme-contrast .saving-popup-title,body.theme-contrast .saving-rewards-track-title,body.theme-contrast .saving-round-text,body.theme-contrast .saving-track-cost,body.theme-contrast .saving-track-name,body.theme-contrast .saving-win-helper,body.theme-contrast .saving-win-subtitle,body.theme-contrast .saving-win-title,body.theme-dark .meter-header,body.theme-dark .saving-feedback-box p,body.theme-dark .saving-fun-scale,body.theme-dark .saving-fun-title,body.theme-dark .saving-fun-values,body.theme-dark .saving-goal-box h2,body.theme-dark .saving-goal-box p,body.theme-dark .saving-help-step p,body.theme-dark .saving-help-title,body.theme-dark .saving-popup-text,body.theme-dark .saving-popup-title,body.theme-dark .saving-rewards-track-title,body.theme-dark .saving-round-text,body.theme-dark .saving-track-cost,body.theme-dark .saving-track-name,body.theme-dark .saving-win-helper,body.theme-dark .saving-win-subtitle,body.theme-dark .saving-win-title{color:var(--page-text)}body.theme-contrast .saving-fun-track-vertical,body.theme-contrast .saving-progress-border,body.theme-contrast .saving-track-item-locked,body.theme-dark .saving-fun-track-vertical,body.theme-dark .saving-progress-border,body.theme-dark .saving-track-item-locked{background:var(--badge-bg);border-color:var(--soft-outline)}body.theme-contrast .saving-track-item-earned,body.theme-dark .saving-track-item-earned{background:color-mix(in srgb,#22c55e 18%,#fffffff2);background:color-mix(in srgb,#22c55e 18%,var(--card-bg));border-color:color-mix(in srgb,#22c55e 60%,var(--soft-outline))}body.theme-contrast .saving-finish-btn,body.theme-contrast .saving-help-close-btn,body.theme-contrast .saving-popup-btn,body.theme-dark .saving-finish-btn,body.theme-dark .saving-help-close-btn,body.theme-dark .saving-popup-btn{color:var(--button-text)}body.theme-dark .saving-finish-btn,body.theme-dark .saving-help-close-btn,body.theme-dark .saving-popup-btn{background:#f59e0b}body.theme-dark .saving-popup-back-btn{background:#334155;color:#f8fafc}body.theme-contrast .saving-finish-btn,body.theme-contrast .saving-help-close-btn,body.theme-contrast .saving-popup-back-btn,body.theme-contrast .saving-popup-btn{background:#ffe066;border:2px solid #111827;color:#111827}.assessment-container{align-items:center;background:#0000;color:var(--ink-900);display:flex;flex-direction:column;font-family:var(--body-font);gap:20px;isolation:isolate;min-height:100vh;overflow:hidden;padding:28px 20px 64px;position:relative}.assessment-container:before{background:radial-gradient(circle,#ffd16659,#0000 70%);border-radius:50%;content:none;height:280px;left:-120px;position:absolute;top:200px;width:280px;z-index:0}.assessment-container>*{position:relative;z-index:1}.confetti-on:after,.confetti-on:before{animation:confettiFall 1.4s ease-out forwards;background-image:radial-gradient(circle,#f87171 5px,#0000 6px),radial-gradient(circle,#fbbf24 5px,#0000 6px),radial-gradient(circle,#34d399 5px,#0000 6px),radial-gradient(circle,#60a5fa 5px,#0000 6px),radial-gradient(circle,#a78bfa 5px,#0000 6px);background-position:0 -20%,20% -30%,40% -25%,60% -35%,80% -28%;background-repeat:repeat-x;background-size:26px 26px;content:"";height:220px;left:0;opacity:.35;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.confetti-on:after{animation-delay:.25s;opacity:.22}@keyframes confettiFall{0%{transform:translateY(-10px)}to{transform:translateY(140px)}}@keyframes petEntry{to{opacity:1;transform:translateY(0)}}@keyframes petFloat{0%,to{transform:translateY(0) rotate(0deg) scale(1)}50%{transform:translateY(-6px) rotate(-1deg) scale(1.02)}}@keyframes petPop{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes petSparkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:.45;transform:scale(1)}}@keyframes petMessagePop{0%{opacity:.6;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.assessment-title{font-family:var(--title-font);font-size:clamp(26px,3vw,34px);font-weight:800;margin:0}.assessment-subtitle{color:#4b5563;font-size:clamp(16px,1.8vw,20px);margin:0}.assessment-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));width:min(920px,100%)}.assessment-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);width:min(980px,100%)}.assessment-layout.minimal{grid-template-columns:minmax(0,1fr);justify-items:center}.assessment-left{width:min(820px,100%)}.assessment-left,.assessment-right{grid-gap:16px;display:grid;gap:16px}.assessments-floating{inset:0;pointer-events:none;position:absolute;z-index:0}.assessments-float{animation:floatUnit 6s ease-in-out infinite;font-size:50px;opacity:.15;position:absolute}.assessments-u1{left:8%;top:10%}.assessments-u2{right:10%;top:20%}.assessments-u3{bottom:20%;left:10%}.assessments-u4{bottom:15%;right:8%}.assessments-u5{left:50%;top:50%}.assessments-u6{right:18%;top:12%}.assessments-u7{left:6%;top:40%}.assessments-u8{right:6%;top:55%}.assessments-u9{bottom:8%;left:40%}.assessments-u10{bottom:12%;right:18%}@keyframes floatUnit{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.pet-floating-container{animation:petEntry .6s ease forwards;animation-delay:.7s;bottom:16px;opacity:0;pointer-events:none;position:fixed;right:16px;transform:translateY(8px);z-index:50}.pet-message{align-self:flex-end;animation:petMessagePop .25s ease-out;background:#fff;border:1px solid #00000014;border-radius:16px;box-shadow:0 8px 16px #0f172a1f;color:#1f2937;font-size:14px;font-weight:700;margin-bottom:8px;margin-right:10px;max-width:220px;padding:8px 12px}.pet-floating-character{animation:petFloat 3.2s ease-in-out infinite;cursor:pointer;pointer-events:auto;position:relative;transform-origin:50% 80%;width:132px}.pet-floating-image{display:block;filter:drop-shadow(0 14px 18px rgba(0,0,0,.18));height:auto;transition:transform .2s ease,filter .2s ease;width:100%}.pet-floating-character:hover .pet-floating-image{filter:drop-shadow(0 16px 20px rgba(0,0,0,.24)) brightness(1.06);transform:scale(1.08)}.pet-wip .pet-floating-character:hover .pet-floating-image{filter:grayscale(1) brightness(.75) drop-shadow(0 10px 14px rgba(0,0,0,.14));transform:none}.pet-floating-character.is-bouncing{animation:petFloat 3.2s ease-in-out infinite,petPop .35s ease}.pet-ground-shadow{background:radial-gradient(ellipse,#0f172a40,#0000 70%);bottom:4px;filter:blur(2px);height:12px;left:18px;opacity:.6;position:absolute;right:18px}.pet-sparkle{animation:petSparkle 2.8s ease-in-out infinite;background:radial-gradient(circle,#ffd666e6,#0000 70%);border-radius:50%;height:10px;opacity:.3;position:absolute;right:6px;top:8px;width:10px}.pet-wip-label{background:#e5e7eb;border:1px solid #cbd5e1;border-radius:999px;box-shadow:0 6px 12px #0f172a14;color:#475569;font-size:12px;font-weight:800;letter-spacing:.2px;margin-bottom:6px;margin-right:8px;padding:6px 12px}.pet-disabled{animation:none;cursor:default;pointer-events:none}.pet-disabled .pet-floating-image{filter:grayscale(1) brightness(.75) drop-shadow(0 10px 14px rgba(0,0,0,.14));opacity:.8}.pet-disabled .pet-ground-shadow{opacity:.35}.pet-disabled .pet-sparkle{opacity:.08}.assessment-hero{align-items:center;background:var(--panel-strong);border:1px solid #00000014;border-radius:22px;box-shadow:var(--shadow-soft);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px 24px;width:min(920px,100%)}.assessment-hero.playful{background:linear-gradient(135deg,#fff6d5,#fff)}.assessment-badge{align-items:center;background:var(--accent-warm);border-radius:999px;display:inline-flex;font-size:18px;font-weight:700;gap:6px;margin-bottom:10px;padding:6px 14px}.assessment-hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.assessment-hero-stats{display:flex;flex-wrap:wrap;gap:12px}.assessment-stat{background:#fff;border:1px solid #00000014;border-radius:16px;min-width:90px;padding:10px 14px;text-align:center}.assessment-stat-value{font-size:20px;font-weight:800}.assessment-stat-label{color:var(--ink-600);font-size:12px;letter-spacing:.8px;text-transform:uppercase}.assessment-card{background:#fff;border:none;border-radius:16px;box-shadow:0 10px 20px #0f172a14;cursor:pointer;padding:20px;text-align:left;transition:transform .12s ease,box-shadow .12s ease}.assessment-card-head{align-items:center;display:flex;gap:12px}.assessment-card-emoji{background:#fef3c7;border-radius:14px;display:grid;font-size:26px;height:44px;place-items:center;width:44px}.assessment-card:hover{box-shadow:0 14px 26px #0f172a1f;transform:translateY(-3px)}.assessment-card-title{font-size:18px;font-weight:800}.assessment-card-sub{color:#6b7280;font-size:14px;margin-top:6px}.assessment-card-meta{color:#9ca3af;font-size:12px;margin-top:10px}.assessment-card-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.assessment-level-card{grid-gap:12px;background:#fffdf7;border:1px solid #00000014;border-radius:24px;box-shadow:0 12px 22px #0f172a1a;cursor:pointer;display:grid;gap:12px;padding:20px 22px;text-align:left;transition:transform .15s ease,box-shadow .2s ease}.assessment-level-card.locked{box-shadow:0 8px 16px #0f172a14;filter:saturate(.75);opacity:.7}.assessment-level-card:hover{box-shadow:0 16px 26px #0f172a24;transform:translateY(-4px)}.assessment-level-head{grid-gap:14px;align-items:center;display:grid;gap:14px;grid-template-columns:auto 1fr auto}.assessment-level-icon{background:#ffe9b5;border-radius:18px;box-shadow:inset 0 0 0 2px #fff9;display:grid;font-size:32px;height:64px;place-items:center;width:64px}.assessment-level-title{color:#6b7280;font-size:clamp(18px,2vw,22px);font-weight:900;letter-spacing:.8px;text-transform:uppercase}.assessment-level-sub{color:#0f172a;font-size:clamp(18px,2vw,21px);font-weight:900;margin-top:4px}.assessment-level-reward{background:#fef3c7;border-radius:999px;color:#92400e;font-size:clamp(15px,1.4vw,18px);font-weight:800;padding:6px 10px;white-space:nowrap}.assessment-level-actions{align-items:center;display:flex;gap:10px}.assessment-level-lock{background:#f1f5f9;border-radius:999px;color:#64748b;font-size:clamp(14px,1.2vw,16px);font-weight:800;padding:6px 12px}.assessment-level-card.locked:hover .assessment-level-lock{animation:lockPulse 1.4s ease-in-out}@keyframes lockPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.assessment-level-meta{display:flex;flex-wrap:wrap;gap:8px}.assessment-badge-pill{background:#eef2ff;border-radius:999px;color:#4338ca;font-size:12px;font-weight:700;padding:4px 10px}.assessment-badge-pill.muted{background:#f1f5f9;color:#64748b}.assessment-level-progress{background:#f3ead7;border-radius:999px;height:10px;overflow:hidden}.assessment-level-progress-bar{background:linear-gradient(120deg,#fbbf24,#a78bfa);background-size:200% 100%;border-radius:999px;height:100%;transition:filter .2s ease}.assessment-level-card:not(.locked):hover .assessment-level-progress-bar{animation:progressShine 1.2s ease-in-out infinite}@keyframes progressShine{0%{background-position:0 50%;filter:brightness(1)}50%{background-position:100% 50%;filter:brightness(1.08)}to{background-position:0 50%;filter:brightness(1)}}.assessment-level-progress-text{color:#6b7280;font-size:12px;font-weight:600}.assessment-side-card{grid-gap:8px;background:#fff;border:1px solid #00000014;border-radius:20px;box-shadow:0 10px 18px #0f172a1a;display:grid;gap:8px;padding:16px 18px}.assessment-side-card.highlight{background:linear-gradient(135deg,#fff6d5,#fff)}.assessment-side-title{color:var(--ink-600);font-size:12px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.assessment-side-row{align-items:center;display:flex;gap:10px}.assessment-side-emoji{font-size:22px}.assessment-side-text{color:#0f172a;font-weight:700}.assessment-reward-tag{background:#ecfdf5;color:#047857;font-weight:800;width:-webkit-fit-content;width:fit-content}.assessment-chip,.assessment-reward-tag{border-radius:999px;font-size:12px;padding:4px 10px}.assessment-chip{background:#eef2ff;color:#4338ca;font-weight:700}.assessment-chip.muted{background:#f1f5f9;color:#64748b}.assessment-header{align-items:center;display:flex;flex-direction:column;gap:6px;text-align:center}.assessment-pet{align-items:center;background:#fff;border:1px solid #00000014;border-radius:999px;box-shadow:0 6px 12px #0f172a14;color:var(--ink-700);display:inline-flex;font-size:14px;font-weight:700;gap:8px;padding:8px 16px 8px 10px}.assessment-pet-icon{background:#fef3c7;border-radius:50%;display:grid;height:32px;place-items:center;position:relative;width:32px}.assessment-pet-icon-img{display:block;height:24px;object-fit:contain;width:24px}.assessment-pet-bubble{background:#eef2ff;border-radius:999px;color:#4338ca;font-size:19px;font-weight:700;padding:6px 12px}.assessment-progress{background:#f3ead7;border-radius:999px;height:12px;overflow:hidden;width:min(720px,100%)}.assessment-progress-bar{background:linear-gradient(120deg,#fbbf24,#a78bfa);height:100%}.assessment-question-card{background:#fffaf2;border:1px solid #00000014;border-radius:22px;box-shadow:0 12px 22px #0f172a1a;padding:26px;width:min(720px,100%)}.assessment-question{font-size:24px;font-weight:700;margin-bottom:16px}.assessment-question-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.assessment-type{background:#eef2ff;border-radius:999px;color:#4338ca;font-size:18px;font-weight:700;padding:6px 10px;white-space:nowrap}.assessment-options{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.assessment-option{align-items:center;background:#fffdf7;border:2px solid #f3e8d1;border-radius:22px;cursor:pointer;display:flex;flex-direction:column;font-weight:700;gap:10px;justify-content:center;min-height:180px;padding:18px 16px;text-align:center;transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease}.assessment-option:hover{box-shadow:0 12px 20px #0f172a1f;transform:translateY(-2px)}.assessment-option.selected{border-color:#34d399;box-shadow:0 12px 20px #34d39933}.assessment-option.correct{border-color:#22c55e;box-shadow:0 12px 20px #22c55e40}.assessment-option.incorrect{border-color:#fca5a5;box-shadow:0 12px 20px #f8717133}.assessment-option.animate-correct{animation:optionGlow .7s ease-out}.assessment-option.animate-shake{animation:optionShake .6s ease-in-out}.assessment-option-emoji{font-size:48px;line-height:1}.assessment-option-label{color:#0f172a;font-size:20px;font-weight:800}.assessment-option-subtitle{color:#475569;font-size:12px;font-weight:600}.assessment-option.tone-0{background:#fff4de}.assessment-option.tone-1{background:#f1f5ff}.assessment-option.tone-2{background:#f0fbff}.assessment-option.tone-3{background:#fff9d6}.assessment-feedback{grid-gap:6px;background:#fff3e1;border:2px solid #fcd8a8;border-radius:18px;box-shadow:0 12px 20px #0f172a1a;display:grid;gap:6px;padding:16px 18px;width:min(720px,100%)}.assessment-feedback-title{color:#9a3412;font-size:20px;font-weight:800}.assessment-feedback-text{color:#7c2d12;font-size:18px}.assessment-feedback.animate-feedback{animation:feedbackRise .5s ease-out}.assessment-matching{grid-gap:12px;display:grid;gap:12px}.assessment-matching-row{align-items:center;background:linear-gradient(135deg,#fff7e6,#fff);border:2px solid #f1e4c8;border-radius:16px;box-shadow:0 8px 16px #0f172a0f;display:flex;font-size:17px;gap:12px;justify-content:space-between;padding:12px 14px}.assessment-matching-row.correct{background:#ecfdf5;border-color:#22c55e}.assessment-matching-row.incorrect{background:#fef2f2;border-color:#fca5a5}.assessment-matching-left{color:#0f172a;font-weight:800}.assessment-matching-select{background:#eef2ff;border:2px solid #cbd5f5;border-radius:12px;color:#0f172a;font-size:17px;font-weight:700;min-width:150px;padding:8px 12px}.assessment-matching-select:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf840;outline:none}.assessment-drag-panel{grid-gap:18px;display:grid;gap:18px}.assessment-drag-bank{background:#fffdf7;border:1px dashed #f4cd8db3;border-radius:18px;display:flex;flex-wrap:wrap;gap:10px;padding:14px}.assessment-drag-item{align-items:center;background:#fff;border:2px solid #f1e4c8;border-radius:16px;cursor:grab;display:inline-flex;font-weight:700;gap:8px;padding:10px 12px}.assessment-drag-item:active{cursor:grabbing}.assessment-drag-emoji{font-size:30px}.assessment-drag-label{font-size:20px}.assessment-drag-zones{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.assessment-drop-zone{grid-gap:10px;background:#fffaf2;border:2px dashed #d8c7f7;border-radius:20px;display:grid;gap:10px;min-height:150px;padding:14px}.assessment-drop-title{color:#4338ca;font-size:20px;font-weight:800;text-align:center}.assessment-drop-items{grid-gap:8px;display:grid;gap:8px}.assessment-drop-item{align-items:center;background:#fffdf7;border:2px solid #f1e4c8;border-radius:14px;cursor:pointer;display:flex;font-weight:700;gap:8px;padding:10px 12px}.assessment-drop-item.correct{background:#dcfce7;border-color:#22c55e}.assessment-drop-item.incorrect{background:#fef2f2;border-color:#fca5a5}@keyframes optionGlow{0%{box-shadow:0 0 0 #22c55e00;transform:scale(1)}40%{box-shadow:0 18px 30px #22c55e59;transform:scale(1.05)}to{box-shadow:0 12px 20px #22c55e33;transform:scale(1)}}@keyframes optionShake{0%{transform:translateX(0) rotate(0deg)}20%{transform:translateX(-8px) rotate(-1.5deg)}40%{transform:translateX(8px) rotate(1.5deg)}60%{transform:translateX(-7px) rotate(-1.2deg)}80%{transform:translateX(6px) rotate(1.2deg)}to{transform:translateX(0) rotate(0deg)}}@keyframes feedbackRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.assessment-actions{display:flex;flex-wrap:wrap;gap:14px}.assessment-action{background:#e5e7eb;border:none;border-radius:14px;cursor:pointer;font-size:20px;font-weight:700;padding:10px 16px}.assessment-action.primary{background:var(--accent-strong);color:#0b1220;font-size:20px}.assessment-action:disabled{cursor:not-allowed;opacity:.6}.assessment-results{grid-gap:12px;display:grid;gap:12px;width:min(820px,100%)}.result-simple{grid-gap:6px;background:#fff;display:grid;gap:6px;padding:18px 22px;text-align:center}.result-reward-banner,.result-simple{border-radius:18px;box-shadow:0 10px 20px #0f172a14;width:min(720px,100%)}.result-reward-banner{align-items:center;background:linear-gradient(135deg,#fff6d5,#fff);border:1px solid #00000014;display:flex;gap:16px;justify-content:space-between;padding:16px 18px}.result-reward-title{color:#9a3412;font-size:18px;font-weight:800}.result-reward-sub{color:#7c2d12;font-size:14px}.result-emoji{font-size:36px}.result-title{font-size:26px;font-weight:900;margin-top:2px}.result-subtitle{color:#4b5563}.result-reward{color:#f59e0b;font-weight:900;margin-top:4px}.result-score-main{font-size:24px;font-weight:900;margin-top:4px}.result-score-sub{color:#6b7280;font-size:14px}.result-bar{background:#e5e7eb;border-radius:999px;height:12px;overflow:hidden}.result-bar-fill{background:linear-gradient(135deg,#34d399,#a78bfa);height:100%}.result-history{background:#fff;border-radius:18px;box-shadow:0 10px 20px #0f172a14;padding:14px 18px;text-align:center;width:min(720px,100%)}.result-history-title{font-weight:800;margin-bottom:8px}.result-history-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.result-history-item{background:#f1f5f9;border-radius:999px;color:#334155;font-size:12px;font-weight:700;padding:6px 10px}.assessment-result-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 8px 16px #0f172a14;padding:16px}.assessment-result-card.correct{background:#ecfdf5;border-color:#34d399}.assessment-result-card.wrong{background:#fef2f2;border-color:#f87171}@media (max-width:720px){.assessment-grid,.assessment-layout{grid-template-columns:1fr}.assessment-hero{align-items:flex-start;flex-direction:column}.assessment-drag-zones,.assessment-options{grid-template-columns:1fr}.result-reward-banner{align-items:flex-start;flex-direction:column}}.assessment-result-title{font-size:20px;font-weight:700;margin-bottom:6px}.assessment-result-row{color:#374151;font-size:16px}.assessment-result-feedback{color:#6b7280;font-size:16px;margin-top:8px}@media (max-width:720px){.assessment-grid{grid-template-columns:1fr}.assessment-question-header{flex-direction:column}}.temp-disable{background-color:#d1d5db;background:#f3f4f6;border:none;border:1px dashed #cbd5e1;border-radius:14px;color:#0b1220;color:#9ca3af;cursor:pointer;cursor:not-allowed;font-size:20px;padding:10px 16px;-webkit-user-select:none;user-select:none}.temp-disable:hover{background:#f3f4f6;transform:none}body.theme-contrast .assessment-result-feedback,body.theme-contrast .assessment-result-row,body.theme-contrast .assessment-subtitle,body.theme-dark .assessment-result-feedback,body.theme-dark .assessment-subtitle{color:var(--muted-text)}body.theme-contrast .assessment-hero.playful,body.theme-contrast .assessment-level-card,body.theme-dark .assessment-hero.playful,body.theme-dark .assessment-level-card{background:#fffdf7;border-color:#00000014}body.theme-contrast .assessment-hero .assessment-subtitle,body.theme-contrast .assessment-hero .assessment-title,body.theme-contrast .assessment-level-lock,body.theme-contrast .assessment-level-reward,body.theme-contrast .assessment-level-sub,body.theme-contrast .assessment-level-title,body.theme-dark .assessment-hero .assessment-subtitle,body.theme-dark .assessment-hero .assessment-title,body.theme-dark .assessment-level-lock,body.theme-dark .assessment-level-reward,body.theme-dark .assessment-level-sub,body.theme-dark .assessment-level-title{color:#1f2937}body.theme-contrast .assessment-card,body.theme-contrast .assessment-question-card,body.theme-contrast .pet-message,body.theme-contrast .result-card,body.theme-dark .assessment-card,body.theme-dark .assessment-question-card,body.theme-dark .pet-message,body.theme-dark .result-card{background:var(--card-bg);border-color:var(--soft-outline);box-shadow:var(--card-shadow);color:var(--page-text)}body.theme-dark .assesment-title .assessment-subtitle{color:#fff}body.theme-dark .assessment-question-card{background:#fffaf2;color:#0f172a}body.theme-dark .assessment-drag-label,body.theme-dark .assessment-drop-title,body.theme-dark .assessment-feedback-text,body.theme-dark .assessment-feedback-title,body.theme-dark .assessment-matching-left,body.theme-dark .assessment-option-label,body.theme-dark .assessment-option-subtitle,body.theme-dark .assessment-question,body.theme-dark .assessment-side-text{color:#0f172a}body.theme-dark .assessment-drag-bank{background:#fffdf7;border:1px dashed #f4cd8dd9}body.theme-dark .assessment-drag-item{background:#fff;border:2px solid #f1e4c8;color:#0f172a}body.theme-dark .assessment-drop-zone{background:#fffaf2;border:2px dashed #d8c7f7}body.theme-dark .assessment-drop-item{color:#0f172a}body.theme-dark .assessment-matching-row{background:linear-gradient(135deg,#fff7e6,#fff);color:#0f172a}body.theme-dark .assessment-matching-select{background:#eef2ff;color:#0f172a}body.theme-dark .assessment-feedback{background:#fff3e1;border:2px solid #fcd8a8}body.theme-dark .assessment-results .assessment-drop-title,body.theme-dark .assessment-results .assessment-feedback,body.theme-dark .assessment-results .assessment-feedback-text,body.theme-dark .assessment-results .assessment-feedback-title,body.theme-dark .assessment-results .assessment-matching-left,body.theme-dark .assessment-results .assessment-matching-row,body.theme-dark .assessment-results .assessment-option-label,body.theme-dark .assessment-results .assessment-option-subtitle,body.theme-dark .assessment-results .assessment-question,body.theme-dark .result-history,body.theme-dark .result-history-item,body.theme-dark .result-history-title,body.theme-dark .result-question-card,body.theme-dark .result-score-main,body.theme-dark .result-score-sub,body.theme-dark .result-simple,body.theme-dark .result-subtitle,body.theme-dark .result-title{color:#0f172a}body.theme-dark .result-history,body.theme-dark .result-simple{background:#fff}body.theme-dark .result-reward-banner{background:linear-gradient(135deg,#fff6d5,#fff)}body.theme-dark .assessment-results .assessment-feedback{background:#fff3e1;border-color:#fcd8a8}body.theme-dark .assessment-results .assessment-matching-row.correct{background:#ecfdf5}body.theme-dark .assessment-results .assessment-matching-row.incorrect{background:#fef2f2}body.theme-dark .assessment-result-feedback,body.theme-dark .assessment-result-row{color:#000}.invest-page{background:linear-gradient(180deg,#fff7d6,#dff7ff 45%,#fef1ff);font-family:Arial,sans-serif;min-height:100vh;padding:32px 20px 50px}.invest-shell{margin:0 auto;max-width:1200px}.invest-top-banner{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.banner-left h1{color:#28457a;font-size:2.7rem;margin:8px 0 6px}.banner-subtitle{color:#46546b;font-size:1.05rem;font-weight:700;margin:0}.banner-badge{background:#fff;border-radius:999px;box-shadow:0 6px 14px #00000014;color:#7b4cff;display:inline-block;font-weight:800;padding:8px 14px}.goal-card{grid-gap:22px;align-items:center;background:#fffffff2;border-radius:30px;box-shadow:0 12px 24px #00000014;display:grid;gap:22px;grid-template-columns:220px 1fr 240px;margin-bottom:28px;padding:26px}.goal-visual{align-items:center;background:linear-gradient(180deg,#d8f7ff,#ecffef);border:4px solid #fff;border-radius:26px;display:flex;flex-direction:column;justify-content:center;min-height:200px}.pet-home{font-size:4.8rem;line-height:1}.pet-row{font-size:2rem;margin-top:14px}.goal-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between}.goal-title-row h2{color:#29447a;font-size:2rem;margin:0}.goal-rank{background:#f4ecff;border-radius:999px;color:#7946d8;font-weight:800;padding:8px 14px}.star-row{font-size:1.5rem;margin:14px 0}.star{margin-right:4px;opacity:.35}.star.filled{opacity:1}.goal-progress-text{color:#35507f;display:flex;font-weight:800;gap:12px;justify-content:space-between;margin-bottom:10px}.goal-progress-bar{background:#e7efff;border-radius:999px;height:22px;margin-bottom:16px;overflow:hidden;width:100%}.goal-progress-fill{background:linear-gradient(90deg,#53c8f0,#7adf84,#ffd45d);border-radius:999px;height:100%;transition:width .4s ease}.goal-mini-stats{display:flex;flex-wrap:wrap;gap:12px}.mini-stat{align-items:center;background:#f7fbff;border-radius:18px;color:#3f4d63;display:flex;font-weight:700;gap:8px;padding:10px 14px}.mini-icon{font-size:1.2rem}.mascot-box{background:#fff2fb;border-radius:26px;box-shadow:inset 0 0 0 3px #fff;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:20px;text-align:center}.mascot-face{font-size:4rem;margin-bottom:12px}.mascot-speech{background:#fff;border-radius:18px;color:#70418e;font-weight:800;line-height:1.4;padding:14px}.invest-section-label{color:#314a79;font-size:1.2rem;font-weight:800;margin:4px 0 16px}.invest-cards-area{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(3,1fr);margin-bottom:28px}.investment-card{border-radius:28px;box-shadow:0 12px 22px #00000014;display:flex;flex-direction:column;justify-content:space-between;min-height:320px;padding:22px;text-align:center;transition:transform .2s ease}.investment-card:hover{transform:translateY(-5px)}.safe-card{background:linear-gradient(180deg,#ecfff1,#d9ffe5)}.mix-card{background:linear-gradient(180deg,#fff7e8,#ffe6c7)}.risky-card{background:linear-gradient(180deg,#fff0f7,#ffd8ea)}.investment-scene{align-items:center;background:#ffffffb3;border-radius:24px;display:flex;justify-content:center;margin-bottom:16px;min-height:120px}.investment-emoji{font-size:4.4rem;line-height:1}.investment-name{color:#2d446f;font-size:1.5rem;font-weight:800;margin-bottom:10px}.investment-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:14px}.tag-pill{background:#fff;border-radius:999px;color:#45536a;font-weight:800;padding:8px 14px}.investment-coins{color:#2a3650;font-size:1.15rem;font-weight:800;margin-bottom:16px}.advance-btn,.invest-btn{border:none;cursor:pointer;font-weight:900;transition:transform .2s ease,opacity .2s ease}.advance-btn:hover,.invest-btn:hover{opacity:.96;transform:translateY(-2px) scale(1.02)}.invest-btn{background:#29447a;border-radius:18px;color:#fff;font-size:1.2rem;padding:16px;width:100%}.week-action-card{align-items:center;background:#fff;border-radius:28px;box-shadow:0 12px 22px #00000014;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;margin-bottom:28px;padding:22px 24px}.week-action-left{align-items:center;display:flex;gap:16px}.action-emoji{font-size:3rem}.week-action-left h3{color:#2c4678;font-size:1.6rem;margin:0 0 6px}.week-action-left p{color:#5b6779;font-weight:700;margin:0}.advance-btn{background:#ffbf2f;border-radius:18px;color:#2b2b2b;font-size:1.15rem;padding:16px 30px}.results-panel{background:#fffffff2;border-radius:28px;box-shadow:0 12px 22px #00000014;padding:24px}.results-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:18px}.results-header h3{color:#2d477a;font-size:1.6rem;margin:0}.results-small{color:#6a7486;font-weight:700}.results-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.result-card{border-radius:22px;font-weight:800;padding:18px;text-align:center}.result-card.good{background:#e8ffef;color:#1d6a3d}.result-card.bad{background:#ffe9f0;color:#aa225d}.result-card.neutral{background:#eef6ff;color:#31598a}.result-emoji{font-size:2.2rem;margin-bottom:8px}.result-name{font-size:1rem;margin-bottom:6px}.result-value{font-size:1.4rem}@media (max-width:1024px){.goal-card,.invest-cards-area{grid-template-columns:1fr}.mascot-box{min-height:0;min-height:auto}}@media (max-width:640px){.invest-page{padding:20px 14px 40px}.banner-left h1{font-size:2.1rem}.goal-title-row h2{font-size:1.6rem}.investment-emoji{font-size:3.8rem}.week-action-card{align-items:stretch}.advance-btn{width:100%}}body.theme-contrast .invest-page,body.theme-dark .invest-page{background:#0000;color:var(--page-text);font-family:var(--body-font)}body.theme-contrast .banner-left h1,body.theme-contrast .banner-subtitle,body.theme-contrast .goal-progress-text,body.theme-contrast .goal-title-row h2,body.theme-contrast .result-name,body.theme-contrast .result-value,body.theme-dark .banner-left h1,body.theme-dark .banner-subtitle,body.theme-dark .goal-progress-text,body.theme-dark .goal-title-row h2,body.theme-dark .result-name,body.theme-dark .result-value{color:var(--page-text)}body.theme-contrast .banner-badge,body.theme-contrast .goal-card,body.theme-contrast .mascot-box,body.theme-contrast .result-card,body.theme-contrast .week-action-card,body.theme-dark .banner-badge,body.theme-dark .goal-card,body.theme-dark .mascot-box,body.theme-dark .result-card,body.theme-dark .week-action-card{background:var(--card-bg);border:2px solid var(--soft-outline);box-shadow:var(--card-shadow);color:var(--page-text)}body.theme-contrast .goal-visual,body.theme-contrast .investment-scene,body.theme-contrast .mascot-speech,body.theme-contrast .mini-stat,body.theme-contrast .results-panel,body.theme-contrast .tag-pill,body.theme-dark .goal-visual,body.theme-dark .investment-scene,body.theme-dark .mascot-speech,body.theme-dark .mini-stat,body.theme-dark .results-panel,body.theme-dark .tag-pill{background:var(--badge-bg);border:1px solid var(--soft-outline);color:var(--page-text)}body.theme-contrast .investment-card,body.theme-dark .investment-card{border:2px solid var(--soft-outline);box-shadow:var(--card-shadow)}body.theme-dark .safe-card{background:linear-gradient(180deg,#22c55e38,#15803d4d)}body.theme-dark .mix-card{background:linear-gradient(180deg,#f59e0b3d,#d9770652)}body.theme-dark .risky-card{background:linear-gradient(180deg,#ec48993d,#be185d52)}body.theme-contrast .mix-card,body.theme-contrast .risky-card,body.theme-contrast .safe-card{background:var(--card-bg)}body.theme-contrast .invest-section-label,body.theme-contrast .investment-coins,body.theme-contrast .investment-name,body.theme-contrast .results-header h3,body.theme-contrast .results-small,body.theme-contrast .week-action-left h3,body.theme-contrast .week-action-left p,body.theme-dark .invest-section-label,body.theme-dark .investment-coins,body.theme-dark .investment-name,body.theme-dark .results-header h3,body.theme-dark .results-small,body.theme-dark .week-action-left h3,body.theme-dark .week-action-left p{color:var(--page-text)}body.theme-contrast .goal-progress-bar,body.theme-dark .goal-progress-bar{background:#94a3b840}body.theme-contrast .advance-btn,body.theme-contrast .invest-btn,body.theme-dark .advance-btn,body.theme-dark .invest-btn{color:var(--button-text)}body.theme-dark .invest-btn{background:#f59e0b}body.theme-dark .advance-btn{background:#22c55e}body.theme-contrast .invest-btn{background:#111827}body.theme-contrast .advance-btn{background:#ffe066}body.theme-contrast .advance-btn,body.theme-contrast .invest-btn{border:2px solid #111827}body.theme-dark .result-card.good{background:#22c55e33;color:#dcfce7}body.theme-dark .result-card.bad{background:#f43f5e33;color:#ffe4e6}body.theme-dark .result-card.neutral{background:#38bdf833;color:#e0f2fe}body.theme-contrast .result-card.good{background:#e8ffef;color:#14532d}body.theme-contrast .result-card.bad{background:#ffe9f0;color:#881337}body.theme-contrast .result-card.neutral{background:#eef6ff;color:#1e3a8a}.prize-shelf-page{background:radial-gradient(circle at top left,#ffdc5a47,#0000 25%),radial-gradient(circle at top right,#ffb3d238,#0000 23%),radial-gradient(circle at bottom left,#9bdcff38,#0000 25%),linear-gradient(180deg,#f8fbff,#eef7ff 50%,#fff8f0);box-sizing:border-box;min-height:calc(100vh - 68px);overflow:hidden;padding:20px 18px 30px;position:relative}.prize-shelf-shell{position:relative;z-index:2}.prize-floating-emoji{animation:prizeFloatMove 4.5s ease-in-out infinite;font-size:56px;opacity:.19;pointer-events:none;position:absolute;z-index:0}.pe1{left:7%;top:7%}.pe2{left:28%;top:10%}.pe3{right:18%;top:8%}.pe4{left:4%;top:30%}.pe5{right:8%;top:28%}.pe6{bottom:24%;left:10%}.pe7{bottom:13%;left:32%}.pe8{bottom:12%;right:16%}.pe9{left:18%;top:54%}.pe10{right:22%;top:58%}@keyframes prizeFloatMove{0%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-10px) rotate(-5deg)}50%{transform:translateY(-18px) rotate(5deg)}75%{transform:translateY(-10px) rotate(-3deg)}to{transform:translateY(0) rotate(0deg)}}.prize-shelf-shell{margin:0 auto;max-width:1100px}.prize-shelf-header{margin-bottom:20px;text-align:center}.prize-shelf-header h1{color:#26364d;font-family:Jua,sans-serif;font-size:2.4rem;margin:0 0 6px}.prize-shelf-header p{color:#6b7a90;font-family:Jua,sans-serif;font-size:1.1rem;margin:0}.prize-back-btn{background:linear-gradient(180deg,#8ed0ff,#66baff);border:none;border-radius:999px;box-shadow:0 10px 20px #66baff47;color:#fff;cursor:pointer;font-family:Gugi,sans-serif;font-size:.95rem;margin-top:14px;padding:12px 24px;transition:transform .18s ease}.prize-back-btn:hover{transform:translateY(-2px)}.clean-shelf-board{background:linear-gradient(180deg,#fff9ef,#fff4e7);border-radius:28px;box-shadow:0 12px 28px #26364d14;margin:0 auto;max-width:850px;padding:28px 26px 34px}.clean-shelf-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;min-height:120px;padding:6px 0 14px}.clean-shelf-plank{background:linear-gradient(180deg,#8d5d35,#6d4321);border-radius:999px;box-shadow:inset 0 -4px 0 #0000001f;height:16px;margin-bottom:16px;width:100%}.clean-prize-card{align-items:center;background:#fffffff5;border-radius:22px;box-shadow:0 10px 20px #26364d1f;display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:12px 10px;width:130px}.clean-prize-emoji{font-size:2.7rem;line-height:1;margin-bottom:8px}.clean-prize-name{color:#26364d;font-size:1rem;line-height:1.2}.clean-prize-name,.empty-shelf-note{font-family:Jua,sans-serif;text-align:center}.empty-shelf-note{color:#6b7a90;font-size:1.1rem;margin-top:24px}@media (max-width:760px){.clean-shelf-board{padding:22px 16px 28px}.clean-shelf-row{gap:14px}.clean-prize-card{min-height:105px;width:110px}.clean-prize-emoji{font-size:2.2rem}.clean-prize-name{font-size:.9rem}}
/*# sourceMappingURL=main.971888fe.css.map*/