.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}#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);cursor:pointer;background:#fff;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);cursor:pointer;-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,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);color:var(--ink-muted);cursor:pointer;background:#fff;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 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:10px;display:flex}.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;display:inline-flex}.tool-btn.active-tool{border-color:var(--brand);background:var(--surface-brand);color:var(--brand)}.draw-stamp-sel{border:2px solid var(--border-light);color:var(--ink2);font-size:14px;font-weight:800;font-family:var(--font-body);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}.color-palette{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.color-swatch{width:36px;height:36px;box-shadow:0 0 0 2px var(--border-light);cursor:pointer;border:3px solid #fff;border-radius:50%;padding:0;transition:transform .15s}.color-swatch:hover{transform:scale(1.08)}.color-swatch.active{box-shadow:0 0 0 3px var(--brand);transform:scale(1.12)}.color-swatch.custom{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);position:relative}.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:10px;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:44px;height:44px;padding:0;display:inline-flex}.size-btn.active{border-color:var(--brand);background:var(--surface-brand)}.size-dot{background:var(--ink);border-radius:50%;display:block}.size-btn.active .size-dot{background:var(--brand)}.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:40px;height:40px;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)}.canvas-wrap{border:3px dashed var(--border-brand);background:#fff;border-radius:16px;width:100%;position:relative;overflow:hidden}.canvas-wrap canvas{touch-action:none;width:100%;height:360px;display:block}.draw-bg-canvas{pointer-events:none;position:absolute;inset:0}#drawCanvas{z-index:1;position:relative}.draw-gallery-wrap{margin-top:14px}.draw-gallery-title{color:var(--ink2);margin-bottom:8px;font-size:14px;font-weight:900}.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}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.upgrade-card{background:#fff;border-radius:24px;width:100%;max-width:400px;padding:28px 24px 24px;animation:.25s cubic-bezier(.34,1.56,.64,1) slideUp;position:relative;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}}