:root{--background:#f6f4ec;--panel:#fff;--panel-line:#d8d4c4;--ink:#1c2b46;--ink-dim:#6b6b6b;--accent:#2f7a52;--accent-ink:#fff;--danger:#b8452f;--success:#2f9e5a;--font-display:-apple-system, BlinkMacSystemFont, "Segoe UI", Arial, Helvetica, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--background:#14171c;--panel:#1c2028;--panel-line:#2c3038;--ink:#eef1f4;--ink-dim:#9aa0aa;--panel-line-strong:#3a3f4a}}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--ink);background:var(--background);font-family:var(--font-display), Arial, Helvetica, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}button{cursor:pointer;font-family:inherit}.wrap{z-index:0;max-width:920px;color:var(--ink);background:var(--background);flex-direction:column;gap:20px;margin:0 auto;padding:20px 18px 60px;display:flex;position:relative}.wrap:before{content:"";z-index:-1;pointer-events:none;opacity:var(--bg-pattern-opacity,.5);position:absolute;inset:0}.wrap.bg-stars:before{background-image:radial-gradient(1.1px 1.1px at 14% 20%, color-mix(in srgb, var(--ink) 90%, transparent) 0 85%, transparent 100%), radial-gradient(5px 5px at 14% 20%, color-mix(in srgb, var(--ink) 16%, transparent) 0, transparent 70%), radial-gradient(1px 1px at 68% 10%, color-mix(in srgb, var(--accent) 90%, transparent) 0 85%, transparent 100%), radial-gradient(5px 5px at 68% 10%, color-mix(in srgb, var(--accent) 20%, transparent) 0, transparent 70%), radial-gradient(1.3px 1.3px at 40% 64%, color-mix(in srgb, var(--ink) 85%, transparent) 0 85%, transparent 100%), radial-gradient(5px 5px at 40% 64%, color-mix(in srgb, var(--ink) 14%, transparent) 0, transparent 70%), radial-gradient(1px 1px at 86% 48%, color-mix(in srgb, var(--accent) 85%, transparent) 0 85%, transparent 100%), radial-gradient(5px 5px at 86% 48%, color-mix(in srgb, var(--accent) 18%, transparent) 0, transparent 70%), radial-gradient(1.2px 1.2px at 8% 84%, color-mix(in srgb, var(--ink) 80%, transparent) 0 85%, transparent 100%), radial-gradient(5px 5px at 8% 84%, color-mix(in srgb, var(--ink) 14%, transparent) 0, transparent 70%), radial-gradient(1px 1px at 56% 92%, color-mix(in srgb, var(--accent) 80%, transparent) 0 85%, transparent 100%), radial-gradient(5px 5px at 56% 92%, color-mix(in srgb, var(--accent) 16%, transparent) 0, transparent 70%), radial-gradient(1.3px 1.3px at 92% 86%, color-mix(in srgb, var(--ink) 75%, transparent) 0 85%, transparent 100%), radial-gradient(5px 5px at 92% 86%, color-mix(in srgb, var(--ink) 12%, transparent) 0, transparent 70%);background-size:170px 170px}.wrap.bg-grid:before{background-image:repeating-linear-gradient(0deg, color-mix(in srgb, var(--accent) 16%, transparent) 0, color-mix(in srgb, var(--accent) 16%, transparent) 1px, transparent 1px, transparent 34px), repeating-linear-gradient(90deg, color-mix(in srgb, var(--accent) 16%, transparent) 0, color-mix(in srgb, var(--accent) 16%, transparent) 1px, transparent 1px, transparent 34px)}.wrap.bg-waves:before{background-color:color-mix(in srgb, var(--accent) 16%, transparent);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40'%3E%3Cpath d='M0,20 C20,6 20,6 40,20 C60,34 60,34 80,20' stroke='%23000' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40'%3E%3Cpath d='M0,20 C20,6 20,6 40,20 C60,34 60,34 80,20' stroke='%23000' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");-webkit-mask-size:80px 40px;mask-size:80px 40px;-webkit-mask-repeat:repeat;mask-repeat:repeat}.wrap.bg-hatch:before{background-image:repeating-linear-gradient(45deg, color-mix(in srgb, var(--accent) 10%, transparent) 0, color-mix(in srgb, var(--accent) 10%, transparent) 2px, transparent 2px, transparent 22px)}.wrap.bg-spikes:before{background-color:color-mix(in srgb, var(--accent) 16%, transparent);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0,24 L12,4 L24,24 Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0,24 L12,4 L24,24 Z'/%3E%3C/svg%3E");-webkit-mask-size:24px 24px;mask-size:24px 24px;-webkit-mask-repeat:repeat;mask-repeat:repeat}.wrap.bg-clouds:before{background-color:color-mix(in srgb, var(--ink) 16%, transparent);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='110' viewBox='0 0 160 110'%3E%3Ccircle cx='28' cy='38' r='10'/%3E%3Ccircle cx='40' cy='28' r='13'/%3E%3Ccircle cx='54' cy='36' r='10'/%3E%3Ccircle cx='40' cy='44' r='11'/%3E%3Ccircle cx='113' cy='83' r='7'/%3E%3Ccircle cx='120' cy='76' r='8.5'/%3E%3Ccircle cx='129' cy='82' r='6.5'/%3E%3Ccircle cx='120' cy='88' r='7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='110' viewBox='0 0 160 110'%3E%3Ccircle cx='28' cy='38' r='10'/%3E%3Ccircle cx='40' cy='28' r='13'/%3E%3Ccircle cx='54' cy='36' r='10'/%3E%3Ccircle cx='40' cy='44' r='11'/%3E%3Ccircle cx='113' cy='83' r='7'/%3E%3Ccircle cx='120' cy='76' r='8.5'/%3E%3Ccircle cx='129' cy='82' r='6.5'/%3E%3Ccircle cx='120' cy='88' r='7'/%3E%3C/svg%3E");-webkit-mask-size:160px 110px;mask-size:160px 110px;-webkit-mask-repeat:repeat;mask-repeat:repeat}.wrap.bg-leaves:before{background-color:color-mix(in srgb, var(--accent) 14%, transparent);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='110' viewBox='0 0 110 110'%3E%3Cpath d='M0,0 C5,-9 15,-9 20,0 C15,9 5,9 0,0 Z' transform='translate(14,20) rotate(20)'/%3E%3Cpath d='M0,0 C5,-9 15,-9 20,0 C15,9 5,9 0,0 Z' transform='translate(60,10) rotate(-35) scale(0.8)'/%3E%3Cpath d='M0,0 C5,-9 15,-9 20,0 C15,9 5,9 0,0 Z' transform='translate(85,55) rotate(60)'/%3E%3Cpath d='M0,0 C5,-9 15,-9 20,0 C15,9 5,9 0,0 Z' transform='translate(20,70) rotate(-15) scale(1.15)'/%3E%3Cpath d='M0,0 C5,-9 15,-9 20,0 C15,9 5,9 0,0 Z' transform='translate(65,85) rotate(100) scale(0.7)'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='110' viewBox='0 0 110 110'%3E%3Cpath d='M0,0 C5,-9 15,-9 20,0 C15,9 5,9 0,0 Z' transform='translate(14,20) rotate(20)'/%3E%3Cpath d='M0,0 C5,-9 15,-9 20,0 C15,9 5,9 0,0 Z' transform='translate(60,10) rotate(-35) scale(0.8)'/%3E%3Cpath d='M0,0 C5,-9 15,-9 20,0 C15,9 5,9 0,0 Z' transform='translate(85,55) rotate(60)'/%3E%3Cpath d='M0,0 C5,-9 15,-9 20,0 C15,9 5,9 0,0 Z' transform='translate(20,70) rotate(-15) scale(1.15)'/%3E%3Cpath d='M0,0 C5,-9 15,-9 20,0 C15,9 5,9 0,0 Z' transform='translate(65,85) rotate(100) scale(0.7)'/%3E%3C/svg%3E");-webkit-mask-size:110px 110px;mask-size:110px 110px;-webkit-mask-repeat:repeat;mask-repeat:repeat}.wrap.bg-fire:before{background-image:radial-gradient(2.2px 4px at 18% 70%, color-mix(in srgb, var(--accent) 65%, transparent) 0, transparent 70%), radial-gradient(1.4px 1.4px at 18% 58%, color-mix(in srgb, var(--accent) 50%, transparent) 0, transparent 80%), radial-gradient(1.8px 3.2px at 55% 85%, color-mix(in srgb, var(--accent) 55%, transparent) 0, transparent 70%), radial-gradient(2.4px 4.4px at 80% 55%, color-mix(in srgb, var(--accent) 60%, transparent) 0, transparent 70%), radial-gradient(1.2px 1.2px at 80% 40%, color-mix(in srgb, var(--ink) 50%, transparent) 0, transparent 80%), radial-gradient(1.6px 3px at 32% 30%, color-mix(in srgb, var(--accent) 45%, transparent) 0, transparent 70%), radial-gradient(2px 3.6px at 10% 15%, color-mix(in srgb, var(--accent) 50%, transparent) 0, transparent 70%);background-size:140px 140px}.wrap.theme-space{--bg-pattern-opacity:.85}@media (prefers-reduced-motion:reduce),(prefers-contrast:more){.wrap:before{display:none}}.loading-screen{text-align:center;color:var(--ink-dim);padding-top:80px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.brand{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.brand-title-row{align-items:center;gap:12px;display:flex}.brand-details{flex-direction:column;gap:2px;display:flex}.brand h1{font-family:var(--font-heading,var(--font-display));letter-spacing:.01em;color:var(--ink);font-size:clamp(20px,5vw,26px)}.subtitle{color:var(--ink-dim);font-size:13px}.mascot svg{display:block}.topbar-right{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.app-wordmark{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);align-items:center;gap:6px;font-size:11px;font-weight:700;text-decoration:none;display:flex}a.app-wordmark{cursor:pointer}a.app-wordmark:hover{color:var(--ink)}.app-wordmark .mascot svg{display:block}.kid-picker-header-actions .app-wordmark{margin-right:4px}.stats{flex-wrap:wrap;align-items:flex-end;gap:6px 18px;display:flex}.stat{font-variant-numeric:tabular-nums;flex-direction:column;align-items:center;display:flex}.stat .n{color:var(--ink);font-size:20px;font-weight:700}.stat .label{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.stat-rank .sub-rank{color:var(--accent);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700}.stat-clickable{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:2px 4px}.stat-clickable:hover,.stat-clickable:focus-visible{background:var(--panel);outline:2px solid var(--accent);outline-offset:1px}.banner{border-radius:10px;margin:0 0 14px;padding:10px 14px;font-size:13.5px;line-height:1.45}.banner-rescue{color:#1c3f52;background:#eaf4fa;border:1.5px solid #7db8d9}.rank-journey-overlay{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0a0e8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.rank-journey-card{border:1px solid var(--panel-line);background:var(--panel);width:100%;max-width:420px;max-height:85vh;color:var(--ink);border-radius:16px;flex-direction:column;gap:14px;padding:20px 20px 24px;display:flex;overflow-y:auto}.rank-journey-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.rank-journey-head h2{margin:0;font-size:17px}.rank-journey-close{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;padding:4px;font-size:15px;line-height:1}.rank-journey-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.rank-journey-row{border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:7px 9px;display:flex}.rank-journey-row.locked{opacity:.55}.rank-journey-row.current{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent)}.rank-journey-icon{flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.rank-journey-icon svg{display:block}.rank-journey-name{flex:1;font-size:14px;font-weight:600}.rank-journey-row.locked .rank-journey-name{color:var(--ink-dim);font-style:italic;font-weight:500}.rank-journey-xp{color:var(--ink-dim);font-variant-numeric:tabular-nums;font-size:11px}.rank-journey-here{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);font-size:10px;font-weight:700}.rank-journey-hint{color:var(--ink-dim);text-align:center;margin:0;font-size:12.5px}.xp-history-chart{width:100%;height:auto}.xp-history-axis{stroke:var(--panel-line);stroke-width:1px}.xp-history-area{fill:color-mix(in srgb, var(--accent) 16%, transparent);stroke:none}.xp-history-line{stroke:var(--accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.xp-history-dot{fill:var(--panel);stroke:var(--accent);stroke-width:1.5px}.xp-history-dot-latest{fill:var(--accent)}.streak-calendar-weekdays,.streak-calendar-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.streak-calendar-weekdays{color:var(--ink-dim);text-align:center;text-transform:uppercase;font-size:10px;font-weight:700}.streak-calendar-day,.streak-calendar-blank{aspect-ratio:1;border-radius:50%}.streak-calendar-day.played{background:var(--accent)}.streak-calendar-day.missed{border:1.5px solid var(--panel-line);background:0 0}.streak-calendar-day.today{outline:2px solid var(--accent);outline-offset:2px}.streak-calendar-day.frozen{background:#7db8d9}.streak-calendar-legend{color:var(--ink-dim);justify-content:center;gap:16px;font-size:11.5px;display:flex}.streak-calendar-legend span{align-items:center;gap:5px;display:inline-flex}.streak-calendar-freeze-note{color:var(--ink-dim);text-align:center;margin:10px 0 0;font-size:12px}.streak-calendar-dot{border-radius:50%;width:9px;height:9px;display:inline-block}.streak-calendar-dot.played{background:var(--accent)}.streak-calendar-dot.missed{border:1.5px solid var(--panel-line);background:0 0}.streak-calendar-dot.frozen{background:#7db8d9}.theme-controls{flex-direction:column;align-items:flex-start;gap:4px;margin-top:6px;display:flex}.theme-controls-label{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-dim);font-size:11px;font-weight:700}.theme-controls-row{align-items:center;gap:8px;display:flex}.theme-dice-btn{border:1px solid var(--panel-line);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:8px;padding:7px 10px;font-size:15px;line-height:1}.theme-dice-btn:hover{background:var(--accent)}.theme-picker{position:relative}.theme-picker-trigger{border:1px solid var(--panel-line);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:8px;align-items:center;gap:6px;width:176px;padding:5px 10px 5px 6px;font-size:13px;font-weight:600;display:flex}.theme-picker-trigger-avatar{flex-shrink:0;display:flex}.theme-picker-trigger-avatar .mascot svg{display:block}.theme-picker-trigger-label{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.theme-picker-trigger-caret{color:var(--ink-dim);flex-shrink:0;font-size:9px}.theme-picker-panel{z-index:40;border:1px solid var(--panel-line);background:var(--panel);border-radius:10px;flex-direction:column;gap:2px;min-width:200px;max-height:280px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 8px 24px #0000002e}.theme-picker-option{color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;font-weight:600;display:flex}.theme-picker-option:hover{background:color-mix(in srgb, var(--accent) 16%, transparent)}.theme-picker-option.active{background:var(--accent);color:var(--accent-ink)}.theme-picker-option-avatar{flex-shrink:0;display:flex}.theme-picker-option-avatar .mascot svg{display:block}.theme-picker-option-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.theme-picker-locked-hint{color:var(--ink-dim);padding:6px 8px;font-size:11.5px}.stage-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000 100%)}.stage-tab{border:1px solid var(--panel-line);background:var(--panel);color:var(--ink-dim);white-space:nowrap;border-radius:999px;flex:none;padding:8px 16px;font-size:13px;font-weight:600}.stage-tab.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.strand{border-left:4px solid;flex-direction:column;gap:10px;padding-left:14px;display:flex}.strand h2{font-family:var(--font-heading,var(--font-display));text-transform:uppercase;letter-spacing:.04em;font-size:15px}.topic-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.topic-card{text-align:left;background:var(--panel);color:var(--ink);border:1px solid var(--panel-line);border-radius:12px;flex-direction:column;gap:4px;padding:14px;display:flex;position:relative}.topic-card.mastered{border-color:var(--accent)}.megamix-unlock-btn{background:var(--panel);color:var(--ink);font-family:var(--font-heading,var(--font-display));text-align:left;border:2px dashed;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-size:14px;font-weight:700;display:flex}.megamix-unlock-btn:hover{background:var(--accent);color:var(--accent-ink)}.topic-name{font-family:var(--font-heading,var(--font-display));font-size:14px;font-weight:700}.topic-brief{color:var(--ink-dim);font-size:12px;line-height:1.4}.badge-pill{background:var(--accent);color:var(--accent-ink);border-radius:999px;align-self:flex-start;padding:2px 8px;font-size:11px}.badges{flex-direction:column;gap:8px;display:flex}.badge-row{flex-wrap:wrap;gap:8px;display:flex}.reset-btn{color:var(--ink-dim);align-self:flex-start;font-size:12px}.primary{background:var(--accent);color:var(--accent-ink);border:none;border-radius:10px;padding:12px 18px;font-size:14px;font-weight:700}.primary:disabled{opacity:.5;cursor:not-allowed}.ghost{border:1px solid var(--panel-line);color:var(--ink-dim);background:0 0;border-radius:10px;padding:10px 14px;font-size:13px}.danger{background:var(--danger);color:#fff;border:none;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:700}.danger:disabled{opacity:.6;cursor:not-allowed}.qcard{background:var(--panel);border:1px solid var(--panel-line);border-radius:14px;flex-direction:column;gap:16px;padding:24px;display:flex}.run-progress-bar{background:var(--panel-line);border-radius:999px;height:8px;margin-top:-8px;display:block;overflow:hidden}.run-progress-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .3s ease-out;display:block}.topic-run-resume{flex-direction:column;gap:4px;margin-top:2px;display:flex}.topic-run-resume-label{color:var(--accent);font-size:11px;font-weight:600}.topic-run-resume .run-progress-bar{height:6px;margin-top:0}.breadcrumb{color:var(--ink-dim);font-size:11.5px;font-family:var(--font-mono);justify-content:space-between;display:flex}.mascot-row{justify-content:center;display:flex}.gate-card{text-align:center;align-items:center}.gate-question{font-size:16px}.gate-actions{gap:10px;display:flex}.run-start-btn{font-weight:600}.score-pill{background:var(--panel);border:1px solid var(--accent);color:var(--accent)}.run-result-card{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:12px 0;display:flex}.run-result-score{font-family:var(--font-heading,var(--font-display));color:var(--accent);font-size:40px;font-weight:700}.run-result-fraction{color:var(--ink-dim);font-size:15px;font-weight:500}.run-result-line{color:var(--ink-dim);font-size:14px}.run-result-badge{color:var(--accent);margin-top:2px;font-size:14px;font-weight:600}.qtext{font-family:var(--font-mono);white-space:pre-wrap;font-size:17px;line-height:1.55}.qvisual{border:1px solid var(--panel-line);background:var(--panel);border-radius:12px;margin:4px 0 14px;padding:10px}.qbody,.qmain{flex-direction:column;gap:16px;display:flex}.qanswer{flex-direction:column;gap:10px;display:flex}@media (min-width:700px){.qbody-side{flex-direction:row;align-items:flex-start;gap:24px;display:flex}.qbody-side .qmain{flex:auto;min-width:0}.qbody-side .qanswer{flex:0 0 260px}}.keypad-layout-toggle{border:1px solid var(--panel-line);border-radius:999px;align-self:flex-start;gap:2px;padding:2px;display:inline-flex}.keypad-layout-toggle button{color:var(--ink-dim);background:0 0;border:none;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600}.keypad-layout-toggle button.active{background:var(--accent);color:var(--accent-ink)}@media (max-width:699px){.keypad-layout-toggle{display:none}}.choices{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.choice{border:1px solid var(--panel-line);background:var(--panel);color:var(--ink);font-size:14px;font-family:var(--font-mono);border-radius:10px;padding:12px}.choice.selected{border-color:var(--accent)}.choice.correct{border-color:var(--success);background:color-mix(in srgb, var(--success) 15%, var(--panel))}.choice.incorrect{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 15%, var(--panel))}.fillpill-sentence{font-size:16px;line-height:1.6}.fillpill-slot{border:2px dashed var(--panel-line);background:var(--panel);min-width:90px;font-family:var(--font-mono);text-align:center;vertical-align:middle;border-radius:8px;margin:0 2px;padding:2px 10px;display:inline-block}.fillpill-slot.over{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--panel))}.fillpill-slot.filled{border-style:solid;border-color:var(--accent);color:var(--ink)}.fillpill-slot.correct{border-color:var(--success);background:color-mix(in srgb, var(--success) 15%, var(--panel))}.fillpill-slot.incorrect{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 15%, var(--panel))}.fillpill-correction{color:var(--ink-dim);margin-top:6px;font-size:13px}.fillpill-tray{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.fillpill-pill{border:1px solid var(--panel-line);background:var(--panel);color:var(--ink);font-size:14px;font-family:var(--font-mono);cursor:grab;touch-action:none;border-radius:999px;padding:8px 14px}.fillpill-pill:disabled{opacity:.5;cursor:default}.fillpill-ghost{z-index:50;border:1px solid var(--accent);background:var(--panel);color:var(--ink);font-size:14px;font-family:var(--font-mono);pointer-events:none;border-radius:999px;padding:8px 14px;position:fixed;transform:translate(-50%,-50%);box-shadow:0 4px 14px #00000026}.fillpill-ghost.over{border-color:var(--success)}.matchpairs{flex-direction:column;gap:14px;display:flex}.matchpairs-columns{justify-content:space-between;gap:48px;padding-top:4px;display:flex;position:relative}.matchpairs-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.matchpairs-line{stroke:var(--accent);stroke-width:2px}.matchpairs-line.correct{stroke:var(--success)}.matchpairs-line.incorrect{stroke:var(--danger)}.matchpairs-col{z-index:1;flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.matchpairs-item{border:1px solid var(--panel-line);background:var(--panel);color:var(--ink);font-size:14px;font-family:var(--font-mono);text-align:center;cursor:grab;touch-action:none;border-radius:10px;padding:10px 12px}.matchpairs-item.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 30%, transparent)}.matchpairs-item.connected{border-color:var(--accent)}.matchpairs-item.over{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--panel))}.matchpairs-item.correct{border-color:var(--success);background:color-mix(in srgb, var(--success) 15%, var(--panel))}.matchpairs-item.incorrect{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 15%, var(--panel))}.matchpairs-item:disabled{opacity:.7;cursor:default}.matchpairs-ghost{z-index:50;border:1px solid var(--accent);background:var(--panel);color:var(--ink);font-size:14px;font-family:var(--font-mono);pointer-events:none;border-radius:10px;padding:8px 14px;position:fixed;transform:translate(-50%,-50%);box-shadow:0 4px 14px #00000026}.matchpairs-submit{align-self:flex-start}.answer-display{font-family:var(--font-mono);border:1px solid var(--panel-line);background:var(--background);border-radius:10px;min-height:1.4em;padding:10px 14px;font-size:22px}.keypad-group{flex-direction:column;gap:8px;display:flex}.keypad{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.keypad-actions{grid-template-columns:repeat(2,1fr)}.key{border:1px solid var(--panel-line);background:var(--panel);color:var(--ink);font-size:16px;font-family:var(--font-mono);border-radius:10px;padding:14px 0}.keypad-numeric .key{font-size:18px;font-weight:700}.key-wide{font-size:13px}.key-icon{font-size:14px;line-height:1}.key:disabled{opacity:.5}.feedback{border-radius:10px;flex-direction:column;gap:4px;padding:14px;display:flex}.feedback.ok{background:color-mix(in srgb, var(--success) 12%, var(--panel));border:1px solid var(--success)}.feedback.oops{background:color-mix(in srgb, var(--danger) 12%, var(--panel));border:1px solid var(--danger)}.feedback .explain{color:var(--ink-dim);font-size:13px}.xp-bonus-toast{color:var(--accent-ink);background:var(--accent);border-radius:8px;width:fit-content;margin:2px 0 0;padding:6px 10px;font-size:13.5px;font-weight:700;animation:.35s ease-out xp-bonus-pop}@keyframes xp-bonus-pop{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.xp-bonus-toast{animation:none}}.weekend-bonus-banner{background:color-mix(in srgb, var(--accent) 14%, var(--panel));border:1px solid var(--accent);color:var(--ink);border-radius:10px;margin-bottom:12px;padding:10px 14px;font-size:13.5px;font-weight:600}.loading{color:var(--ink-dim);align-items:center;gap:10px;font-size:13px;display:flex}.spinner{border:2px solid var(--panel-line);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-box{color:var(--danger);flex-direction:column;align-items:flex-start;gap:10px;font-size:13px;display:flex}.teach-card{border:1px dashed var(--panel-line);border-radius:10px;flex-direction:column;gap:8px;padding:14px;font-size:13px;display:flex}.teach-card h3{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-dim);font-size:13px}.teach-card .worked{font-family:var(--font-mono);white-space:pre-wrap;background:var(--background);border-radius:8px;padding:10px}.teach-points{flex-direction:column;gap:12px;margin:0;padding-left:20px;display:flex}.teach-point{flex-direction:column;gap:6px;display:flex}.teach-point::marker{color:var(--accent)}.teach-point-text{line-height:1.45}.teach-point .worked{font-size:12px}.teach-point .qvisual{max-width:220px;padding:6px}.video-link{color:var(--accent);align-self:flex-start;font-size:13px;font-weight:600;text-decoration:none}.video-link:hover{text-decoration:underline}.video-link-loading{color:var(--ink-dim);cursor:default}.video-card{border:1px solid var(--panel-line);background:var(--background);color:var(--ink);border-radius:10px;align-self:stretch;align-items:center;gap:10px;padding:8px;text-decoration:none;display:flex}.video-card:hover{border-color:var(--accent)}.video-card-thumb{object-fit:cover;background:var(--panel-line);border-radius:6px;flex:none;width:96px;height:54px}.video-card-info{flex-direction:column;gap:2px;min-width:0;display:flex}.video-card-label{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);font-size:11px;font-weight:700}.video-card-title{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.video-card-channel{color:var(--ink-dim);font-size:11px}.mastery-celebration{z-index:50;background:color-mix(in srgb, var(--background) 78%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:18px;animation:.2s ease-out mastery-fade-in;display:flex;position:fixed;inset:0}.mastery-mascot{animation:.6s ease-in-out infinite mastery-bounce}.mastery-line{font-family:var(--font-heading,var(--font-display));color:var(--accent);text-align:center;text-wrap:balance;padding:0 24px;font-size:clamp(22px,6vw,34px);font-weight:700;animation:.35s ease-out mastery-pop}.first-theme-celebration .mastery-line,.request-unlock-celebration .mastery-line{max-width:480px;font-size:clamp(17px,4vw,22px)}.request-theme-cta{background:var(--accent);color:var(--accent-ink);border-radius:999px;justify-content:center;align-items:center;padding:12px 24px;font-size:15px;font-weight:700;text-decoration:none;animation:.35s ease-out mastery-pop;display:inline-flex}.request-theme-cta:hover{filter:brightness(1.06)}@keyframes mastery-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-22px)}}@keyframes mastery-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes mastery-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.mastery-mascot,.mastery-line{animation:none}}.theme-pick-overlay{z-index:60;background:color-mix(in srgb, var(--background) 82%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;padding:24px;animation:.2s ease-out mastery-fade-in;display:flex;position:fixed;inset:0}.theme-pick-card{background:var(--panel);border:1px solid var(--panel-line);text-align:center;border-radius:20px;width:100%;max-width:560px;padding:28px;box-shadow:0 20px 60px #0000002e}.theme-pick-card h2{font-family:var(--font-heading,var(--font-display));color:var(--ink);text-wrap:balance;margin-bottom:18px;font-size:clamp(19px,5vw,24px)}.theme-pick-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;display:grid}.theme-pick-option{border:1px solid var(--pick-line,var(--panel-line));background:var(--pick-bg,var(--panel));color:var(--pick-ink,var(--ink));border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;font-size:13px;font-weight:700;transition:transform .12s,box-shadow .12s;display:flex;position:relative}.theme-pick-new-badge{background:var(--pick-accent,var(--accent));color:var(--pick-accent-ink,#fff);letter-spacing:.06em;text-transform:uppercase;pointer-events:none;border-radius:999px;padding:2px 7px;font-size:9.5px;font-weight:800;position:absolute;top:-7px;right:-6px;box-shadow:0 2px 6px #00000040}.theme-pick-option:hover,.theme-pick-option:focus-visible{outline:2px solid var(--pick-accent,var(--accent));outline-offset:2px;transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.kid-picker{color:var(--ink,#1c2b46);background:var(--background,#f6f4ec)}.kid-picker-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.kid-picker-header-actions{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.link-button{color:var(--accent,#3a5ba0);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.link-button:disabled{opacity:.6;cursor:default}.redeem-form{align-items:center;gap:10px;margin-top:-6px;display:flex}.redeem-message{color:var(--ink,#1c2b46);font-size:13px}.referral-panel{flex-wrap:wrap}.referral-code{letter-spacing:.03em;border:1.5px dashed var(--panel-line,#d8d4c4);background:var(--panel-bg,#fff);border-radius:10px;padding:6px 12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:15px;font-weight:700}.reset-kid-list{flex-direction:column;gap:8px;display:flex}.reset-kid-option{border:1px solid var(--panel-line);color:var(--ink);text-align:left;background:0 0;border-radius:10px;padding:12px 14px;font-size:14px;font-weight:600}.reset-confirm-copy{color:var(--ink);margin:0;font-size:14px;line-height:1.5}.reset-confirm-actions{justify-content:flex-end;gap:10px;display:flex}.about-page{--patch-stitch:#2a211852;color:#2a2118;background:#f7f0e3;flex-direction:column;gap:22px;max-width:760px;min-height:100%;margin:0 auto;padding:28px 18px 64px;display:flex}.about-header{display:flex}.about-header .link-button{color:#6b5c47}.about-brand{align-items:center;gap:16px;padding:4px 2px 8px;display:flex}.about-brand h1{letter-spacing:-.01em;color:#2a2118;margin:0 0 2px;font-size:30px}.about-tagline{color:#6b5c47;margin:0;font-size:14px}.about-patchwork{grid-template-columns:1fr 1fr;gap:14px;display:grid}.about-patch{border:2px dashed var(--patch-stitch);border-radius:4px;flex-direction:column;gap:8px;padding:18px 20px;display:flex;box-shadow:0 1px #2a21180f}.about-patch.patch-full{grid-column:1/-1}.about-patch h2{text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:14px}.about-patch p{margin:0;font-size:14.5px;line-height:1.6}.about-patch a{text-underline-offset:2px;font-weight:700}.about-patch strong{font-weight:700}.patch-green{color:#23361a;background:#d3e6b8}.patch-green h2{color:#2f4a20}.patch-green a{color:#1f3d12}.patch-red{color:#3d1c0f;background:#e8a68c}.patch-red h2{color:#3d1c0f}.patch-red a{color:#2a1108}.patch-violet{color:#2c1f3d;background:#c9b6dd}.patch-violet h2{color:#2c1f3d}.patch-violet a{color:#1c1229}.patch-teal{color:#12332e;background:#9bcfc9}.patch-teal h2{color:#12332e}.patch-teal a{color:#0a231f}.patch-magenta{color:#3d1428;background:#e6a3b8}.patch-magenta h2{color:#3d1428}.patch-magenta a{color:#2a0c1b}.patch-amber{color:#3d2a0a;background:#eec87a}.patch-amber h2{color:#3d2a0a}.patch-amber a{color:#2a1c05}.patch-blue{color:#12253d;background:#a8c4e8}.patch-blue h2{color:#12253d}.patch-blue a{color:#0a1930}@media (max-width:620px){.about-patchwork{grid-template-columns:1fr}.about-patch.patch-full{grid-column:1}}.app-footer{justify-content:center;padding:18px 0 4px;display:flex}.footer-link{color:var(--ink-dim,#6b6b6b);opacity:.8;font-size:12px;text-decoration:underline}.kid-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}@media (max-width:620px){.topbar-right{align-items:flex-start;width:100%}.stats{gap:22px}.kid-picker-header h1{width:100%}}.kid-card-wrap{border:1px solid var(--panel-line,#d8d4c4);background:var(--panel,#fff);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.kid-card{width:100%;color:var(--ink,#1c2b46);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;padding:18px 14px 10px;font-size:16px;font-weight:700;overflow:hidden}.kid-card-icons{justify-content:center;gap:10px;padding:0 10px 12px;display:flex}.kid-icon-btn{border:1px solid var(--panel-line,#d8d4c4);background:var(--panel,#fff);width:32px;height:32px;color:var(--ink-dim,#6b6b6b);border-radius:50%;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex}.kid-icon-btn-danger{border-color:var(--danger);color:var(--danger)}.kid-new-form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.kid-name-input{border:1px solid var(--panel-line,#d8d4c4);background:var(--panel,#fff);min-width:160px;max-width:260px;color:var(--ink,#1c2b46);border-radius:10px;flex:1;padding:10px 14px;font-size:14px}.kid-curriculum-select{border:1px solid var(--panel-line,#d8d4c4);background:var(--panel,#fff);min-width:160px;color:var(--ink,#1c2b46);border-radius:10px;flex:1;padding:10px 12px;font-size:14px}.kid-switch{white-space:nowrap}.kid-switch:hover,.kid-switch:focus-visible{background:var(--panel);border-color:var(--accent);color:var(--ink);outline:2px solid var(--accent);outline-offset:1px}.auth-switch{border:1.5px solid var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--panel,#fff));border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:14px 18px;display:flex}.auth-switch-copy{color:var(--ink);font-size:15px;font-weight:700}.auth-switch-link{color:var(--accent-ink);background:var(--accent);white-space:nowrap;border-radius:999px;padding:8px 16px;font-size:15px;font-weight:700;text-decoration:none}.auth-switch-link:hover{filter:brightness(1.08)}.landing-page{color:#2a2118;background:#f7f0e3;width:100%;min-height:100%}.landing-page-inner{max-width:880px;margin:0 auto;padding:20px 18px 40px}.landing-header{justify-content:space-between;align-items:center;gap:12px;padding:4px 2px 8px;display:flex}.landing-header-brand{align-items:center;gap:10px;display:flex}.landing-header-name{letter-spacing:-.01em;color:#2a2118;font-size:19px;font-weight:800}.landing-header-nav{align-items:center;gap:18px;display:flex}.landing-header-nav .link-button{color:#6b5c47}.landing-header-signin{color:#2a2118;white-space:nowrap;border:1.5px solid #2a2118;border-radius:999px;padding:7px 15px;font-size:13px;font-weight:700;text-decoration:none}.landing-header-signin:hover{color:#f7f0e3;background:#2a2118}.landing-hero{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:36px 12px 28px;display:flex}.landing-hero h1{letter-spacing:-.01em;color:#2a2118;max-width:620px;margin:4px 0 0;font-size:clamp(26px,4.4vw,38px);line-height:1.16}.landing-hero-sub{color:#6b5c47;max-width:540px;margin:0;font-size:16px;line-height:1.6}.landing-hero-ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:6px;display:flex}.landing-cta-primary,.landing-cta-secondary{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:14px 26px;font-size:15.5px;font-weight:700;text-decoration:none;display:inline-flex}.landing-cta-primary{color:#fff;background:#2f7a52;box-shadow:0 2px #2a21182e}.landing-cta-primary:hover{filter:brightness(1.06)}.landing-cta-secondary{color:#2a2118;background:0 0;border:1.5px solid #2a2118}.landing-cta-secondary:hover{background:#2a21180f}.landing-hero-note{color:#6b5c47;margin:0;font-size:13px}.landing-curricula{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:4px;display:flex}.landing-curricula-label{color:#6b5c47;font-size:12px}.landing-curricula-badges{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.landing-curricula-badge{border:1.5px dashed var(--patch-stitch,#2a211852);color:#2a2118;cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:4px;padding:3px 10px 3px 8px;font-family:inherit;font-size:12px;font-weight:700;transition:background .15s,border-color .15s;display:inline-flex}.landing-curricula-badge:hover{background:#f7f0e3}.landing-curricula-badge-open{background:#eaf3ec;border-style:solid;border-color:#2f7a52}.landing-curricula-flag{font-size:14px;line-height:1}.landing-curricula-detail{text-align:left;background:#fff;border:1.5px solid #2f7a52;border-radius:14px;max-width:420px;margin:10px auto 0;padding:12px 14px}.landing-curricula-detail-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.landing-curricula-detail-head strong{color:#2a2118;font-size:13px}.landing-curricula-detail-source{color:#6b5c47;margin:4px 0 0;font-size:12px}.landing-curricula-detail-close{color:#6b5c47;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:18px;line-height:1}.landing-curricula-detail-close:hover{color:#2a2118}.landing-curricula-stages{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.landing-curricula-stage-chip{color:#2f7a52;white-space:nowrap;background:#eaf3ec;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:600}.landing-curricula-extra{border-top:1.5px dashed var(--patch-stitch,#2a211852);margin-top:10px;padding-top:10px}.landing-curricula-extra-label{color:#2a2118;margin:0;font-size:12px;font-weight:700}.landing-themes{text-align:center;padding:22px 4px 8px}.landing-section-heading{color:#2a2118;margin:0 0 6px;font-size:21px}.landing-section-sub{color:#6b5c47;max-width:520px;margin:0 auto 18px;font-size:14.5px;line-height:1.6}.landing-theme-strip{scroll-snap-type:x proximity;justify-content:center;gap:12px;padding:4px 2px 12px;display:flex;overflow-x:auto}@media (max-width:620px){.landing-theme-strip{justify-content:flex-start}}.landing-theme-card{scroll-snap-align:start;background:#fff;border:2px solid;border-radius:16px;flex-direction:column;flex:none;align-items:center;gap:6px;width:96px;padding:12px 6px;display:flex}.landing-theme-mascot{justify-content:center;align-items:center;display:flex}.landing-theme-label{text-align:center;font-size:12px;font-weight:700;line-height:1.25}.landing-theme-more{color:#6b5c47;margin:2px 0 0;font-size:13px;font-style:italic}.landing-theme-more-link{color:#2f7a52;font-style:normal;font-weight:700;text-decoration:underline}.landing-patchwork{grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0;display:grid}.landing-final-cta{color:#3d2a0a;text-align:center;background:#eec87a;border:2px dashed #2a211852;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin:8px 0 4px;padding:22px 24px;display:flex}.landing-final-cta h2{margin:0 0 4px;font-size:19px}.landing-final-cta p{margin:0;font-size:14px}.landing-footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:26px 0 6px;font-size:13px;display:flex}.landing-footer .link-button{color:#6b5c47}.landing-footer-dot{color:#6b5c47;opacity:.6}.legal-content{flex-direction:column;gap:4px;display:flex}.legal-updated{color:#6b5c47;margin:0 0 12px;font-size:12.5px}.legal-content h2{text-transform:uppercase;letter-spacing:.05em;color:#4a3c2a;margin:20px 0 2px;font-size:14px}.legal-content h2:first-of-type{margin-top:4px}.legal-content p,.legal-content li{color:#3a2f22;margin:0;font-size:14.5px;line-height:1.65}.legal-content ul{flex-direction:column;gap:6px;margin:4px 0 0;padding-left:20px;display:flex}.legal-content a{color:#2a4a7a;font-weight:600}.legal-content .link-button{font-size:13px}.cookie-banner{left:0;right:0;bottom:max(10px, env(safe-area-inset-bottom,0px) + 8px);z-index:60;background:#2a2118;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex;position:fixed;box-shadow:0 -2px 16px #00000047}.cookie-banner p{color:#e9e1d1;flex:320px;margin:0;font-size:13.5px;line-height:1.55}.cookie-banner a{color:#f7f0e3;text-underline-offset:2px;text-decoration:underline}.cookie-banner-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.cookie-banner-actions .link-button{color:#cfc3ac}.cookie-banner-accept{color:#23361a;cursor:pointer;white-space:nowrap;background:#d3e6b8;border:none;border-radius:8px;padding:9px 16px;font-size:13.5px;font-weight:700}.cookie-banner-accept:hover{filter:brightness(1.05)}@media (max-width:560px){.cookie-banner{flex-direction:column;align-items:stretch}.cookie-banner-actions{justify-content:flex-end}}@media (max-width:620px){.landing-patchwork{grid-template-columns:1fr}.landing-final-cta{text-align:center;flex-direction:column}}