.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}#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}.ob-card{background:var(--surface);text-align:center;width:100%;max-width:460px;box-shadow:var(--shadow-lg);border-radius:28px;padding:32px 28px}.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);color:var(--ink2);border:2px solid #0000;flex:none;padding:10px 18px;font-size:15px;font-weight:800;transition:all .15s}.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;padding:4px;font-size:18px;transition:background .15s}.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;color:var(--ink2);margin:0 auto 12px;padding:8px 18px;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:#faf8ff;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);width:50px;height:50px;color:var(--ink);background:#fff;border:2px dashed #a78bfa;justify-content:center;align-items:center;font-size:22px;font-weight:900;display:flex}.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);cursor:grab;-webkit-user-select:none;user-select:none;width:50px;height:50px;color:var(--ink);background:#fff;justify-content:center;align-items:center;font-size:22px;font-weight:900;transition:transform .1s;display:flex}.drag-letter:active{transform:scale(.95)}.action-row{grid-template-columns:1fr 1fr;gap:10px;padding:0 16px 16px;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:center;gap:8px;margin-bottom:12px;display:flex}.tool-btn{border-radius:var(--radius-sm);border:2px solid var(--border-light);background:var(--surface);cursor:pointer;color:var(--ink2);padding:9px 14px;font-size:14px;font-weight:800}.tool-btn.active-tool{border-color:var(--brand);background:var(--surface-brand);color:var(--brand)}#drawCanvas{border:3px dashed var(--border-brand);touch-action:none;background:#fff;border-radius:16px;width:100%;height:320px;display:block}input[type=color]{border:2px solid var(--border-light);cursor:pointer;border-radius:10px;width:40px;height:40px;padding:2px}input[type=range]{min-width:80px;accent-color:var(--brand);flex:1}.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}@media print{.topnav,.tabs,.quick-setup,.gen-btn,.action-row,.celebration,.draw-section,.profiles-section,.history-section,.tab:not(.active),#tab-play{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}}