:root{--font-sans:"Manrope", Inter, system-ui, sans-serif;--font-mono:"Geist Mono", ui-monospace, monospace;--color-bg:#f7f8fa;--color-surface:#fff;--color-surface-subtle:#f0f2f5;--color-text:#141a28;--color-text-muted:#6c7482;--color-border:#dde1e7;--color-primary:#215ddb;--color-primary-hover:#194dbb;--color-primary-pressed:#123c95;--motion-object:#2f6feb;--motion-object-soft:#b8cdf8;--motion-target:#f2c94c;--motion-destruction:#d94b4b;--motion-link:#2f9f68;--motion-path:#64c4e8;--motion-reference:#8a949b;--motion-reference-soft:#8a949b29;--motion-grid:#6c767c2e;--motion-duration:2.7s;--motion-ease:cubic-bezier(.4, 0, .2, 1);--color-success:#2f9f68;--color-success-bg:#eaf7f0;--color-error:#d94b4b;--color-error-bg:#fdedec;--color-warning:#f2c94c;--focus-ring:0 0 0 3px #215ddb47;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-round:999px;--ink:var(--color-text);--muted:var(--color-text-muted);--paper:var(--color-bg);--white:var(--color-surface);--lime:var(--color-primary);--green:var(--color-primary);--line:var(--color-border);--red:var(--color-error);--surface-subtle:var(--color-surface-subtle);--primary:var(--color-primary);--primary-hover:var(--color-primary-hover)}[data-theme=dark]{--color-bg:#07182f;--color-surface:#0d2442;--color-surface-subtle:#132d4d;--color-text:#f8fafc;--color-text-muted:#93a4bc;--color-border:#29415e;--color-primary:#38c7f0;--color-primary-hover:#68d7f5;--color-primary-pressed:#18aed8;--color-success-bg:#0a2a1e;--color-error-bg:#2a0f0f;--focus-ring:0 0 0 3px #38c7f052;--ink:var(--color-text);--muted:var(--color-text-muted);--paper:var(--color-bg);--white:var(--color-surface);--lime:var(--color-primary);--green:var(--color-primary);--line:var(--color-border);--red:var(--color-error);--surface-subtle:var(--color-surface-subtle);--primary:var(--color-primary);--primary-hover:var(--color-primary-hover)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;background:var(--paper);min-height:100dvh;color:var(--ink);font-family:var(--font-manrope), Arial, sans-serif;flex-direction:column;margin:0;transition:background .2s,color .2s;display:flex}body>main{flex:1 0 auto;width:100%}button,a{font:inherit}button{color:inherit}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{border:1px solid var(--line);background:color-mix(in srgb, var(--white) 90%, transparent);z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;justify-content:space-between;align-items:center;width:calc(100% - 32px);max-width:1440px;height:76px;margin:14px auto 0;padding:0 20px;display:flex;position:sticky;top:0;box-shadow:0 8px 28px #141a280f}.brand{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.brand b{letter-spacing:-.7px;font-size:20px;display:block}.brand small{color:var(--muted);letter-spacing:.15px;font-size:9px;display:block}.bwort-mark{flex:none;width:40px;height:40px;display:block;position:relative}.bwort-ball{border-radius:50%;position:absolute}.bwort-ball.blue{background:var(--motion-object);width:17px;height:17px;top:1px;left:1px}.bwort-ball.yellow{background:var(--motion-target);width:11px;height:11px;top:4px;right:2px}.bwort-ball.red{background:var(--motion-destruction);width:9px;height:9px;bottom:4px;left:5px}.bwort-ball.green{background:var(--motion-link);width:13px;height:13px;bottom:2px;right:1px}nav{background:var(--surface-subtle);border-radius:10px;align-items:center;gap:4px;height:48px;padding:4px;display:flex}nav button{min-width:112px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 20px;font-weight:700;transition:background .18s,color .18s}nav button:hover{background:var(--white);color:var(--ink)}nav button.active{background:var(--white);color:var(--primary);box-shadow:0 1px 4px #141a2814}.header-actions{align-items:center;gap:8px;display:flex}.language-switch select{border:1px solid var(--line);background:var(--white);width:76px;min-width:76px;font:800 13px var(--font-geist-mono);letter-spacing:.08em;text-align:center;color:var(--ink);border-radius:8px;padding:10px 28px 10px 14px}.theme-toggle{border:1px solid var(--line);background:var(--surface-subtle);cursor:pointer;border-radius:999px;align-items:center;width:54px;height:32px;padding:3px;transition:background .2s,border-color .2s;display:flex}.theme-toggle:hover{background:color-mix(in srgb, var(--primary) 10%, var(--surface-subtle))}.theme-knob{background:var(--white);border-radius:50%;place-items:center;width:24px;height:24px;transition:transform .2s,color .2s;display:grid;box-shadow:0 1px 3px #141a2829}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.theme-toggle svg>path:only-child{fill:currentColor;stroke:none}[data-theme=dark] .theme-knob{background:var(--primary);color:#fff;transform:translate(22px)}.mobile-nav-icon,.mobile-language-switch{display:none}.catalog-page .catalog-section{grid-template-columns:260px 1fr;align-items:start;gap:28px;max-width:1440px;margin:0 auto;padding:12px 40px 90px;display:grid}.catalog-hero{max-width:1440px;margin:0 auto;padding:70px 40px 28px}.catalog-hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(42px,5.2vw,74px);line-height:.98}.catalog-hero p{max-width:680px;color:var(--muted);margin:22px 0 0;font-size:17px;line-height:1.6}.sidebar-toggle{border:1px solid var(--line);background:var(--white);width:48px;height:44px;color:var(--primary);cursor:pointer;border-radius:8px;place-items:center;padding:0;transition:background .18s,color .18s,border-color .18s;display:none}.sidebar-toggle:hover,.sidebar-toggle.active{background:var(--primary);border-color:var(--primary);color:#fff}.sidebar-toggle-icon{width:24px;height:18px;position:relative}.sidebar-toggle-icon:before,.sidebar-toggle-icon:after{content:"";background:currentColor;border-radius:2px;height:2px;transition:transform .22s;position:absolute;left:0;right:0}.sidebar-toggle-icon:before{top:6px}.sidebar-toggle-icon:after{bottom:6px}.operator-sidebar{background:var(--white);border:1px solid var(--line);border-radius:14px;position:sticky;top:96px;overflow:hidden;box-shadow:0 12px 48px #07182f0f}.operator-sidebar-header{justify-content:space-between;align-items:center;padding:18px 18px 0;display:flex}.operator-sidebar-header h3{letter-spacing:-.6px;margin:0;font-size:20px}.operator-sidebar-header span{background:var(--surface-subtle);width:32px;height:32px;font:700 12px var(--font-geist-mono);color:var(--muted);border-radius:8px;place-items:center;display:grid}.operator-sidebar-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--primary) transparent;max-height:calc(100vh - 220px);padding:6px;overflow-y:auto}.operator-sidebar-scroll::-webkit-scrollbar{width:6px}.operator-sidebar-scroll::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.operator-sidebar-scroll button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:14px;width:100%;padding:12px 14px;transition:background .15s;display:flex}.operator-sidebar-scroll button:hover{background:var(--surface-subtle)}.operator-sidebar-scroll button.active{background:color-mix(in srgb, var(--primary) 12%, var(--surface-subtle))}.operator-sidebar-scroll button strong{width:26px;font:600 10px var(--font-geist-mono);color:var(--muted);flex:none}.operator-sidebar-scroll button.active strong{color:var(--primary)}.operator-sidebar-scroll button span b{font:650 16px var(--font-geist-mono);color:var(--ink);display:block}.operator-sidebar-scroll button.active span b{color:var(--primary)}.operator-sidebar-scroll button span small{color:var(--muted);margin-top:2px;font-size:11px;line-height:1.4;display:block}.sidebar-overlay{display:none}.operator-detail{grid-template-columns:minmax(0,1.7fr) minmax(310px,.7fr);gap:28px;margin-top:0;display:grid}.detail-animation{background:var(--surface-subtle);border:1px solid var(--line);border-radius:14px;place-items:center;min-height:620px;padding:38px 72px 84px;display:grid;position:relative}.animation-nav{z-index:8;border:1px solid var(--line);background:var(--white);width:48px;height:48px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;font-size:0;transition:background .18s,color .18s,transform .18s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 6px 18px #141a2814}.animation-nav:before{font-family:var(--font-manrope), sans-serif;font-size:25px;line-height:1}.animation-nav:hover{background:var(--primary);color:#fff;transform:translateY(-50%)scale(1.04)}.animation-nav:focus-visible{outline:3px solid var(--primary);outline-offset:-3px}.animation-nav-prev{left:-24px}.animation-nav-prev:before{content:"‹"}.animation-nav-next{right:-24px}.animation-nav-next:before{content:"›"}.detail-copy{background:var(--white);border:1px solid var(--line);border-radius:14px;align-self:start;gap:16px;width:100%;padding:28px 24px;display:grid}.detail-eyebrow{text-transform:uppercase;letter-spacing:1.8px;color:var(--primary);font-size:10px;font-weight:700}.detail-title{border-bottom:1px solid var(--line);gap:14px;padding-bottom:18px;display:grid}.prefix-heading{align-items:center;gap:10px;display:flex}.prefix-badge{font:800 34px var(--font-geist-mono);border:1px solid var(--line);background:var(--surface-subtle);color:var(--ink);border-radius:8px;padding:12px}.detail-meaning{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.status-pill{color:#6c6653;text-transform:uppercase;letter-spacing:1px;background:#f0eee2;border-radius:20px;justify-self:start;padding:6px 9px;font-size:10px;display:inline-block}.examples-header{border-top:1px solid var(--line);text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);padding-top:8px;font-size:9px;font-weight:700}.detail-nav{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding-top:14px;display:flex}.detail-nav-btn{border:1px solid var(--line);background:var(--white);color:var(--ink);cursor:pointer;border-radius:8px;padding:8px 14px;font-weight:650;transition:border-color .18s,color .18s}.detail-nav-btn:hover{border-color:var(--primary);color:var(--primary)}.detail-nav-index{font:11px var(--font-geist-mono);color:var(--muted)}.pronunciation-button{border:1px solid var(--line);background:var(--white);width:44px;height:44px;color:var(--primary);cursor:pointer;border-radius:50%;flex:none;place-items:center;transition:background .18s,color .18s,transform .18s;display:grid}.pronunciation-button span{font-size:15px;transform:translate(1px)}.pronunciation-button:hover{background:var(--primary);color:#fff;transform:scale(1.05)}.pronunciation-button:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.pronunciation-button.compact{width:30px;height:30px}.pronunciation-button.compact span{font-size:10px}.example-word-group{align-items:center;gap:8px;min-width:0;display:flex}.example-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:20px;padding:14px 0;display:grid}.examples{min-width:0;display:grid}.example-row:last-child{border-bottom:0}.example-row>*{min-width:0}.example-row .word{font:650 17px var(--font-geist-mono)}.example-row .word strong{color:var(--primary)}.example-row .word small{color:var(--muted);font:10px/1.5 var(--font-geist-mono);margin-top:4px;display:block}.example-meaning{overflow-wrap:anywhere;align-self:center;min-width:0;line-height:1.45}.trainer-page{width:100%;max-width:1440px;margin:0 auto}.trainer-hero{max-width:1440px;margin:0 auto;padding:70px 40px 28px}.trainer-hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(42px,5.2vw,74px);line-height:.98}.trainer-hero p{max-width:680px;color:var(--muted);margin:22px 0 0;font-size:17px;line-height:1.6}.trainer-shell{padding:0 40px 90px}.trainer-toolbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.mode-tabs{background:var(--surface-subtle);border-radius:10px;gap:4px;padding:4px;display:flex}.mode-tabs button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;padding:12px 18px;transition:background .15s,color .15s,box-shadow .15s;display:flex}.mode-tabs button.active{background:var(--white);color:var(--primary);font-weight:700;box-shadow:0 1px 4px #141a2814}.mode-tab-icon{font-size:16px;line-height:1}.mode-tab-label{font-size:14px}.trainer-progress{align-items:center;gap:12px;display:flex}.trainer-progress-text{font:600 12px var(--font-geist-mono);color:var(--muted);letter-spacing:.5px;white-space:nowrap}.trainer-progress-bar{background:var(--line);border-radius:3px;width:120px;height:5px;overflow:hidden}.trainer-progress-bar i{background:var(--primary);border-radius:3px;height:100%;transition:width .35s;display:block}.exercise-splash{background:var(--white);border:1px solid var(--line);border-radius:14px;grid-template-columns:minmax(0,1.4fr) minmax(340px,.85fr);align-items:center;gap:32px;padding:32px;display:grid}.splash-animation{background:var(--surface-subtle);border:1px solid var(--line);border-radius:12px;min-height:430px;position:relative;overflow:hidden}.splash-copy{align-content:center;gap:18px;display:grid}.splash-eyebrow{text-transform:uppercase;letter-spacing:2px;color:var(--primary);align-items:center;gap:10px;font-size:11px;font-weight:700;display:flex}.splash-eyebrow:before{content:"";background:var(--primary);width:24px;height:2px}.splash-copy h2{letter-spacing:-.04em;margin:0;font-size:32px;line-height:1.1}.splash-copy h2 em{color:var(--primary);font-style:normal}.splash-copy p{color:var(--muted);margin:0;font-size:15px;line-height:1.6}.splash-copy .session-start{justify-self:start}.exercise-card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:32px}.question-grid{grid-template-columns:minmax(0,1.4fr) minmax(340px,.85fr);align-items:start;gap:32px;display:grid}.question-media{gap:14px;min-width:0;display:grid}.question-visual{background:var(--surface-subtle);border:1px solid var(--line);border-radius:12px;justify-content:center;align-items:center;min-height:400px;padding:25px;display:flex}.root-strip{grid-template-columns:28px minmax(0,1fr);align-items:center;gap:12px;display:grid}.root-strip .plus{color:var(--muted);place-items:center;font-size:24px;display:grid}.root-card{background:var(--white);border:1px solid var(--line);min-width:0;box-shadow:none;border-radius:10px;padding:16px}.root-card-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-bottom:6px;font-size:9px;display:block}.root-card-row{align-items:center;gap:10px;display:flex}.root-card-row strong{font:700 22px var(--font-geist-mono);color:var(--ink)}.root-card-meaning{color:var(--muted);margin-top:6px;font-size:11px;display:block}.question-copy{gap:16px;display:grid}.question-eyebrow{text-transform:uppercase;letter-spacing:1.8px;color:var(--primary);font-size:10px;font-weight:700}.question-prompt{margin:0;font-size:20px;font-weight:650;line-height:1.3}.question-word{font:700 34px var(--font-geist-mono);background:var(--surface-subtle);border:1px solid var(--line);border-radius:10px;margin:0;padding:12px 16px}.question-word span{color:var(--primary)}.answer-list{gap:8px;display:grid}.answer-list button{border:1px solid var(--line);background:var(--white);min-height:52px;color:var(--ink);text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:28px 1fr 24px;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,background .15s;display:grid}.answer-list button:hover:not(:disabled){border-color:var(--primary)}.answer-list button:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 28%, transparent);outline-offset:1px}.answer-index{background:var(--surface-subtle);width:24px;height:24px;font:700 11px var(--font-geist-mono);color:var(--muted);border-radius:6px;place-items:center;display:grid}.answer-list button.correct .answer-index{background:color-mix(in srgb, var(--motion-link) 20%, var(--surface-subtle));color:var(--motion-link)}.answer-list button.wrong .answer-index{background:color-mix(in srgb, var(--motion-destruction) 20%, var(--surface-subtle));color:var(--motion-destruction)}.answer-list button.correct{border-color:var(--motion-link);background:color-mix(in srgb, var(--motion-link) 8%, var(--white))}.answer-list button.wrong{border-color:var(--motion-destruction);background:color-mix(in srgb, var(--motion-destruction) 7%, var(--white))}.answer-list button.muted{opacity:.4}.answer-label{font:650 15px var(--font-geist-mono)}.answer-icon{text-align:center;font-size:16px;font-weight:800}.answer-list button.correct .answer-icon{color:var(--motion-link)}.answer-list button.wrong .answer-icon{color:var(--motion-destruction)}.keyboard-hint{color:var(--muted);margin-top:4px;font-size:11px;display:block}.cold-badge{background:color-mix(in srgb, var(--primary) 15%, var(--surface-subtle));color:var(--primary);text-transform:uppercase;letter-spacing:1px;border-radius:20px;justify-self:start;padding:6px 9px;font-size:10px;font-weight:800;display:inline-block}.feedback{border-radius:10px;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;margin-top:20px;padding:16px 18px;display:grid}.feedback.success{background:color-mix(in srgb, var(--motion-link) 10%, var(--white))}.feedback.error{background:color-mix(in srgb, var(--motion-destruction) 9%, var(--white))}.feedback-icon{background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:18px;font-weight:800;display:grid}.feedback.error .feedback-icon{background:var(--red)}.feedback-body strong{font-size:15px;display:block}.feedback-body p{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.5}.primary,.next-button,.session-start{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:13px 22px;font-size:15px;font-weight:650;transition:background .18s}.primary:hover,.next-button:hover,.session-start:hover{background:var(--primary-hover)}.primary:disabled{opacity:.35;cursor:not-allowed}.primary span,.next-button span,.session-start span{color:inherit;margin-left:12px}.quiet-button{border:1px solid var(--line);background:var(--white);cursor:pointer;color:var(--ink);border-radius:8px;padding:12px 17px;font-weight:650}.quiet-button:hover{border-color:var(--primary);color:var(--primary)}.session-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#07182fad;place-items:center;display:grid;position:fixed;inset:0}.session-modal{background:var(--white);color:var(--ink);border:1px solid var(--line);text-align:center;border-radius:16px;width:min(460px,100vw - 32px);padding:44px 36px;box-shadow:0 32px 80px #07182f42}.session-award{width:68px;height:52px;margin:0 auto 12px;display:block;position:relative}.session-award:before{content:"";background:radial-gradient(circle at 16px 15px, var(--motion-object) 0 7px, transparent 8px), radial-gradient(circle at 46px 16px, var(--motion-target) 0 5px, transparent 6px), radial-gradient(circle at 19px 38px, var(--motion-destruction) 0 4px, transparent 5px), radial-gradient(circle at 44px 37px, var(--motion-link) 0 6px, transparent 7px);position:absolute;inset:0}.session-modal small{text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);font-size:10px;display:block}.session-score{margin:16px 0}.session-score strong{font:700 56px var(--font-geist-mono);color:var(--ink)}.session-score span{font:700 28px var(--font-geist-mono);color:var(--muted)}.session-stats{justify-content:center;gap:16px;margin:8px 0 20px;display:flex}.session-stat{background:var(--surface-subtle);border:1px solid var(--line);text-align:center;border-radius:10px;padding:12px 22px}.session-stat small{margin-bottom:4px;font-size:9px}.session-stat strong{font:700 18px var(--font-geist-mono)}.praise{color:var(--primary);margin:8px 0;font-size:15px;line-height:1.55}.encourage{color:var(--muted);margin:8px 0;font-size:15px;line-height:1.55}.retry-hint{color:var(--muted);margin:8px 0 20px;font-size:13px}.session-modal-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.screensaver-x,.screensaver-y{position:absolute;inset:0}.screensaver-y{width:34px;height:34px;animation:10.8s linear infinite screensaver-bounce}.screensaver-y span{background:linear-gradient(135deg, currentColor 22%, transparent), 0 6px 14px color-mix(in srgb, currentColor 30%, transparent);border-radius:9px;width:34px;height:34px;animation:10.8s step-end infinite screensaver-color;display:block}@keyframes screensaver-bounce{0%{top:12px;left:12px}23%{top:calc(100% - 46px);left:calc(100% - 46px)}47%{top:calc(100% - 46px);left:12px}71%{top:12px;left:calc(100% - 46px)}to{top:12px;left:12px}}@keyframes screensaver-color{0%{color:var(--motion-object)}23%{color:var(--motion-target)}47%{color:var(--motion-destruction)}71%{color:var(--motion-link)}to{color:var(--motion-path)}}.view-container{animation:view-enter .32s var(--ease-out)}@keyframes view-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}footer{color:#fff;background:#07182f;grid-template-columns:minmax(230px,1fr) minmax(320px,2fr) minmax(180px,1fr);align-items:center;gap:24px;margin-top:auto;padding:30px max(5vw,24px);display:grid}footer b{color:#fff}footer a,footer span,footer small{color:#aab7c8}.footer-brand{gap:5px;display:grid}.footer-brand a{color:#c7cfcb;font-size:12px;text-decoration:none}.footer-brand a:hover{color:#38c7f0;text-decoration:underline}.footer-motivation{text-align:center;animation:.35s footer-message-in}.footer-motivation+small{text-align:right}@keyframes footer-message-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.motion-wrap{justify-items:center;width:270px;display:grid}.catalog-page .detail-animation .motion-wrap{width:430px;position:static;transform:none}.motion-scene{background-color:#ffffff47;background-image:radial-gradient(circle, var(--motion-grid) 1px, transparent 1.15px);background-position:0 0;background-size:12px 12px;border:1px solid #8a949b52;border-radius:8px;width:270px;height:190px;position:relative;overflow:hidden}.catalog-page .detail-animation .motion-scene{transform-origin:50%;margin:58px 0 68px;transform:scale(1.52)}.motion-dot{z-index:3;background:var(--motion-object);border-radius:50%;width:32px;height:32px;position:absolute;box-shadow:0 5px 12px #2f6feb33}.dot-b{display:none}.reference{background:var(--motion-reference);border-color:var(--motion-reference);box-shadow:none;border-radius:50%;display:none;position:absolute}.reference-a,.reference-b{display:none}.container-shape,.surface-shape,.barrier-shape{border:3px solid var(--motion-reference);background-color:var(--motion-reference-soft);display:none;position:absolute}.motion-path{z-index:1;background:repeating-linear-gradient(90deg, var(--motion-path) 0 5px, transparent 5px 10px);height:2px;position:absolute}.motion-label{font-family:var(--font-manrope), sans-serif;letter-spacing:.045em;color:var(--ink);text-align:center;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;margin-top:10px;font-size:13px;font-weight:750;line-height:1.35}.direction-arrow,.static-sequence,.fragment-stage,.result-stage{display:none}.motion-controls{gap:10px;display:flex}.catalog-page .motion-controls{z-index:7;position:absolute;bottom:28px;left:30px}.motion-control{border:1px solid var(--line);background:var(--white);width:46px;height:46px;color:var(--ink);cursor:pointer;border-radius:10px;place-items:center;padding:0;transition:border-color .18s,color .18s,background .18s,transform .18s;display:grid}.motion-control:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.motion-control:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 28%, transparent);outline-offset:2px}.motion-control svg{fill:currentColor;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.motion-control:nth-child(2) svg{fill:none}.motion-away .reference-a{border:3px solid var(--ink);width:38px;height:38px;box-shadow:none;background:0 0;display:block;top:79px;left:30px}.motion-away .dot-a{animation:m-away var(--motion-duration) ease-in-out infinite;top:82px;left:75px}.motion-away .motion-path{width:135px;top:98px;left:90px}.motion-contact .reference-b{border:3px solid var(--ink);width:42px;height:42px;box-shadow:none;background:0 0;display:block;top:77px;right:25px}.motion-contact .dot-a{animation:m-contact var(--motion-duration) ease-in-out infinite;top:82px;left:25px}.motion-contact .motion-path{width:170px;top:98px;left:42px}.motion-up:before{content:"";border-left:1px solid var(--motion-reference);height:118px;position:absolute;top:35px;left:99px}.motion-up:after{content:"";border:2px dashed #0000;border-top-color:var(--motion-path);z-index:1;border-radius:50%;width:84px;height:78px;position:absolute;top:65px;left:132px;transform:rotate(-11deg)}.motion-up .surface-shape{border-width:3px 0 0;width:67px;height:10px;display:block;top:88px;left:184px}.motion-up .dot-a{animation:2.4s ease-in-out infinite m-up;top:124px;left:43px}.motion-up .dot-b{animation:2.4s ease-in-out infinite m-onto;display:block;top:124px;left:120px}.motion-up .motion-path{background:repeating-linear-gradient(0deg, var(--motion-path) 0 5px, transparent 5px 10px);width:2px;height:76px;top:65px;left:58px}.motion-out .container-shape{width:105px;height:100px;display:block;top:45px;left:83px}.motion-out .dot-a{animation:m-out var(--motion-duration) ease-in-out infinite;top:80px;left:119px}.motion-out .motion-path{width:100px;top:96px;left:135px}.motion-in .container-shape{width:105px;height:100px;display:block;top:45px;left:83px}.motion-in .dot-a{animation:m-in var(--motion-duration) ease-in-out infinite;top:80px;left:15px}.motion-in .motion-path{width:104px;top:96px;left:31px}.motion-together .dot-a{background:var(--motion-link);animation:2.2s ease-in-out infinite m-together;top:66px;left:35px}.motion-together .dot-b{background:var(--motion-link);animation:2.2s ease-in-out infinite m-together;display:block;top:105px;left:35px}.motion-together .motion-path{width:170px;top:122px;left:50px}.motion-follow .dot-a{animation:2.4s ease-in-out infinite m-lead;top:68px;left:70px}.motion-follow .dot-b{animation:2.4s ease-in-out infinite m-follow;display:block;top:105px;left:25px}.motion-follow .motion-path{width:185px;top:121px;left:42px}.motion-forward:before{content:"";background:repeating-linear-gradient(90deg, var(--motion-path) 0 5px, transparent 5px 10px);z-index:1;width:180px;height:2px;position:absolute;top:44px;left:51px}.motion-forward:after{content:"";background:repeating-linear-gradient(0deg, var(--motion-path) 0 5px, transparent 5px 10px);z-index:1;width:2px;height:67px;position:absolute;top:44px;left:230px}.motion-forward .reference-b{background:var(--motion-object);width:32px;height:32px;box-shadow:inset 0 0 0 9px var(--lime), 0 5px 12px #245c4833;animation:3s linear infinite m-fade-back;display:block;top:95px;left:155px}.motion-forward .dot-b{animation:3s linear infinite m-fade-back;display:block;top:95px;left:95px}.motion-forward .dot-a{animation:3s linear infinite m-forward;top:95px;left:35px}.motion-forward .motion-path{background:repeating-linear-gradient(0deg, var(--motion-path) 0 5px, transparent 5px 10px);width:2px;height:67px;top:44px;left:50px;transform:none}.motion-return .reference-a{border:3px solid var(--ink);width:42px;height:42px;box-shadow:none;background:0 0;display:block;top:80px;left:25px}.motion-return .dot-a{animation:2.8s ease-in-out infinite m-return;top:85px;left:72px}.motion-return .motion-path{width:172px;top:101px;left:48px}.motion-over .barrier-shape{background:var(--ink);width:58px;height:50px;display:block;top:105px;left:107px}.motion-over .dot-a{animation:2.6s ease-in-out infinite m-over;top:105px;left:27px}.motion-over .motion-path{border:2px dashed #0000;border-top-color:var(--motion-path);background:0 0;border-radius:50%;width:185px;height:172px;top:35px;left:43px;transform:none}.motion-under .barrier-shape{background:var(--ink);width:58px;height:50px;display:block;top:35px;left:107px}.motion-under .dot-a{animation:2.6s ease-in-out infinite m-under;top:48px;left:27px}.motion-under .motion-path{border:2px dashed #0000;border-bottom-color:var(--motion-path);background:0 0;border-radius:50%;width:185px;height:172px;top:-22px;left:43px;transform:none}.motion-through .container-shape{background:#17201e0f;width:88px;height:102px;display:block;top:48px;left:91px}.motion-through .dot-a{animation:2.4s ease-in-out infinite m-through;top:84px;left:20px}.motion-through .motion-path{width:195px;top:100px;left:37px}.motion-around .reference-a{width:46px;height:46px;display:block;top:78px;left:112px}.motion-around .dot-a{animation:3s linear infinite m-around;top:27px;left:119px}.motion-around .motion-path{border:2px dashed var(--motion-path);background:0 0;border-radius:50%;width:146px;height:118px;top:42px;left:62px}.motion-gather .dot-a{background:var(--motion-link);opacity:.25;animation:2.8s ease-in-out infinite m-gather-top;top:20px;left:119px}.motion-gather .dot-b{background:var(--motion-link);opacity:.25;animation:2.8s ease-in-out infinite m-gather-left;display:block;top:135px;left:25px}.motion-gather .reference-a{background:var(--motion-link);opacity:.25;width:32px;height:32px;animation:2.8s ease-in-out infinite m-gather-right;display:block;top:135px;left:213px;box-shadow:0 5px 12px #2f9f6833}.motion-scatter .dot-a{background:var(--motion-destruction);animation:2.8s ease-in-out infinite m-scatter-top;top:70px;left:119px}.motion-scatter .dot-b{background:var(--motion-destruction);animation:2.8s ease-in-out infinite m-scatter-left;display:block;top:105px;left:100px}.motion-scatter .reference-a{background:var(--motion-destruction);width:32px;height:32px;animation:2.8s ease-in-out infinite m-scatter-right;display:block;top:105px;left:138px;box-shadow:0 5px 12px #d94b4b33}.motion-shatter .motion-dot{display:none}.motion-shatter .fragment-stage{width:96px;height:96px;display:block;position:absolute;top:47px;left:87px}.motion-shatter .fragment-stage i{background:var(--motion-destruction);width:48px;height:48px;position:absolute;box-shadow:0 5px 12px #d94b4b2e}.motion-shatter .fragment-stage i:first-child{border-radius:48px 0 0;animation:3s ease-in-out infinite m-shard-nw;top:0;left:0}.motion-shatter .fragment-stage i:nth-child(2){border-radius:0 48px 0 0;animation:3s ease-in-out infinite m-shard-ne;top:0;left:48px}.motion-shatter .fragment-stage i:nth-child(3){border-radius:0 0 0 48px;animation:3s ease-in-out infinite m-shard-sw;top:48px;left:0}.motion-shatter .fragment-stage i:nth-child(4){border-radius:0 0 48px;animation:3s ease-in-out infinite m-shard-se;top:48px;left:48px}.motion-shatter .fragment-stage b{z-index:4;background:var(--ink);opacity:0;position:absolute}.motion-shatter .fragment-stage b:first-of-type{width:4px;height:116px;animation:3s ease-in-out infinite m-cut-line;top:-10px;left:46px}.motion-shatter .fragment-stage b:nth-of-type(2){width:116px;height:4px;animation:3s ease-in-out infinite m-cut-line;top:46px;left:-10px}.motion-result .motion-dot{display:none}.motion-result .result-stage{width:136px;height:108px;display:block;position:absolute;top:43px;left:67px}.motion-result .result-stage b{background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--motion-target) 95%, transparent) 18%, #fff 50%, color-mix(in srgb, var(--motion-target) 95%, transparent) 82%, transparent);width:2px;height:102px;box-shadow:0 0 12px color-mix(in srgb, var(--motion-target) 75%, transparent);animation:3s ease-in-out infinite m-result-boundary;position:absolute;top:3px;left:67px}.motion-result .result-stage i{border:3px solid var(--motion-object);background:color-mix(in srgb, var(--motion-object) 8%, transparent);opacity:.52;z-index:3;border-radius:50%;width:34px;height:34px;animation:3s ease-in-out infinite m-result-ball;position:absolute;top:37px;left:27px}.motion-result .result-stage span{border:2px solid var(--motion-target);opacity:0;z-index:2;border-radius:50%;width:46px;height:46px;animation:3s ease-out infinite m-result-flash;position:absolute;top:31px;left:78px}.motion-result .result-stage span:before,.motion-result .result-stage span:after{content:"";background:linear-gradient(180deg, var(--motion-target) 0 7px, transparent 7px 63px, var(--motion-target) 63px);transform-origin:50%;width:2px;height:70px;position:absolute;top:-13px;left:21px}.motion-result .result-stage span:after{transform:rotate(90deg)}.motion-arrowAway .dot-a,.motion-arrowToward .dot-a{animation:none;top:80px;left:119px}.motion-arrowAway .direction-arrow{transform-origin:0;width:84px;display:block;left:151px}.motion-arrowAway .direction-arrow i{right:0;transform:rotate(45deg)}.motion-arrowToward .direction-arrow{transform-origin:100%;width:84px;display:block;left:151px}.motion-arrowToward .direction-arrow i{left:0;transform:rotate(-135deg)}.direction-arrow{background:var(--motion-path);z-index:2;height:3px;animation:2.2s ease-in-out infinite arrow-grow;position:absolute;top:96px;transform:scaleX(0)}.direction-arrow i{border-top:3px solid var(--motion-path);border-right:3px solid var(--motion-path);width:13px;height:13px;position:absolute;top:-6px}@keyframes arrow-grow{0%,15%{transform:scaleX(0)}50%,to{transform:scaleX(1)}}@keyframes m-away{0%,20%{transform:translate(0)}70%,to{transform:translate(135px)}}@keyframes m-contact{0%,20%{transform:translate(0)}70%,to{transform:translate(175px)}}@keyframes m-up{0%,18%{transform:translateY(0)}68%,to{transform:translateY(-77px)}}@keyframes m-onto{0%,18%{transform:translate(0)}43%{transform:translate(33px,-76px)}68%,to{transform:translate(72px,-68px)}}@keyframes m-out{0%,20%{transform:translate(0)}70%,to{transform:translate(108px)}}@keyframes m-in{0%,20%{transform:translate(0)}70%,to{transform:translate(103px)}}@keyframes m-together{0%,20%{transform:translate(0)}70%,to{transform:translate(150px)}}@keyframes m-lead{0%,20%{transform:translate(0)}70%,to{transform:translate(135px)}}@keyframes m-follow{0%,25%{transform:translate(0)}80%,to{transform:translate(135px)}}@keyframes m-forward{0%,16%{transform:translate(0)}34%{transform:translateY(-67px)}68%{transform:translate(180px,-67px)}84%,to{transform:translate(180px)}}@keyframes m-fade-back{0%,68%{opacity:1}84%,to{opacity:.25}}@keyframes m-return{0%,10%,to{transform:translate(0)}50%{transform:translate(135px)}}@keyframes m-over{0%,15%{transform:translate(0)}30%{transform:translate(45px,-58px)}50%{transform:translate(93px,-86px)}70%{transform:translate(140px,-58px)}85%,to{transform:translate(185px)}}@keyframes m-under{0%,15%{transform:translate(0)}30%{transform:translate(45px,58px)}50%{transform:translate(93px,86px)}70%{transform:translate(140px,58px)}85%,to{transform:translate(185px)}}@keyframes m-through{0%,15%{transform:translate(0)}80%,to{transform:translate(195px)}}@keyframes m-around{0%{transform:translate(0)}12.5%{transform:translate(52px,17px)}25%{transform:translate(73px,58px)}37.5%{transform:translate(52px,99px)}50%{transform:translateY(116px)}62.5%{transform:translate(-52px,99px)}75%{transform:translate(-73px,58px)}87.5%{transform:translate(-52px,17px)}to{transform:translate(0)}}@keyframes m-gather-top{0%,18%{transform:translate(0)}65%,to{opacity:1;transform:translateY(50px)}}@keyframes m-gather-left{0%,18%{transform:translate(0)}65%,to{opacity:1;transform:translate(75px,-30px)}}@keyframes m-gather-right{0%,18%{transform:translate(0)}65%,to{opacity:1;transform:translate(-75px,-30px)}}@keyframes m-scatter-top{0%,18%{opacity:1;transform:translate(0)}65%,to{opacity:.25;transform:translateY(-50px)}}@keyframes m-scatter-left{0%,18%{opacity:1;transform:translate(0)}65%,to{opacity:.25;transform:translate(-75px,30px)}}@keyframes m-scatter-right{0%,18%{opacity:1;transform:translate(0)}65%,to{opacity:.25;transform:translate(75px,30px)}}@keyframes m-cut-line{0%,24%{opacity:0;transform:scale(.15)}34%,52%{opacity:1;transform:scale(1)}66%,to{opacity:0;transform:scale(1)}}@keyframes m-shard-nw{0%,50%{transform:translate(0)}78%,to{transform:translate(-48px,-42px)}}@keyframes m-shard-ne{0%,50%{transform:translate(0)}78%,to{transform:translate(48px,-42px)}}@keyframes m-shard-sw{0%,50%{transform:translate(0)}78%,to{transform:translate(-48px,42px)}}@keyframes m-shard-se{0%,50%{transform:translate(0)}78%,to{transform:translate(48px,42px)}}@keyframes m-result-boundary{0%,18%{opacity:0;transform:scaleY(.15)}30%,74%{opacity:1;transform:scaleY(1)}88%,to{opacity:0;transform:scaleY(1)}}@keyframes m-result-ball{0%,28%{border-color:var(--motion-object);background:color-mix(in srgb, var(--motion-object) 8%, transparent);box-shadow:none;opacity:.52;transform:translate(0)scale(1)}48%{border-color:var(--motion-object);background:color-mix(in srgb, var(--motion-object) 18%, transparent);opacity:.7;transform:translate(28px)scale(1)}62%,88%{border-color:var(--motion-target);background:var(--motion-target);box-shadow:0 0 22px color-mix(in srgb, var(--motion-target) 90%, transparent);opacity:1;transform:translate(50px)scale(1.2)}to{border-color:var(--motion-target);background:var(--motion-target);box-shadow:0 0 12px color-mix(in srgb, var(--motion-target) 70%, transparent);opacity:1;transform:translate(50px)scale(1.12)}}@keyframes m-result-flash{0%,55%{opacity:0;transform:scale(.35)rotate(0)}65%{opacity:1;transform:scale(1)rotate(45deg)}82%,to{opacity:0;transform:scale(1.35)rotate(45deg)}}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] .site-header{background:var(--white);border-color:var(--line)}[data-theme=dark] .site-header nav{background:#ffffff0a}[data-theme=dark] .site-header nav button.active{background:var(--primary);color:#fff}[data-theme=dark] .operator-sidebar,[data-theme=dark] .operator-sidebar-scroll button{background:var(--white);border-color:var(--line)}[data-theme=dark] .operator-sidebar-scroll button:hover,[data-theme=dark] .operator-sidebar-scroll button.active{background:var(--surface-subtle)}[data-theme=dark] .operator-sidebar-mask{background:linear-gradient(transparent, var(--white))}[data-theme=dark] .detail-animation{background:var(--surface-subtle);border-color:var(--line)}[data-theme=dark] .detail-copy{background:var(--white);border-color:var(--line)}[data-theme=dark] .example-card{background:var(--surface-subtle);border-color:var(--line)}[data-theme=dark] .animation-nav{color:var(--ink);background:var(--white);border-color:var(--line)}[data-theme=dark] .animation-nav:hover{color:var(--primary);border-color:var(--primary)}[data-theme=dark] .mode-tabs{background:var(--surface-subtle)}[data-theme=dark] .mode-tabs button.active{background:var(--primary);color:#fff}[data-theme=dark] .exercise-card,[data-theme=dark] .exercise-splash{background:var(--white);border-color:var(--line)}[data-theme=dark] .question-visual,[data-theme=dark] .splash-animation,[data-theme=dark] .root-card,[data-theme=dark] .question-word{background:var(--surface-subtle);border-color:var(--line)}[data-theme=dark] .answer-list button{background:var(--white);border-color:var(--line);color:var(--ink)}[data-theme=dark] .answer-list button:hover:not(:disabled){border-color:var(--primary)}[data-theme=dark] .answer-index{background:var(--surface-subtle)}[data-theme=dark] .feedback.success{background:color-mix(in srgb, var(--motion-link) 16%, var(--white))}[data-theme=dark] .feedback.error{background:color-mix(in srgb, var(--motion-destruction) 14%, var(--white))}[data-theme=dark] .trainer-progress-bar{background:#ffffff1a}[data-theme=dark] .motion-scene{background-color:#ffffff08}[data-theme=dark] .pronunciation-button:hover{color:var(--ink)}[data-theme=dark] .session-modal{background:var(--white);border-color:var(--line)}[data-theme=dark] .session-stat{background:var(--surface-subtle);border-color:var(--line)}[data-theme=dark] .quiet-button{background:var(--white);border-color:var(--line);color:var(--ink)}[data-theme=dark] .quiet-button:hover{border-color:var(--primary);color:var(--primary)}[data-theme=dark] footer{background:#060f1a;border-color:#ffffff0f}[data-theme=dark] footer b,[data-theme=dark] footer a{color:var(--ink)}[data-theme=dark] .site-header nav{border-color:var(--line);background:color-mix(in srgb, var(--white) 96%, transparent)!important}[data-theme=dark] .site-header nav button{color:var(--muted)!important}[data-theme=dark] .site-header nav button.active{color:#fff!important}[data-theme=dark] .mobile-language-switch small{color:var(--ink)}@media (max-width:1240px){.catalog-page .catalog-section{grid-template-columns:1fr}.operator-sidebar{position:static}.operator-sidebar-scroll{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px;max-height:280px;display:grid}.operator-sidebar-scroll button{border:1px solid var(--line);border-radius:8px}.operator-detail{grid-template-columns:1fr}.detail-animation{min-height:520px;padding:28px 60px 70px}.animation-nav-prev{left:2px}.animation-nav-next{right:2px}.detail-copy{max-width:none}.question-grid,.exercise-splash{grid-template-columns:1fr}.splash-animation{min-height:340px}.question-grid{grid-template-columns:1fr}.question-visual{min-height:370px}.question-copy{min-width:0}.question-copy h2{overflow-wrap:anywhere}.answer-list button{overflow-wrap:anywhere;gap:10px;min-width:0}.answer-list button span{flex:none}}@media (max-width:700px){body{padding-bottom:72px}.site-header{border-width:0 0 1px;border-radius:0;width:100%;height:64px;margin:0;padding:0 16px}.brand small{display:none}.brand b{font-size:18px}.bwort-mark{width:34px;height:34px}.bwort-ball.blue{width:15px;height:15px}.bwort-ball.yellow{width:10px;height:10px}.bwort-ball.red{width:8px;height:8px}.bwort-ball.green{width:12px;height:12px}.site-header .header-actions{display:flex}.language-switch{display:none}.theme-toggle{width:50px;height:32px}.site-header nav{z-index:50;height:72px;padding:7px 12px max(7px, env(safe-area-inset-bottom));border-top:1px solid var(--line);background:color-mix(in srgb, var(--white) 96%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:0;grid-template-columns:repeat(3,64px);justify-content:center;gap:12px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #141a2814}.site-header nav button,.mobile-language-switch{border:0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:64px;min-width:0;height:54px;padding:0;display:flex;box-shadow:none!important;color:var(--muted)!important;background:0 0!important}.site-header nav button.active{color:var(--primary)!important}.mobile-language-switch select{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.mobile-language-switch small{font:800 16px var(--font-geist-mono);letter-spacing:.8px;color:var(--ink)}.mobile-nav-icon{font-size:22px;line-height:1;display:block}.catalog-list-icon{align-content:center;gap:4px;width:20px;height:16px;display:grid}.catalog-list-icon i{border-radius:var(--radius-round);background:currentColor;width:20px;height:2px;display:block}.site-header nav button:nth-child(2) .mobile-nav-icon{font-size:17px}.nav-text{display:none}.mobile-language-switch{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex;position:relative}.mobile-language-switch:focus-within{outline:3px solid var(--primary);outline-offset:-3px}.catalog-hero{padding:42px 16px 18px}.catalog-hero h1{font-size:clamp(42px,13vw,58px)}.catalog-hero p{margin-top:16px;font-size:15px}.catalog-page .catalog-section{grid-template-columns:1fr;padding:10px 12px 52px}.sidebar-toggle{margin-bottom:8px;display:grid}.operator-sidebar{z-index:90;width:min(320px,85vw);box-shadow:none;pointer-events:none;border-radius:0 14px 14px 0;transition:transform .28s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-105%)}.operator-sidebar.open{pointer-events:auto;transform:translate(0);box-shadow:0 0 64px #07182f52}.operator-sidebar-scroll{max-height:none;display:block}.operator-sidebar-scroll button{border:0;border-bottom:1px solid var(--line);border-radius:0}.sidebar-overlay{z-index:89;display:block;position:fixed;inset:0}.operator-detail{gap:14px}.detail-animation{min-height:380px;padding:24px 48px 68px}.catalog-page .detail-animation .motion-wrap{width:270px}.catalog-page .detail-animation .motion-scene{margin:12px 0 20px;transform:scale(1.08)}.detail-copy{border-radius:12px;padding:22px 16px}.motion-controls{bottom:10px;left:10px}.motion-control,.animation-nav{width:42px;height:42px}.animation-nav-prev{left:2px}.animation-nav-next{right:2px}.motion-label{letter-spacing:.035em;font-size:11px}.detail-title{align-items:flex-start}.example-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;padding:14px 0}.example-row small{font-size:11px}.language-switch select{width:68px;min-width:68px}.trainer-hero{padding:40px 16px 20px}.trainer-hero h1{font-size:clamp(40px,12vw,54px)}.trainer-shell{padding:0 8px 48px}.trainer-toolbar{flex-direction:column;align-items:stretch;gap:14px}.mode-tabs{grid-template-columns:repeat(3,1fr);display:grid}.mode-tabs button{justify-content:center;padding:10px 6px}.mode-tab-icon{font-size:14px}.mode-tab-label{font-size:12px}.trainer-progress{justify-content:center}.exercise-splash{grid-template-columns:1fr;padding:16px}.splash-animation{min-height:260px}.splash-copy h2{font-size:26px}.exercise-card{border-radius:12px;padding:14px}.question-grid{gap:12px}.question-visual{min-height:260px;padding:8px}.question-visual .motion-wrap{margin:-14px 0;transform:scale(.85)}.question-prompt{font-size:17px}.question-word{font-size:28px}.root-strip{grid-template-columns:24px minmax(0,1fr);gap:8px}.root-strip .plus{font-size:18px}.root-card{padding:12px}.root-card-row strong{font-size:18px}.answer-list button{min-height:48px;padding:10px 12px}.answer-label{font-size:14px}.feedback{grid-template-columns:36px 1fr}.feedback .next-button{grid-column:1/-1}footer{text-align:center;grid-template-columns:1fr;gap:12px;padding:24px 18px}.footer-motivation{display:block!important}.footer-motivation+small{text-align:center}.footer-brand{justify-items:center}}@media (max-width:380px){.site-header{padding-left:12px;padding-right:12px}.brand b{font-size:16px}.language-switch select{width:126px;font-size:13px}.question-visual .motion-wrap{width:270px;margin:-10px 0;transform:scale(.9)}.root-strip .root-card{max-width:270px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.motion-dot,.reference,.direction-arrow{animation:none!important}.direction-arrow{transform:scaleX(1)!important}.motion-scene .dot-a{box-shadow:-80px 0 0 -1px #2f6feb3d}.motion-up .dot-a{box-shadow:none;transform:translateY(-77px)}.motion-up .dot-b{transform:translate(72px,-68px)}.motion-forward .dot-a{box-shadow:none;transform:translate(180px)}.motion-forward .dot-b,.motion-forward .reference-b{opacity:.25}.motion-gather .dot-a{opacity:1;transform:translateY(50px);box-shadow:0 0 0 4px #2f9f6857}.motion-gather .dot-b{opacity:1;transform:translate(75px,-30px);box-shadow:0 0 0 4px #2f9f6857}.motion-gather .reference-a{opacity:1;transform:translate(-75px,-30px);box-shadow:0 0 0 4px #2f9f6857}.motion-scatter .dot-a{opacity:.25;transform:translateY(-50px)}.motion-scatter .dot-b{opacity:.25;transform:translate(-75px,30px)}.motion-scatter .reference-a{opacity:.25;transform:translate(75px,30px)}.motion-over .dot-a{box-shadow:-55px 55px 0 -1px #2f6feb3d}.motion-return .dot-a{box-shadow:100px 0 0 -1px #2f6feb3d}.motion-label:after{content:" ·1 →2"}.motion-result .result-stage b,.motion-result .result-stage i,.motion-result .result-stage span{animation:none!important}.motion-result .result-stage b{opacity:1}.motion-result .result-stage i{border-color:var(--motion-target);background:var(--motion-target);opacity:1;transform:translate(126px)scale(1.12);box-shadow:0 0 10px #f2c94c6b}.motion-result .result-stage span{opacity:.45;transform:scale(1)}.screensaver-y,.screensaver-y span{animation:none!important}.screensaver-y{top:calc(50% - 17px);left:calc(50% - 17px)}}