body.platform-native [data-action=start-checkout],body.platform-native #premiumPill{display:none!important}.promo-section{padding:16px 16px 0}.promo-card{border-radius:var(--radius);background:linear-gradient(135deg,#fdf4ff,#eff6ff);border:2px solid #e9d5ff;padding:20px}.promo-header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.promo-form{gap:8px;display:flex}.promo-input{border-radius:var(--radius-sm);border:2.5px solid var(--border-light);font-size:16px;font-family:var(--font-body);color:var(--ink);text-transform:uppercase;letter-spacing:.05em;outline:none;flex:1;padding:12px 16px;font-weight:800}.promo-input:focus{border-color:var(--brand)}.promo-btn{border-radius:var(--radius-sm);background:var(--brand);color:#fff;font-size:15px;font-weight:900;font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:none;padding:12px 24px;transition:opacity .15s}.promo-btn:hover{opacity:.9}.promo-feedback{min-height:20px;margin-top:10px;font-size:14px;font-weight:800}.promo-feedback.ok{color:var(--ok)}.promo-feedback.bad{color:var(--bad)}.promo-plan{color:var(--ink3);margin-top:8px;font-size:13px;font-weight:700}.skip-link{z-index:999;background:var(--brand);color:#fff;border-radius:var(--radius-sm);padding:12px 24px;font-weight:800;text-decoration:none;transition:top .2s;position:absolute;top:-100px;left:16px}.skip-link:focus{top:12px}.topnav{background:var(--surface);z-index:100;box-shadow:var(--shadow-nav);justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:sticky;top:0}.nav-stats{gap:10px;display:flex}.ns{background:var(--bg);border-radius:var(--radius-pill);color:var(--ink2);align-items:center;gap:5px;padding:6px 14px;font-size:14px;font-weight:800;display:flex}.ns-premium{color:#fff;cursor:pointer;font-family:var(--font-body);background:linear-gradient(135deg,#ffb830 0%,#ff6b9d 100%);border:none;transition:transform .15s,box-shadow .15s;animation:2.4s ease-in-out infinite premiumPulse;box-shadow:0 4px 12px #ff6b9d59}.ns-premium:hover{animation:none;transform:translateY(-1px);box-shadow:0 6px 16px #ff6b9d73}.ns-premium:active{transform:translateY(0)}@keyframes premiumPulse{0%,to{box-shadow:0 4px 12px #ff6b9d59}50%{box-shadow:0 4px 18px #ff6b9d8c}}.ns-premium-active{color:#fff;cursor:pointer;font-family:var(--font-body);background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 10px #10b98147}.ns-premium-active:hover{transform:translateY(-1px);box-shadow:0 6px 14px #10b98161}.ns-premium-active:active{transform:translateY(0)}.ns-premium-badge{color:#fff;cursor:default;font-family:var(--font-body);background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;align-items:center;gap:6px;display:inline-flex;box-shadow:0 2px 6px #10b98138}@media (width<=640px){.topnav{flex-wrap:wrap;gap:8px;padding:10px 12px}.nav-stats{flex-wrap:wrap;justify-content:flex-end;gap:6px}.ns{gap:4px;padding:5px 9px;font-size:13px}.ns-premium>span:last-child,.ns-premium-active>span:last-child,.ns-premium-badge>span:last-child,.ns-daily-label{display:none}}#onboarding{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1e1248b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.ob-card{background:var(--surface);text-align:center;width:100%;max-width:460px;max-height:calc(100dvh - 40px);box-shadow:var(--shadow-lg);border-radius:28px;padding:32px 28px;overflow-y:auto}.ob-emoji{margin-bottom:12px;font-size:64px;display:block}.ob-title{font-family:var(--font-display);color:var(--brand);margin-bottom:8px;font-size:28px;font-weight:800}.ob-sub{color:var(--ink2);margin-bottom:24px;font-size:16px;line-height:1.5}.ob-input{border:3px solid var(--border-light);width:100%;font-size:20px;font-family:var(--font-body);color:var(--ink);text-align:center;border-radius:16px;outline:none;margin-bottom:16px;padding:16px 20px;font-weight:800}.ob-input:focus{border-color:var(--brand)}.ob-btn{background:var(--brand);color:#fff;width:100%;font-size:20px;font-family:var(--font-body);cursor:pointer;border:none;border-radius:16px;padding:18px;font-weight:900;transition:transform .1s,opacity .15s}.ob-btn:hover{opacity:.93}.ob-btn:active{transform:scale(.98)}.tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding:16px 16px 0;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{border-radius:var(--radius-pill);cursor:pointer;background:var(--surface);min-height:44px;color:var(--ink2);border:2px solid #0000;flex:none;align-items:center;padding:10px 18px;font-size:15px;font-weight:800;transition:all .15s;display:inline-flex}.tab.active{background:var(--brand);color:#fff;box-shadow:0 4px 14px #6c47ff4d}.quick-setup{gap:10px;padding:16px;display:grid}.qs-label{color:var(--ink2);margin-bottom:6px;font-size:13px;font-weight:800}.qs-options{flex-wrap:wrap;gap:8px;padding:4px 0;display:flex}.gen-btn{border-radius:var(--radius);background:linear-gradient(135deg, var(--brand), var(--brand-hover));color:#fff;width:calc(100% - 32px);font-size:22px;font-family:var(--font-body);cursor:pointer;box-shadow:var(--shadow-btn);border:none;justify-content:center;align-items:center;gap:10px;margin:0 16px 16px;padding:20px;font-weight:900;transition:transform .1s,opacity .15s;display:flex}.gen-btn:hover{opacity:.95}.gen-btn:active{transform:scale(.98)}.ex-area{gap:14px;padding:16px;display:grid}.ex-card{background:var(--surface);box-shadow:var(--shadow);border:2.5px solid var(--border);border-radius:24px;padding:20px;animation:.3s both popIn}@keyframes popIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ex-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ex-top-actions{align-items:center;gap:8px;display:flex}.hint-toggle{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:4px;font-size:18px;transition:background .15s;display:inline-flex}.hint-toggle:hover{background:var(--surface-brand)}.ex-hint{transition:all .2s}.ex-badge{background:var(--surface-brand);color:var(--brand);border-radius:var(--radius-pill);padding:5px 12px;font-size:13px;font-weight:800}.ex-num{color:var(--ink3);font-size:13px;font-weight:800}.ex-visual{text-align:center;margin-bottom:6px;font-size:60px;line-height:1}.ex-caption{text-align:center;color:var(--ink3);margin-bottom:10px;font-size:13px;font-weight:700}.ex-prompt{text-align:center;color:var(--ink);font-size:28px;font-weight:900;font-family:var(--font-display);margin-bottom:14px;line-height:1.2}.sound-btn{border-radius:var(--radius-pill);border:2px solid var(--border-light);background:var(--surface2);cursor:pointer;min-height:44px;color:var(--ink2);margin:0 auto 12px;padding:12px 20px;font-size:14px;font-weight:800;display:block}.options{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:10px;display:flex}.opt-btn{border:2.5px solid var(--border-light);background:var(--surface);cursor:pointer;color:var(--ink);text-align:center;border-radius:14px;min-width:56px;padding:12px 18px;font-size:20px;font-weight:900;transition:all .12s}.opt-btn:hover{border-color:var(--brand);background:var(--surface-brand)}.opt-btn.correct{border-color:var(--ok);background:var(--ok-bg);color:var(--ok-text)}.opt-btn.wrong{border-color:var(--bad);background:var(--bad-bg);color:var(--bad-text)}.ans-input{border:3px solid var(--border-light);text-align:center;width:100%;font-size:24px;font-weight:900;font-family:var(--font-body);color:var(--ink);border-radius:16px;outline:none;padding:14px}.ans-input:focus{border-color:var(--brand)}.ans-input.correct{border-color:var(--ok);background:var(--ok-bg)}.ans-input.wrong{border-color:var(--bad);background:var(--bad-bg)}.feedback{text-align:center;min-height:32px;margin-top:8px;font-size:18px;font-weight:800}.feedback.ok{color:var(--ok)}.feedback.bad{color:var(--bad)}.drop-zone{border:2.5px dashed var(--border-brand);background:var(--surface2);border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:56px;margin-bottom:10px;padding:8px;display:flex}.drop-slot{border-radius:var(--radius-sm);background:var(--surface);width:50px;height:50px;color:var(--ink);cursor:pointer;border:2px dashed #a78bfa;justify-content:center;align-items:center;font-size:22px;font-weight:900;transition:transform .1s,background .15s,border-color .15s;display:flex}.drop-slot.filled{background:var(--surface-brand);border-style:solid;border-color:var(--brand)}.drop-slot.filled:hover{background:#ffe4e6;border-color:#e11d48}.drop-slot.filled:active{transform:scale(.95)}.drag-letters{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.drag-letter{border-radius:var(--radius-sm);border:2.5px solid var(--border-light);background:var(--surface);cursor:pointer;-webkit-user-select:none;user-select:none;width:50px;height:50px;color:var(--ink);justify-content:center;align-items:center;font-size:22px;font-weight:900;transition:transform .1s,opacity .15s,background .15s,border-color .15s;display:flex}.drag-letter:hover{background:var(--surface-brand);border-color:var(--brand)}.drag-letter:active{transform:scale(.95)}.drag-letter.used{opacity:.35;pointer-events:none;background:var(--surface2);border-style:dashed}.word-actions{justify-content:center;margin-top:10px;display:flex}.clear-slots-btn{border:2px solid var(--border-light);background:var(--surface);color:var(--ink2);cursor:pointer;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700;transition:background .15s,border-color .15s,color .15s}.clear-slots-btn:hover{background:var(--surface-brand);border-color:var(--brand);color:var(--brand)}.clear-slots-btn:active{transform:scale(.96)}.action-row{grid-template-columns:1fr 1fr;gap:10px;padding:0 16px 84px;display:grid}.act-btn{font-size:16px;font-weight:900;font-family:var(--font-body);cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:6px;padding:16px;transition:transform .1s,opacity .15s;display:flex}.act-btn:active{transform:scale(.97)}.act-check{background:var(--ok);color:#fff;grid-column:1/-1;padding:18px;font-size:19px}.act-print{color:#92400e;background:#fff7e6}.act-toggle{background:var(--surface-brand);color:var(--brand)}.act-reset{color:#9d174d;background:#fce7f3}.act-save{color:#065f46;background:#ecfdf5}.act-settings{color:#0369a1;background:#f0f9ff}.celebration{border-radius:var(--radius);text-align:center;background:linear-gradient(135deg,#fdf4ff,#eff6ff);border:2px solid #e9d5ff;min-height:80px;margin:0 16px 16px;padding:18px}.celeb-msg{color:var(--ink);margin-bottom:4px;font-size:19px;font-weight:800}.celeb-icons{font-size:36px;animation:.8s infinite alternate bounce}@keyframes bounce{0%{transform:scale(1)}to{transform:scale(1.1)}}.draw-section{padding:16px}.draw-tools{flex-wrap:wrap;align-items:stretch;gap:8px;margin-bottom:12px;display:flex}.draw-tools.two-zone{justify-content:space-between;align-items:flex-start;gap:12px}.tool-zone{background:var(--surface2,#faf9ff);border:2px solid var(--border-light);border-radius:14px;flex-wrap:wrap;flex:auto;align-items:center;gap:8px;min-width:0;padding:12px 14px 10px;display:flex;position:relative}.tool-zone-actions{background:linear-gradient(#faf7ff 0%,#f0ecff 100%)}.zone-label{color:var(--ink3);text-transform:uppercase;letter-spacing:.5px;background:var(--bg);border-radius:6px;padding:0 8px;font-size:11px;font-weight:900;position:absolute;top:-8px;left:12px}.tool-btn{border-radius:var(--radius-sm);border:2px solid var(--border-light);background:var(--surface);cursor:pointer;color:var(--ink2);justify-content:center;align-items:center;gap:4px;min-width:44px;min-height:44px;padding:9px 14px;font-size:16px;font-weight:800;transition:transform 80ms,border-color .15s,background .15s;display:inline-flex}.tool-btn:hover{border-color:var(--border-brand)}.tool-btn:active{transform:scale(.96)}.tool-btn.active-tool,.tool-btn.active{border-color:var(--brand);background:var(--surface-brand);color:var(--brand);box-shadow:0 0 0 3px #6c47ff2e}.tool-btn:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.tool-with-label{flex-direction:column;gap:2px;min-width:56px;min-height:56px;padding:8px 10px}.tool-icon{font-size:22px;line-height:1}.tool-label{color:inherit;font-size:11px;font-weight:800;line-height:1.1}.draw-stamp-sel{border:2px solid var(--border-light);color:var(--ink2);font-size:14px;font-weight:800;font-family:var(--font-body);cursor:pointer;background:#fff;border-radius:12px;min-height:44px;padding:8px 12px}.draw-prompt{background:linear-gradient(135deg,#fdf4ff,#eff6ff);border:2px solid #e9d5ff;border-radius:16px;align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;display:flex}.draw-prompt-text{color:var(--ink2);flex:1;font-size:15px;font-weight:800}.draw-hud{border:2px solid var(--border-light);color:var(--ink2);background:#fff;border-radius:999px;align-items:center;gap:10px;max-width:100%;margin:0 0 10px;padding:8px 14px;font-size:14px;font-weight:800;display:inline-flex;overflow:hidden;box-shadow:0 2px 8px #6c47ff0f}.draw-hud-dot{border:2px solid var(--brand);background:var(--brand);border-radius:50%;flex-shrink:0;width:16px;height:16px;transition:width .15s,height .15s,background .15s;display:inline-block}.draw-hud-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.color-palette{border:2px solid var(--border-light);background:linear-gradient(#fdfbff,#f4f0ff);border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;padding:12px 14px;display:flex}.color-swatch{width:44px;height:44px;box-shadow:0 0 0 2px var(--border-light), 0 2px 4px #00000014;cursor:pointer;border:3px solid #fff;border-radius:50%;padding:0;transition:transform .12s,box-shadow .15s;position:relative}.color-swatch:after{content:"";pointer-events:none;background:#ffffff73;border-radius:50%;width:12px;height:8px;position:absolute;top:4px;left:6px}.color-swatch:hover{transform:scale(1.08)}.color-swatch:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.color-swatch.active{box-shadow:0 0 0 4px var(--brand), 0 3px 8px #6c47ff40;transform:scale(1.14)}.color-swatch.custom{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);position:relative}.color-swatch.custom:after{display:none}.color-swatch.custom input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.size-picker{align-items:center;gap:8px;margin-bottom:12px;display:flex}.size-btn{border:2px solid var(--border-light);background:var(--surface);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:transform 80ms,border-color .15s;display:inline-flex}.size-btn:hover{border-color:var(--border-brand)}.size-btn.active{border-color:var(--brand);background:var(--surface-brand);box-shadow:0 0 0 3px #6c47ff2e}.size-dot{background:var(--ink);border-radius:50%;transition:background .15s;display:block}.size-btn.active .size-dot{background:var(--brand)}.size-btn:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.draw-bg-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;display:flex}.draw-sub-label{color:var(--ink3);text-transform:uppercase;letter-spacing:.5px;margin-right:2px;font-size:12px;font-weight:800}.bg-btn{border:2px solid var(--border-light);background:var(--surface);cursor:pointer;min-width:44px;height:44px;color:var(--ink2);border-radius:10px;padding:0 10px;font-size:16px;font-weight:800}.bg-btn.active{border-color:var(--brand);background:var(--surface-brand);color:var(--brand);box-shadow:0 0 0 3px #6c47ff26}.canvas-wrap{aspect-ratio:4/3;border:3px solid var(--border-brand);background:#fff;border-radius:18px;width:100%;max-height:min(70vh,640px);position:relative;overflow:hidden;box-shadow:0 4px 16px #6c47ff14}.canvas-wrap canvas{touch-action:none;width:100%;height:100%;display:block}.draw-bg-canvas{pointer-events:none;position:absolute;inset:0}#drawCanvas{z-index:1;position:relative}.draw-gallery-wrap{margin-top:18px}.draw-gallery-title{color:var(--ink2);align-items:center;gap:8px;margin-bottom:10px;font-size:15px;font-weight:900;display:flex}.draw-gallery-counter{color:var(--brand);background:var(--surface-brand);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800}@keyframes drawTitlePulse{0%{transform:scale(1)}30%{color:var(--brand);transform:scale(1.08)}60%{transform:scale(.98)}to{transform:scale(1)}}.draw-gallery-title.pulse{animation:.7s ease-out drawTitlePulse}@media (prefers-reduced-motion:reduce){.draw-gallery-title.pulse{animation:none}}.color-palette-row{align-items:stretch;gap:12px;margin-bottom:12px;display:flex}.color-palette-row .color-palette{flex:1;min-width:0;margin-bottom:0}.palette-toggle{flex-shrink:0;align-self:stretch;min-width:64px}.palette-toggle.active{color:#065f46;background:#d1fae5;border-color:#009e73;box-shadow:0 0 0 3px #009e732e}.profile-sticker{vertical-align:middle;margin-right:8px;font-size:1.2em;display:inline-block}.read-aloud-target{text-align:center;font-family:var(--font-display);color:var(--brand);background:var(--surface2);letter-spacing:.04em;border-radius:14px;margin:8px 0 12px;padding:24px 12px;font-size:32px;font-weight:800;line-height:1.3}.read-aloud-mic{border:3px solid var(--brand);width:100%;color:var(--brand);cursor:pointer;font-family:var(--font-body);background:linear-gradient(135deg,#fce7f3,#ede9fe);border-radius:16px;justify-content:center;align-items:center;gap:12px;padding:18px;font-size:16px;font-weight:900;transition:transform .1s,background .15s;display:flex}.read-aloud-mic:hover{transform:translateY(-2px)}.read-aloud-mic:active{transform:scale(.97)}.read-aloud-mic.listening{color:#991b1b;background:linear-gradient(135deg,#fecaca,#fef3c7);border-color:#ef4444;animation:1.2s ease-in-out infinite micPulse}.mic-icon{font-size:28px;line-height:1}@keyframes micPulse{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 12px #ef444400}}.read-aloud-feedback{margin-top:10px}.ra-result{text-align:center;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:800}.ra-result.ok{background:var(--ok-bg,#d1fae5);color:var(--ok-text,#065f46)}.ra-result.partial{color:#78350f;background:#fef3c7}.ra-result.bad{background:var(--bad-bg,#fee2e2);color:var(--bad-text,#991b1b)}@media (prefers-reduced-motion:reduce){.read-aloud-mic.listening{animation:none}}.upgrade-referral{text-align:center;margin-top:18px}.upgrade-referral-or{color:var(--ink3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:12px;font-weight:800;display:block}.upgrade-referral-btn{width:100%;color:var(--ink);cursor:pointer;font-size:14px;font-weight:800;font-family:var(--font-body);background:linear-gradient(135deg,#fce7f3,#ede9fe);border:2px dashed #c084fc;border-radius:14px;padding:14px 16px;line-height:1.4}.upgrade-referral-btn:hover{filter:brightness(1.03)}.ns-daily{font-weight:900;animation:1.8s ease-in-out infinite dailyChipPulse;color:var(--brand)!important;background:linear-gradient(135deg,#fce7f3,#ede9fe)!important;border:2px solid #c084fc!important}.ns-daily-label{font-size:13px}@keyframes dailyChipPulse{0%,to{box-shadow:0 0 #c084fc80}50%{box-shadow:0 0 0 6px #c084fc00}}@media (prefers-reduced-motion:reduce){.ns-daily{animation:none}}.daily-banner{border-radius:var(--radius);background:linear-gradient(135deg,#fce7f3,#ede9fe);border:2px solid #c084fc;align-items:center;gap:14px;margin:14px 16px 0;padding:14px 18px;display:flex}.daily-icon{font-size:32px;line-height:1}[data-theme=dark] .promo-card,[data-theme=dark] .celebration,[data-theme=dark] .draw-prompt,[data-theme=dark] .daily-banner,[data-theme=dark] .review-banner{background:var(--surface2);border-color:var(--border-light)}[data-theme=dark] .lerni-bubble,[data-theme=dark] .lerni-celebrating .lerni-bubble,[data-theme=dark] .lerni-encouraging .lerni-bubble,[data-theme=dark] .lerni-thinking .lerni-bubble,[data-theme=dark] .draw-hud,[data-theme=dark] .draw-stamp-sel,[data-theme=dark] .draw-prompt-card{background:var(--surface)}[data-theme=dark] .act-print{color:#fcd34d;background:#3a2e0d}[data-theme=dark] .act-reset{color:#f9a8d4;background:#3a0d24}[data-theme=dark] .act-save{background:var(--ok-bg);color:var(--ok-text)}[data-theme=dark] .act-settings{color:#93c5fd;background:#0c2a4a}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.daily-text{flex:1;min-width:0}.daily-title{color:var(--ink);font-size:16px;font-weight:900}.daily-sub{color:var(--ink2);margin-top:2px;font-size:13px;font-weight:700}.daily-btn{cursor:pointer;background:var(--brand);color:#fff;white-space:nowrap;border:none;border-radius:999px;padding:12px 20px;font-size:14px;font-weight:900}.daily-btn:hover{filter:brightness(1.05)}.daily-result{text-align:center;border-radius:12px;margin-top:10px;padding:12px;font-size:16px;font-weight:900}.daily-result.ok{background:var(--ok-bg,#d1fae5);color:var(--ok-text,#065f46)}.daily-result.bad{background:var(--bad-bg,#fee2e2);color:var(--bad-text,#991b1b)}.minigames-section{margin:18px 16px 0}.minigames-title{color:var(--ink2);align-items:center;gap:8px;margin-bottom:10px;font-size:15px;font-weight:900;display:flex}.minigames-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.minigame-card-btn{background:var(--surface);border:2px solid var(--border-light);cursor:pointer;font-family:var(--font-body);border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:18px 14px;transition:transform .12s,border-color .15s;display:flex}.minigame-card-btn:hover{border-color:var(--brand);transform:translateY(-3px)}.mg-emoji{font-size:36px;line-height:1}.mg-name{color:var(--ink);font-size:16px;font-weight:900}.mg-desc{color:var(--ink3);text-align:center;font-size:12px;font-weight:700}.minigame-card{max-width:480px}.memory-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.mem-card{aspect-ratio:1;border:2px solid var(--border-light);background:var(--surface);cursor:pointer;font-family:var(--font-display);color:var(--brand);border-radius:12px;padding:0;font-size:28px;font-weight:800;transition:transform .15s;position:relative;overflow:hidden}.mem-card:hover{transform:scale(1.04)}.mem-back,.mem-front{backface-visibility:hidden;justify-content:center;align-items:center;transition:transform .25s;display:flex;position:absolute;inset:0}.mem-front,.mem-card.flipped .mem-back{transform:rotateY(180deg)}.mem-card.flipped .mem-front{transform:rotateY(360deg)}.mem-card.matched{background:var(--ok-bg,#d1fae5);border-color:var(--ok,#22c55e)}.sort-bank,.sort-slots{background:var(--surface);border:2px solid var(--border-light);border-radius:12px;flex-wrap:wrap;justify-content:center;gap:8px;min-height:60px;margin:8px 0;padding:12px;display:flex}.sort-chip{border:2px solid var(--brand);color:var(--ink);cursor:pointer;font-size:18px;font-weight:900;font-family:var(--font-body);background:#fff;border-radius:10px;padding:10px 18px}.sort-slot{border:2px dashed var(--border-light);background:var(--surface2);min-width:50px;color:var(--ink3);font-size:18px;font-weight:900;font-family:var(--font-body);cursor:pointer;border-radius:10px;padding:10px 14px}.sort-slot.filled{border-style:solid;border-color:var(--brand);color:var(--ink);background:#fff}.tf-card{max-width:420px}.tf-question{text-align:center;font-size:28px;font-weight:900;font-family:var(--font-display);color:var(--ink);background:var(--surface2);border-radius:16px;margin:12px 0;padding:28px 12px}.tf-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tf-btn{cursor:pointer;font-size:18px;font-weight:900;font-family:var(--font-body);border:3px solid;border-radius:16px;padding:18px}.tf-true{color:#065f46;background:#d1fae5;border-color:#22c55e}.tf-false{color:#991b1b;background:#fee2e2;border-color:#ef4444}.tf-btn:active{transform:scale(.95)}.daily-challenge-prompt{text-align:center;font-size:24px;font-weight:900;font-family:var(--font-display);color:var(--ink);background:var(--surface2);border-radius:12px;margin-bottom:12px;padding:20px 12px}.daily-challenge-options{flex-direction:column;gap:8px;display:flex}.daily-opt{border:2px solid var(--border-light);background:var(--surface);color:var(--ink);cursor:pointer;font-size:18px;font-weight:900;font-family:var(--font-body);border-radius:12px;padding:14px;transition:transform .1s,border-color .15s}.daily-opt:hover{border-color:var(--brand);transform:translateY(-2px)}.rewards-panel{border:2px solid var(--border-light);background:var(--surface2);border-radius:16px;margin:18px 16px 0;padding:12px 16px}.rewards-summary{cursor:pointer;color:var(--ink2);flex-wrap:wrap;align-items:center;gap:10px;padding:6px 0;font-size:16px;font-weight:900;list-style:none;display:flex}.rewards-summary::-webkit-details-marker{display:none}.rewards-counter{color:var(--brand);background:var(--surface-brand);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:900}.rewards-shop-btn{border:2px solid var(--brand);background:var(--brand);color:#fff;cursor:pointer;border-radius:999px;margin-left:auto;padding:6px 14px;font-size:13px;font-weight:900}.rewards-shop-btn:hover{filter:brightness(1.1)}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:14px;display:grid}.achievement-card{background:var(--surface);border:2px solid var(--border-light);text-align:center;border-radius:12px;padding:10px 8px;transition:transform .15s,border-color .15s}.achievement-card.unlocked{border-color:var(--ok);background:var(--ok-bg,#d1fae5)}.achievement-card.locked{opacity:.55}.achievement-card.unlocked:hover{transform:translateY(-2px)}.ach-emoji{margin-bottom:4px;font-size:32px;line-height:1}.ach-name{color:var(--ink);font-size:13px;font-weight:900;line-height:1.2}.ach-desc{color:var(--ink3);margin-top:4px;font-size:11px;font-weight:700;line-height:1.3}.ach-progress{margin-top:8px}.ach-progress.done{color:var(--ok,#22c55e);font-size:11px;font-weight:900}.ach-progress-track{background:var(--border-light);border-radius:999px;height:6px;overflow:hidden}.ach-progress-fill{background:var(--brand);border-radius:999px;height:100%;transition:width .4s}.ach-progress-label{color:var(--ink3);text-align:right;margin-top:3px;font-size:10px;font-weight:800}.sticker-album-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px;margin-top:14px;display:grid}.sticker-card{background:var(--surface);border:2px solid var(--border-light);aspect-ratio:1;cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;transition:transform .12s,border-color .15s;display:flex;position:relative}.sticker-card.owned{border-color:var(--brand)}.sticker-card.unowned{opacity:.55}.sticker-card.active{box-shadow:0 0 0 3px var(--brand);border-color:var(--brand)}.sticker-card:hover{transform:translateY(-2px)}.sticker-emoji{font-size:28px;line-height:1}.sticker-price{color:var(--ink3);margin-top:4px;font-size:10px;font-weight:900}.sticker-shop-card{max-width:520px;max-height:80vh;overflow-y:auto}.sticker-shop-header{background:var(--surface);z-index:1;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:4px 0;display:flex;position:sticky;top:0}.sticker-shop-balance{color:var(--brand);background:var(--surface-brand);border-radius:999px;padding:6px 16px;font-size:18px;font-weight:900}.shop-category-title{color:var(--ink3);text-transform:uppercase;letter-spacing:.5px;margin:14px 0 8px;padding-left:4px;font-size:13px;font-weight:900}.shop-row{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;display:grid}.shop-item{border:2px solid var(--border-light);background:var(--surface);cursor:pointer;font-family:var(--font-body);border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;transition:transform .12s,border-color .15s;display:flex}.shop-item.affordable{border-color:var(--brand)}.shop-item.unaffordable{opacity:.45;cursor:not-allowed}.shop-item.owned{border-color:var(--ok);background:var(--ok-bg,#d1fae5)}.shop-item.affordable:hover{transform:translateY(-2px)}.shop-item-emoji{font-size:30px;line-height:1}.shop-item-price{color:var(--ink2);font-size:12px;font-weight:900}.achievement-toast{z-index:9998;color:#78350f;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:14px;align-items:center;gap:12px;max-width:calc(100vw - 40px);padding:12px 18px;font-weight:800;animation:.35s cubic-bezier(.34,1.56,.64,1) achToastIn;display:flex;position:fixed;bottom:96px;right:20px;box-shadow:0 12px 32px #f59e0b59}.achievement-toast.leaving{animation:.35s ease-in forwards achToastOut}.ach-toast-emoji{font-size:36px;line-height:1}.ach-toast-title{opacity:.7;font-size:12px;font-weight:800}.ach-toast-name{font-size:16px;font-weight:900}@keyframes achToastIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes achToastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@media (prefers-reduced-motion:reduce){.achievement-toast,.achievement-toast.leaving{animation:none}}.settings-panel{border:2px solid var(--border-light);background:var(--surface2);border-radius:16px;margin:18px 16px 8px;padding:12px 16px}.settings-summary{cursor:pointer;color:var(--ink2);align-items:center;gap:8px;padding:6px 0;font-size:16px;font-weight:900;list-style:none;display:flex}.settings-summary::-webkit-details-marker{display:none}.settings-summary:after{content:"▼";color:var(--ink3);margin-left:auto;font-size:11px;transition:transform .2s}.settings-panel[open] .settings-summary:after{transform:rotate(180deg)}.settings-grid{flex-direction:column;gap:10px;margin-top:14px;display:flex}.settings-row{background:var(--surface);border:2px solid var(--border-light);border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:10px 14px;display:flex}.settings-row-stack{flex-wrap:wrap;align-items:flex-start}.settings-label{color:var(--ink);flex:1;font-weight:800}.settings-label small{color:var(--ink3);font-size:12px;font-weight:700;line-height:1.3}.settings-control{border:2px solid var(--border-light);background:var(--surface);color:var(--ink);font-weight:800;font-family:var(--font-body);cursor:pointer;border-radius:10px;min-height:40px;padding:8px 12px}.settings-toggle{cursor:pointer;width:28px;height:28px;accent-color:var(--brand)}.settings-pin-controls{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.settings-pin-status{color:var(--ink3);font-size:13px;font-weight:800}.settings-pin-status.set{color:var(--ok)}.pin-prompt-card{max-width:360px}.parental-gate-card{max-width:400px}.parental-gate-challenge{text-align:center;font-family:var(--font-display);color:var(--brand);background:var(--surface2);letter-spacing:.05em;border-radius:14px;margin:14px 0;padding:24px 12px;font-size:44px;font-weight:800}.parental-gate-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.parental-gate-opt{border:2px solid var(--border-light);background:var(--surface);color:var(--ink);font-size:20px;font-weight:900;font-family:var(--font-body);cursor:pointer;border-radius:12px;padding:14px;transition:transform 80ms,border-color .15s}.parental-gate-opt:hover{border-color:var(--brand);transform:translateY(-2px)}.parental-gate-opt:active{transform:scale(.96)}.parental-gate-feedback{text-align:center;color:var(--bad,#ef4444);min-height:18px;margin-top:10px;font-size:13px;font-weight:800}.delete-account-row{background:linear-gradient(#fef2f2 0%,#fff 100%);border-color:#fecaca}.delete-account-btn{color:#991b1b!important;background:#fff!important;border-color:#ef4444!important}.delete-account-btn:hover{background:#fee2e2!important}.referrals-row{background:linear-gradient(#fef3c7 0%,#fff 100%)}.referrals-controls{width:100%;margin-top:8px}.referrals-loading{color:var(--ink3);font-size:13px;font-weight:700}.referrals-row-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.referrals-code{background:var(--surface-brand);color:var(--brand);letter-spacing:.15em;border-radius:12px;padding:8px 18px;font-family:monospace;font-size:22px;font-weight:900}.referrals-count{color:var(--ink2);font-size:13px;font-weight:800}.referrals-link{color:var(--ink3);background:var(--surface);word-break:break-all;border:1px dashed var(--border-light);border-radius:8px;margin-bottom:8px;padding:8px 12px;font-family:monospace;font-size:12px}.referrals-actions{flex-wrap:wrap;gap:8px;display:flex}.draw-simple-mode .tool-btn[data-action=toggle-smoothing],.draw-simple-mode .tool-btn[data-action=cycle-symmetry],.draw-simple-mode #stampSel,.draw-simple-mode #traceSel,.draw-simple-mode .draw-sub-label{display:none!important}.draw-simple-mode .tool-with-label{min-width:72px;min-height:72px;padding:12px}.draw-simple-mode .tool-icon{font-size:30px}.draw-simple-mode .tool-label{font-size:13px;font-weight:900}.draw-simple-mode .color-swatch{width:56px;height:56px}.draw-simple-mode .size-btn{width:60px;height:60px}.draw-simple-mode .zone-label{font-size:12px}.tool-btn.recording{color:#991b1b;background:#fee2e2;border-color:#ef4444;animation:1.6s ease-in-out infinite drawRecPulse;box-shadow:0 0 0 3px #ef44442e}@keyframes drawRecPulse{0%,to{box-shadow:0 0 0 3px #ef44442e}50%{box-shadow:0 0 0 6px #ef444447}}.draw-rec-indicator{z-index:6;color:#991b1b;letter-spacing:1px;background:#fffffff5;border:2px solid #ef4444;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:900;display:inline-flex;position:absolute;top:12px;right:12px;box-shadow:0 4px 14px #ef444440}.draw-rec-dot{background:#ef4444;border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite drawRecBlink;display:inline-block}@keyframes drawRecBlink{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.tool-btn.recording,.draw-rec-dot{animation:none}}.doodlecast-preview{max-width:480px}.doodlecast-preview video{object-fit:contain;max-height:60vh}.draw-prompt-card{border:2px solid var(--brand);color:var(--ink2);z-index:5;background:#fffffff5;border-radius:999px;align-items:center;gap:10px;min-width:0;max-width:calc(100% - 24px);padding:10px 14px 10px 12px;font-size:14px;font-weight:800;animation:.28s cubic-bezier(.34,1.56,.64,1) drawPromptIn;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #6c47ff2e}.draw-prompt-card-icon{flex-shrink:0;font-size:22px;line-height:1}.draw-prompt-card-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.draw-prompt-card-close{cursor:pointer;color:var(--ink3);background:0 0;border:0;padding:0 4px;font-size:22px;font-weight:800;line-height:1}.draw-prompt-card-close:hover{color:var(--brand)}@keyframes drawPromptIn{0%{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.draw-prompt-card{animation:none}}.draw-gallery{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;display:grid}.gallery-empty{color:var(--ink3);background:var(--surface);border:2px dashed var(--border-light);text-align:center;border-radius:12px;grid-column:1/-1;padding:14px;font-size:13px;font-weight:700}.gallery-item{border:2px solid var(--border-light);aspect-ratio:4/3;background:#fff;border-radius:12px;position:relative;overflow:hidden}.gallery-item img{object-fit:contain;cursor:pointer;background:#fff;width:100%;height:100%;display:block}.gallery-actions{gap:4px;display:flex;position:absolute;top:4px;right:4px}.gallery-btn{cursor:pointer;background:#ffffffeb;border:0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 1px 3px #00000026}.gallery-btn.del{color:#9d174d}.gallery-date{color:var(--ink3);background:#ffffffd9;border-radius:6px;padding:2px 6px;font-size:12px;font-weight:800;position:absolute;bottom:4px;left:4px}.profiles-section{gap:12px;padding:16px;display:grid}.profile-card{background:var(--surface);border-radius:var(--radius);border:2px solid var(--border-light);justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.profile-name{color:var(--ink);font-size:17px;font-weight:900}.profile-meta{color:var(--ink3);margin-top:2px;font-size:13px;font-weight:700}.profile-actions{flex-shrink:0;gap:8px;display:flex}.pa-btn{border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:800;font-family:var(--font-body);border:none;padding:8px 14px}.pa-load{background:var(--surface-brand);color:var(--brand)}.pa-del{color:#9d174d;background:#fce7f3}.history-section{gap:10px;padding:16px;display:grid}.hist-item{background:var(--surface);border:2px solid var(--border-light);border-radius:16px;padding:14px 16px}.hist-child{color:var(--ink);font-size:16px;font-weight:900}.hist-meta{color:var(--ink3);margin-top:2px;font-size:13px;font-weight:700}.print-section{gap:14px;padding:16px;display:grid}.print-page-card{background:var(--surface);border-radius:var(--radius);border:2px solid var(--border-light);padding:18px}.page-tag{background:var(--surface-brand);color:var(--brand);border-radius:var(--radius-pill);margin-bottom:12px;padding:5px 12px;font-size:13px;font-weight:800;display:inline-block}.ws-header{color:var(--ink2);border-bottom:2px dashed var(--border-light);grid-template-columns:2fr 1fr 1fr;gap:10px;margin-bottom:14px;padding-bottom:12px;font-size:13px;font-weight:800;display:grid}.print-exercises{grid-template-columns:1fr 1fr;gap:14px 20px;display:grid}.print-ex-item{border-bottom:2px dashed var(--border-brand);justify-content:space-between;align-items:center;padding:6px 0 10px;font-size:20px;font-weight:900;display:flex}.blank-box{background:#fff;border:2.5px solid #a78bfa;border-radius:8px;flex-shrink:0;width:90px;height:32px}.missions{grid-template-columns:1fr 1fr;gap:12px;margin-top:4px;display:grid}.mission{border:2px dashed var(--border-brand);background:#faf8ff;border-radius:16px;min-height:110px;padding:14px}.mission h4{color:var(--brand);margin-bottom:6px;font-size:16px}.mission p{color:var(--ink2);font-size:14px;line-height:1.4}.diploma-wrap{border:8px solid var(--brand3);border-radius:var(--radius);text-align:center;outline-offset:-14px;background:#fffdf0;outline:4px solid #ffd95a;padding:24px}.diploma-wrap h2{font-family:var(--font-display);color:#92400e;margin-bottom:8px;font-size:24px}.diploma-name{font-family:var(--font-display);color:var(--ink);margin:12px 0;font-size:28px;font-weight:900}.diploma-desc{color:#78716c;font-size:14px;font-weight:700}.diploma-customizer{border-radius:var(--radius);border:2px solid var(--border-light);background:var(--surface);margin:0 16px 16px;overflow:hidden}.diploma-summary{color:var(--ink2);cursor:pointer;justify-content:space-between;align-items:center;padding:14px 18px;font-size:15px;font-weight:800;list-style:none;display:flex}.diploma-summary:after{content:"+";color:var(--brand);font-size:20px;font-weight:900;transition:transform .2s}.diploma-customizer[open] .diploma-summary:after{transform:rotate(45deg)}.diploma-summary::-webkit-details-marker{display:none}.diploma-opts{grid-template-columns:1fr 1fr;gap:10px;padding:0 18px 18px;display:grid}.diploma-opt-row{gap:4px;display:grid}.diploma-label{color:var(--ink3);font-size:12px;font-weight:800}.diploma-color-input{border-radius:var(--radius-sm);border:2px solid var(--border-light);cursor:pointer;width:100%;height:40px;padding:2px}.diploma-select{border-radius:var(--radius-sm);border:2px solid var(--border-light);font-size:15px;font-weight:800;font-family:var(--font-body);color:var(--ink2);background:var(--surface);padding:10px 12px}.diploma-text-input{border-radius:var(--radius-sm);border:2px solid var(--border-light);font-size:14px;font-weight:700;font-family:var(--font-body);color:var(--ink);outline:none;padding:10px 14px}.diploma-text-input:focus{border-color:var(--brand)}@media print{.topnav,.tabs,.quick-setup,.gen-btn,.action-row,.celebration,.draw-section,.profiles-section,.history-section,.tab:not(.active),#tab-play,.no-print,.diploma-customizer{display:none!important}body{background:#fff}.print-section{padding:0;display:block}.print-page-card{page-break-after:always;break-after:page;box-shadow:none;border:none;border-radius:0;padding:10mm}}@page{size:A4 portrait;margin:10mm}@media (width>=640px){.action-row{grid-template-columns:1fr 1fr 1fr}.act-check{grid-column:1/-1}.ex-area{grid-template-columns:1fr 1fr}}@media (width>=1024px){body{max-width:900px;margin:0 auto}.ex-area{grid-template-columns:1fr 1fr 1fr}}.upgrade-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:900;background:#1e12488c;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.upgrade-card{background:var(--surface);border-radius:24px;width:100%;max-width:400px;max-height:calc(100dvh - 32px);padding:28px 24px 24px;animation:.25s cubic-bezier(.34,1.56,.64,1) slideUp;position:relative;overflow-y:auto;box-shadow:0 20px 60px #6c47ff40}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.upgrade-close{background:var(--surface);border:2px solid var(--border-light);cursor:pointer;width:44px;height:44px;color:var(--ink2);border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:900;transition:background .15s;display:flex;position:absolute;top:10px;right:10px}.upgrade-emoji{text-align:center;margin-bottom:8px;font-size:40px}.upgrade-title{color:var(--ink);text-align:center;margin-bottom:6px;font-size:22px;font-weight:900}.upgrade-sub{color:var(--ink2);text-align:center;margin-bottom:20px;font-size:14px;font-weight:700;line-height:1.5}.upgrade-plans{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.upgrade-plan{border:2.5px solid var(--border-light);background:var(--surface);cursor:pointer;text-align:center;font-family:var(--font-body);border-radius:16px;padding:14px 10px;transition:border-color .15s,box-shadow .15s}.upgrade-plan:hover{border-color:var(--brand);box-shadow:0 4px 14px #6c47ff26}.upgrade-plan-best{border-color:var(--brand);background:var(--surface-brand);position:relative}.plan-badge{color:var(--brand);margin-bottom:4px;font-size:11px;font-weight:900}.plan-period{color:var(--ink2);margin-bottom:4px;font-size:13px;font-weight:800}.plan-price{color:var(--ink);font-size:22px;font-weight:900}.plan-price span{color:var(--ink3);font-size:13px;font-weight:700}.plan-note{color:var(--ink3);margin-top:4px;font-size:12px;font-weight:700}.upgrade-plan-best .plan-price,.upgrade-plan-best .plan-period{color:var(--brand)}.upgrade-legal{color:var(--ink3);text-align:center;font-size:12px;font-weight:700}.upgrade-loading{opacity:.6;pointer-events:none}.upgrade-close:hover{background:var(--surface-brand);border-color:var(--brand)}.welcome-card{text-align:center}.welcome-emoji{margin-bottom:8px;font-size:56px}.welcome-features{text-align:left;flex-direction:column;gap:8px;margin:16px 0;padding:0;list-style:none;display:flex}.welcome-features li{background:var(--surface2);color:var(--ink);border-radius:14px;align-items:center;gap:10px;padding:12px 14px;font-size:15px;font-weight:700;display:flex}.welcome-features strong{color:var(--brand);font-weight:800}.wf-ico{flex-shrink:0;font-size:22px}.welcome-premium{text-align:left;background:linear-gradient(135deg,#ffb8301f 0%,#ff6b9d1f 100%);border:2px solid #ff6b9d47;border-radius:14px;margin:14px 0 16px;padding:12px 14px}.welcome-premium-title{color:var(--ink);margin-bottom:2px;font-size:15px;font-weight:800}.welcome-premium-sub{color:var(--ink2);font-size:13px;font-weight:700;line-height:1.4}.welcome-actions{flex-direction:column;gap:10px;display:flex}.welcome-btn{font-size:15px;font-weight:800;font-family:var(--font-body);cursor:pointer;border:none;border-radius:14px;padding:14px 20px;transition:transform .12s,box-shadow .12s}.welcome-btn-primary{background:var(--brand);color:#fff;box-shadow:0 4px 12px #6c47ff4d}.welcome-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #6c47ff66}.welcome-btn-secondary{background:var(--surface-brand);color:var(--brand)}.welcome-btn-secondary:hover{background:var(--surface-brand-hover)}:is(.ex-visual:has(.ori-row),.ex-visual:has(.ori-grid),.ex-visual:has(.ori-mental-main)){padding:8px 0}.ori-row{flex-wrap:nowrap;justify-content:center;align-items:center;gap:24px;display:flex}.ori-cell{text-align:center;justify-content:center;align-items:center;min-width:48px;min-height:48px;font-size:36px;line-height:1;display:inline-flex}.ori-cell.ori-gap{min-width:36px}.ori-stack{flex-direction:column;align-items:center;gap:8px;display:flex}.ori-stack .ori-cell{min-height:50px}.ori-hline{background:var(--ink2);border-radius:2px;width:140px;height:3px}.ori-box{border:3px dashed var(--ink3);border-radius:12px;justify-content:center;align-items:center;min-width:78px;min-height:64px;padding:10px 18px;font-size:40px;display:inline-flex;position:relative}.ori-inside{background:var(--surface);border-radius:50%;padding:2px;font-size:28px;position:absolute;top:-6px;right:-6px}.ori-labeled{align-items:center;gap:10px;margin:4px 0;display:flex}.ori-tag{color:var(--brand);text-align:center;min-width:22px;font-size:16px;font-weight:900}.ori-grid{grid-template-columns:repeat(var(--n,3), 42px);background:var(--surface2);border-radius:8px;grid-auto-rows:42px;justify-content:center;gap:3px;width:max-content;margin:0 auto 8px;padding:6px;display:grid}.ori-grid .ori-cell{background:var(--surface);border:1px solid var(--border-light);border-radius:4px;min-width:0;min-height:0;font-size:22px}.ori-grid .ori-wall{background:#2a2a2a;border-color:#111}.ori-grid-labeled{grid-template-columns:28px repeat(var(--n,3), 42px);grid-auto-rows:42px;justify-content:center;gap:3px;width:max-content;margin:0 auto 8px;display:grid}.ori-grid-labeled .ori-cell{background:var(--surface);border:1px solid var(--border-light);border-radius:4px;justify-content:center;align-items:center;min-width:0;min-height:0;font-size:22px;display:flex}.ori-grid-labeled .ori-label{color:var(--ink2);background:0 0;border:none;font-size:13px;font-weight:900}.ori-arrows-main{justify-content:center;margin-bottom:6px;display:flex}.ori-arrows-seq{text-align:center;color:var(--ink);letter-spacing:2px;margin:6px 0;font-size:15px;font-weight:800}.ori-arrows-options{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;margin-top:8px;display:grid}.ori-opt-grid{border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:4px;display:flex}.ori-compass{text-align:center;color:var(--ink2);letter-spacing:1px;margin-bottom:4px;font-size:13px;font-weight:800}.ori-mental-main{text-align:center;margin-bottom:10px}.ori-mental-label{color:var(--ink3);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:12px;font-weight:800}.ori-mental-fig{background:var(--surface2);border:2px solid var(--border-light);border-radius:12px;justify-content:center;align-items:center;width:80px;height:80px;display:inline-flex}.ori-fig{font-family:var(--font-body);color:var(--ink);font-size:52px;font-weight:900;line-height:1;display:inline-block}.ori-mental-options{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.ori-mental-options .ori-opt{background:var(--surface2);border:2px solid var(--border-light);border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px;display:flex}.ori-mental-options .ori-fig{font-size:32px}.ori-mental-pair{justify-content:center;align-items:center;gap:14px;display:flex}.ori-mental-slot{flex-direction:column;align-items:center;gap:4px;display:flex}.ori-mental-slot .ori-fig{font-size:48px}.ori-mental-vs{color:var(--ink3);font-size:18px;font-weight:900}.ori-topview-row{justify-content:space-around;align-items:flex-end;gap:20px;margin:8px 0;display:flex}.ori-topview-side{flex-direction:column;align-items:center;gap:6px;display:flex}.ori-stack-col{flex-direction:column;gap:2px;display:flex}.ori-cube{font-size:36px;line-height:1}.ori-eye{font-size:32px}@media print{.ori-grid,.ori-grid-labeled,.ori-mental-fig,.ori-mental-options .ori-opt{background:#fff!important;border-color:#000!important}.ori-wall{background:#333!important}.ori-tag,.ori-arrows-seq{color:#000!important}}.print-exercises-rich{grid-template-columns:1fr 1fr;gap:14px;margin-top:10px;display:grid}.print-ex-rich-item{border:2.5px solid var(--border-brand);break-inside:avoid;page-break-inside:avoid;background:var(--surface);border-radius:12px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.print-ex-prompt{color:var(--ink);font-size:14px;font-weight:900;line-height:1.3}.print-ex-visual{justify-content:center;align-items:center;min-height:70px;padding:4px 0;display:flex}.print-ex-visual .ori-cell{min-width:32px;min-height:32px;font-size:22px}.print-ex-visual .ori-grid{--n:3}.print-ex-visual .ori-grid .ori-cell,.print-ex-visual .ori-grid-labeled .ori-cell{font-size:18px}.print-ex-visual .ori-hline{width:100px}.print-ex-visual .ori-mental-fig{width:60px;height:60px}.print-ex-visual .ori-fig{font-size:38px}.print-ex-visual .ori-mental-options .ori-fig{font-size:24px}.print-ex-visual .ori-arrows-options{gap:4px}.print-ex-visual .ori-box{min-width:60px;min-height:50px;font-size:30px}.print-ex-options{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.print-opt{border:1.5px solid var(--ink2);color:var(--ink);border-radius:12px;padding:2px 8px;font-size:13px;font-weight:800}.print-ex-answer-row{color:var(--ink2);justify-content:space-between;align-items:center;gap:6px;margin-top:4px;font-size:13px;font-weight:800;display:flex}.print-ex-hint{color:var(--ink3);font-size:12px;font-weight:700}@media print{.print-ex-rich-item{page-break-inside:avoid;background:#fff!important;border-color:#000!important}.print-ex-prompt,.print-opt{color:#000!important}.print-opt{border-color:#000!important}}.review-banner{border-radius:var(--radius);background:linear-gradient(135deg,#fff7ed,#fef3c7);border:2px solid #fbbf24;align-items:center;gap:14px;margin:16px 16px 0;padding:14px 18px;display:flex}.review-icon{font-size:32px;line-height:1}.review-text{flex:1;min-width:0}.review-title{color:var(--ink);font-size:16px;font-weight:900}.review-sub{color:var(--ink2);margin-top:2px;font-size:13px;font-weight:700}.review-btn{cursor:pointer;color:#fff;white-space:nowrap;background:#f59e0b;border:none;border-radius:999px;padding:12px 20px;font-size:14px;font-weight:900;transition:filter .15s,transform 50ms}.review-btn:hover{filter:brightness(1.05)}.review-btn:active{transform:scale(.97)}.review-btn:focus-visible{outline-offset:2px;outline:3px solid #f59e0b}@media (width<=480px){.review-banner{flex-wrap:wrap}.review-btn{width:100%}}.timer-chip{background:var(--surface);border:2px solid var(--border-light);color:var(--ink2);border-radius:999px;align-items:center;gap:8px;margin:8px 16px;padding:6px 12px;font-size:14px;font-weight:800;transition:opacity .15s;display:inline-flex}.timer-chip.paused{opacity:.55}.timer-chip-time{font-variant-numeric:tabular-nums;text-align:center;min-width:50px;color:var(--ink);font-size:16px}.timer-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:16px;line-height:1}.timer-btn:hover{background:var(--surface-brand)}.timer-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.timer-show-btn{border:2px solid var(--border-light);background:var(--surface);cursor:pointer;vertical-align:middle;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-left:10px;font-size:16px;display:inline-flex}.timer-show-btn:hover{background:var(--surface-brand);border-color:var(--brand)}@media print{.timer-chip,.timer-show-btn{display:none!important}}