.home{max-width:var(--max-width-wide);padding:0 var(--space-6) var(--space-12);margin:0 auto}@media (max-width:768px){.home{padding-inline:var(--space-4)}}.round-btn{border:1.5px solid var(--color-border-strong);background:var(--color-bg-surface);width:40px;height:40px;color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--weight-bold);cursor:pointer;border-radius:50%;place-items:center;display:grid}.round-btn:hover{background:var(--color-bg-muted)}.hero{gap:var(--space-8);padding-block:var(--space-10) var(--space-5);grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;display:grid}.hero__text{gap:var(--space-5);flex-direction:column;display:flex}.hero h1{letter-spacing:-.03em;margin:0;font-size:clamp(2.4rem,4.8vw,3.75rem);line-height:1.05}.hero h1 mark{background:var(--bright-amber);color:var(--shadow-grey);padding:0 6px}.hero__lede{max-width:520px;font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--color-text-secondary)}.hero__cta{align-items:center;gap:var(--space-5);flex-wrap:wrap;display:flex}@media (max-width:900px){.hero{gap:var(--space-5);grid-template-columns:1fr}}.fx{--fx-card:#fff;--fx-ink:#221d23;--fx-on-ink:#fff;--fx-muted:#7a7280;--fx-mix:#fff;--fx-mix-text:#000;--fx-tint:13%;--fx-noise-text:#6b6470;--fx-noise-line:#cfc8bc;--fx-dark:#221d23;--fx-amber:#ffce00;--fx-found:#623cea;--fx-work:#23ce6b;--fx-new:#f68a29;--fx-res:#3699fc;--fx-wa:#0b6b57;--fx-red:#ed4551;width:100%}@media (prefers-color-scheme:dark){.fx{--fx-card:#221e23;--fx-ink:#fffdf5;--fx-on-ink:#221d23;--fx-muted:#a9a1a6;--fx-mix:#221e23;--fx-mix-text:#fff;--fx-tint:24%;--fx-noise-text:#a9a1a6;--fx-noise-line:#57505a;--fx-found:#8d6cf5;--fx-wa:#3bc871}}.fx-frame{aspect-ratio:16/9;background:var(--fx-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}#fx-stage{transform-origin:0 0;width:1280px;height:720px;color:var(--fx-ink);font-family:var(--font-body);position:absolute;top:0;left:0;overflow:hidden}.fx-head{z-index:5;letter-spacing:-.02em;font-size:46px;font-weight:700;transition:opacity .25s;position:absolute;top:52px;left:70px}.fx-rowlabel{opacity:0;align-items:center;gap:10px;font-size:20px;font-weight:700;transition:opacity .4s;display:flex;position:absolute;left:70px}.fx-rowlabel i{border-radius:50%;width:14px;height:14px;display:block}.fx-chip{z-index:2;width:176px;height:48px;transition:transform .7s cubic-bezier(.6,0,.2,1),opacity .45s,width .5s;position:absolute;top:0;left:0}.fx-chip.planned{width:118px}.fx-chip.planned .fx-in{gap:5px;font-size:12px}.fx-chip.gone{opacity:0!important}.fx-in{box-sizing:border-box;border:2px solid color-mix(in srgb, var(--c) 40%, var(--fx-mix));background:color-mix(in srgb, var(--c) var(--fx-tint), var(--fx-mix));width:100%;height:100%;color:color-mix(in srgb, var(--c) 60%, var(--fx-mix-text));white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:15px;font-weight:700;transition:box-shadow .3s,transform .3s;display:flex}.fx-chip.made .fx-in:before{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:10px solid;flex:none}.chaos .fx-chip .fx-in{background:var(--fx-card);color:var(--fx-noise-text);border:1.5px dashed var(--fx-noise-line);border-radius:4px;font-style:italic;font-weight:600;animation:.45s ease-in-out infinite alternate fx-wob}.chaos .fx-chip:nth-child(3n) .fx-in{font-size:13px}.chaos .fx-chip:nth-child(5n) .fx-in{font-size:16px;font-style:normal}.fx-chip:nth-child(3n) .fx-in{animation-duration:.38s}.fx-chip:nth-child(4n) .fx-in{animation-delay:-.2s}@keyframes fx-wob{0%{transform:translate(-7px,-5px)rotate(-4deg)}to{transform:translate(7px,5px)rotate(4deg)}}.fx-chip.drop{opacity:0}.fx-chip.faded{opacity:.2}.fx-chip.picked .fx-in{background:var(--c);color:#fff;border-color:var(--fx-ink);box-shadow:5px 5px 0 var(--fx-ink);transform:scale(1.07)}.fx-num{background:var(--fx-ink);border:2.5px solid var(--fx-card);width:30px;height:30px;color:var(--fx-on-ink);opacity:0;border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:700;transition:all .3s;display:flex;position:absolute;top:-14px;left:-12px;transform:scale(.4)}.fx-num.done{background:var(--fx-work);color:#fff}.fx-fmt{z-index:3;background:var(--fx-amber);border:2px solid var(--fx-dark);color:var(--fx-dark);letter-spacing:.08em;opacity:0;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700;transition:all .3s;position:absolute;top:-12px;right:-8px;transform:scale(.4)}.made .fx-fmt{opacity:1;transform:none}.made .fx-in{animation:.5s fx-flip}@keyframes fx-flip{50%{transform:rotateX(90deg)}}.planned .fx-fmt,.faded .fx-fmt{opacity:0}.planned .fx-num{opacity:1;transform:scale(1)}.fx-chip.planned.picked .fx-in{box-shadow:3px 3px 0 var(--fx-ink);transform:none}.fx-q{z-index:6;background:var(--fx-ink);width:110px;height:110px;color:var(--fx-on-ink);border-radius:50%;justify-content:center;align-items:center;font-size:60px;font-weight:700;transition:opacity .3s,transform .3s;display:flex;position:absolute;top:320px;left:590px}.fx-toggle{z-index:5;border:2.5px solid var(--fx-ink);background:var(--fx-card);opacity:0;border-radius:999px;transition:all .3s;display:flex;position:absolute;top:122px;left:820px;overflow:hidden;transform:translateY(-10px)}.fx-toggle span{letter-spacing:.08em;text-transform:uppercase;padding:8px 18px;font-size:14px;font-weight:700;transition:background .25s}.fx-toggle span.on{background:var(--fx-amber);color:var(--fx-dark)}.fx-cursor{z-index:7;opacity:0;width:34px;height:34px;transition:transform .45s cubic-bezier(.5,0,.3,1),opacity .2s;position:absolute;top:0;left:0}.fx-cursor.tap{filter:drop-shadow(0 0 6px var(--fx-found))}.fx-grow{opacity:0;font-size:16px;font-weight:700;transition:opacity .4s;position:absolute;top:524px;left:640px}.fx-planlabel{letter-spacing:.2em;color:var(--fx-muted);opacity:0;font-size:15px;font-weight:700;transition:opacity .3s;position:absolute;top:528px;left:70px}.fx-track{z-index:1;background:var(--fx-ink);border-radius:2px;width:0;height:4px;transition:width .6s;position:absolute;top:604px;left:70px}.fx-pulse{z-index:4;background:var(--fx-amber);border:2.5px solid var(--fx-ink);opacity:0;border-radius:50%;width:24px;height:24px;position:absolute;top:594px;left:70px}.go .fx-pulse{opacity:1;animation:.7s ease-in forwards fx-run}@keyframes fx-run{to{left:985px}}.fx-dest{opacity:0;transition:all .4s cubic-bezier(.3,1.5,.5,1);position:absolute;transform:translateY(20px)scale(.9)}#fx-stage .show{opacity:1!important;transform:none!important}.fx-phone{box-sizing:border-box;border:3px solid var(--fx-ink);background:#efe6dd;border-radius:18px;width:124px;height:206px;top:440px;left:1000px;overflow:hidden}.fx-bar{background:var(--fx-wa);height:30px}.fx-msg{border:2px solid var(--fx-dark);color:var(--fx-dark);opacity:0;background:#dcf8c6;border-radius:8px;padding:6px;font-size:11px;font-weight:700;line-height:1.3;transition:all .3s;transform:translateY(10px)}.fx-phone .fx-msg{margin:9px 7px 0}.fx-msg.on{opacity:1;transform:none}.fx-vid{background:var(--fx-dark);color:#fff;opacity:0;border-radius:8px;justify-content:center;align-items:center;height:62px;margin:8px 7px 0;font-size:20px;transition:opacity .3s;display:flex;position:relative}.fx-vid.on{opacity:1}.fx-pbar{background:#5a535c;border-radius:2px;height:4px;position:absolute;bottom:6px;left:6px;right:6px;overflow:hidden}.fx-pbar i{background:var(--fx-amber);width:0;height:100%;display:block}.fx-vid.play .fx-pbar i{width:100%;transition:width 1s linear}.fx-dbtn{border:2px solid var(--fx-dark);background:var(--fx-amber);height:26px;color:var(--fx-dark);opacity:0;border-radius:999px;justify-content:center;align-items:center;margin:8px 7px 0;font-size:11px;font-weight:700;transition:all .3s;display:flex}.fx-dbtn.on{opacity:1}.fx-dbtn.ok{background:var(--fx-work);color:#fff}.fx-lab{text-align:center;font-size:16px;font-weight:700}.fx-wa{width:124px;color:var(--fx-wa);top:654px;left:1000px}.fx-ping{background:var(--fx-red);border:2.5px solid var(--fx-ink);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;font-weight:700;display:flex;top:426px;left:1106px}.fx-mail{width:100px;height:68px;top:440px;left:1146px}.fx-mailmsg{background:#fff6cf;width:112px;position:absolute;top:520px;left:1140px}.fx-ml{width:100px;top:654px;left:1146px}.fx-end{z-index:9;background:var(--fx-card);opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:22px;transition:opacity .5s;display:flex;position:absolute;inset:0}.fx-end.show{opacity:1}.fx-big{letter-spacing:-.03em;font-size:84px;font-weight:700}.fx-tag{font-size:34px;font-weight:600}.fx-endlogo{color:var(--fx-muted);font-size:20px;font-weight:700;position:absolute;bottom:50px;left:70px}.fx-endlogo sup{font-size:9px}.home section h2{letter-spacing:-.025em;margin:0;font-size:clamp(1.5rem,2.6vw,2rem)}.section-head{justify-content:space-between;align-items:flex-end;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.section-head>p{font-size:var(--text-sm)}.lesson-meta{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.topic-tabs{gap:var(--space-2);flex-wrap:wrap;display:flex}.topic-tab{align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-bg-surface);color:var(--color-text-primary);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-bold);cursor:pointer;transition:background var(--duration-fast), border-color var(--duration-fast);display:inline-flex}.topic-tab:hover{border-color:var(--color-text-primary)}.topic-tab.is-on{background:var(--color-text-primary);border-color:var(--color-text-primary);color:var(--color-bg-base)}.topic-tab__dot{background:var(--tone);border-radius:3px;width:10px;height:10px}.topic-tab__count{font-size:var(--text-xs);font-weight:var(--weight-semibold);opacity:.8}.learned{gap:var(--space-4);padding-block:var(--space-8) 0;flex-direction:column;display:flex}.learned__grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));display:grid}.stat-card{gap:var(--space-2);padding:var(--space-5);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.stat-card__big{font-size:var(--text-2xl);line-height:1.1}.stat-card .text-secondary{font-size:var(--text-sm)}.learned__topics{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));margin:0;padding:0;list-style:none;display:grid}.topic-progress{gap:var(--space-2);flex-direction:column;display:flex}.topic-progress__label{justify-content:space-between;gap:var(--space-2);font-size:var(--text-sm);display:flex}.topic-progress__label b{color:var(--tone-text)}.topic-progress__label small{color:var(--color-text-muted);font-size:var(--text-sm)}.topic-progress__bar{border-radius:var(--radius-pill);background:var(--color-bg-muted);height:8px;overflow:hidden}.topic-progress__bar i{border-radius:inherit;background:var(--tone);height:100%;display:block}.steps{gap:var(--space-4);padding-block:var(--space-12) 0;flex-direction:column;display:flex}.steps__list{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));margin:0;padding:0;list-style:none;display:grid}.step-card{align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex}.step-card__num{background:var(--color-text-primary);width:32px;height:32px;color:var(--color-bg-base);font-weight:var(--weight-bold);border-radius:50%;flex:none;place-items:center;display:grid}.step-card b{font-size:var(--text-md)}.step-card p{margin-top:var(--space-1);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--color-text-secondary)}.featured{gap:var(--space-4);padding-block:var(--space-12) 0;scroll-margin-top:calc(var(--navbar-height) + var(--space-4));flex-direction:column;display:flex}.featured__grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (max-width:1000px){.featured__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.featured__grid{grid-template-columns:1fr}}.feat-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-text-primary);transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}a.feat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}a.feat-card:hover b{text-underline-offset:3px;text-decoration:underline}.feat-card__thumb{display:block;position:relative}.feat-card.is-locked .vframe{filter:grayscale(.6)brightness(.85)}.feat-card.is-locked .vframe__play{display:none}.feat-card__lock{right:var(--space-3);bottom:var(--space-3);border-radius:var(--radius-pill);background:var(--shadow-grey);color:var(--white);font-size:var(--text-xs);font-weight:var(--weight-bold);align-items:center;gap:6px;padding:7px 11px;display:inline-flex;position:absolute}.feat-card__body{gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4);flex-direction:column;display:flex}.feat-card__body b{font-size:var(--text-base);line-height:1.3}.feat-card__body>small{font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.feat-card--soon{box-shadow:none;border-style:dashed;border-color:var(--color-border-strong);background:0 0}.feat-card__soon-frame{aspect-ratio:16/9;border-bottom:1px dashed var(--color-border-strong);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase;place-items:center;display:grid}.feat-card--soon b{color:var(--color-text-secondary)}.habit{align-items:center;gap:var(--space-8) var(--space-10);margin-top:var(--space-12);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-wrap:wrap;padding:clamp(20px,3vw,36px);display:flex}.habit__text{gap:var(--space-4);flex-direction:column;flex:300px;min-width:0;display:flex}.habit__example{gap:var(--space-3);max-width:360px;padding:var(--space-4);background:var(--color-bg-base);border:1.5px solid var(--color-text-primary);border-radius:var(--radius-lg);flex-direction:column;display:flex}.habit__example>.text-secondary{font-size:var(--text-sm)}.habit__label{border-radius:var(--radius-pill);background:var(--color-bg-muted);color:var(--color-text-secondary);font-size:11px;font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase;align-self:flex-start;padding:3px 8px}.wa-sample{color:#221d23;background:#efe7de;border:2px solid #221d23;border-radius:22px;flex:280px;max-width:340px;margin:0 auto;overflow:hidden}.wa-sample__top{align-items:center;gap:var(--space-3);color:#fff;background:#0b5e4f;padding:12px 14px;display:flex}.wa-sample__top small{font-size:var(--text-xs);color:#cfe6df;margin-left:auto}.wa-sample__avatar{background:var(--bright-amber);color:#221d23;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.wa-sample__chat{padding:16px 12px 20px}.wa-sample__bubble{font-size:var(--text-sm);background:#fff;border-radius:4px 14px 14px;flex-direction:column;gap:6px;padding:12px 14px;line-height:1.45;display:flex}.wa-sample__bubble b{font-size:var(--text-base);line-height:1.35}.wa-sample__link{color:#1f5f99;font-weight:600}.wa-sample__bubble small{color:#6b6470}.wa-sample__bubble time{color:#6b6470;align-self:flex-end;font-size:11px}.catalog{gap:var(--space-4);padding-block:var(--space-12) 0;scroll-margin-top:calc(var(--navbar-height) + var(--space-4));flex-direction:column;display:flex}.catalog__head{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.catalog__head>div:first-child{flex:320px;min-width:0}.home .catalog__head h2{margin:var(--space-1) 0 var(--space-2)}.topic-panel{gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-xl);border:1.5px solid color-mix(in srgb, var(--tone) 35%, var(--color-border));background:color-mix(in srgb, var(--tone) 6%, var(--color-bg-base));box-shadow:var(--shadow-md);transition:background var(--duration-fast), border-color var(--duration-fast);flex-direction:column;display:flex}@media (max-width:600px){.topic-panel{padding:var(--space-4);border-radius:var(--radius-lg)}}.topic-pick{gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px dashed color-mix(in srgb, var(--tone) 30%, var(--color-border));flex-direction:column;display:flex}.topic-pick__label{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.1em;text-transform:uppercase;color:var(--tone-text)}.topic-pick__options{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (max-width:900px){.topic-pick__options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.topic-pick__options{grid-template-columns:minmax(0,1fr)}}.topic-option{align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-3);text-align:left;cursor:pointer;font:inherit;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-base);color:var(--color-text-primary);transition:border-color var(--duration-fast), box-shadow var(--duration-fast);display:flex}.topic-option:hover{border-color:var(--tone)}.topic-option.is-on{border-color:var(--tone);box-shadow:var(--shadow-sm)}.topic-option__icon{background:color-mix(in srgb, var(--tone) 14%, var(--color-bg-base));width:34px;height:34px;transition:background var(--duration-fast), transform var(--duration-fast);border-radius:10px;flex:none;place-items:center;display:grid}.topic-option:hover .topic-option__icon{transform:scale(1.06)}.topic-option__icon svg{fill:none;width:19px;height:19px;stroke:var(--tone);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.topic-option.is-on .topic-option__icon{background:var(--tone)}.topic-option.is-on .topic-option__icon svg{stroke:var(--white)}.topic-option__text{flex-direction:column;gap:2px;min-width:0;display:flex}.topic-option__text b{font-size:var(--text-base);font-weight:800;line-height:1.25}.topic-option__text small{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.35}.topic-panel__head{justify-content:space-between;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.topic-panel__head>div{flex-direction:column;flex:220px;gap:2px;min-width:0;display:flex}.topic-panel__head .text-secondary{font-size:var(--text-sm)}.home .topic-panel__desc{font-size:var(--text-md);color:var(--tone-text);margin:0}.topic-panel__foot{font-size:var(--text-sm);margin:0}.lesson-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (max-width:860px){.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.lesson-grid{grid-template-columns:minmax(0,1fr)}}.lesson-card{border-radius:var(--radius-md);background:var(--color-bg-base);min-width:0;box-shadow:0 0 0 1px var(--color-border);transition:box-shadow var(--duration-fast), opacity var(--duration-fast);flex-direction:column;display:flex;overflow:hidden}.lesson-card.is-on{box-shadow:0 0 0 3px var(--bright-amber)}.lesson-card.is-under{opacity:.35}.lesson-card__media{aspect-ratio:16/9;background:var(--shadow-grey);display:block;position:relative;overflow:hidden}.lesson-card__media img{object-fit:cover}.lesson-card__play{-webkit-backdrop-filter:blur(4px);width:40px;height:40px;transition:transform var(--duration-fast), background var(--duration-fast);pointer-events:none;background:#0f0d0a8c;border-radius:50%;place-items:center;margin:-20px 0 0 -20px;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1.5px #ffffffd9}.lesson-card__play svg{fill:#fff;width:17px;height:17px;margin-left:2px}.lesson-card:hover .lesson-card__play{background:#0f0d0ab8;transform:scale(1.08)}.lesson-card__time{color:#fff;font-size:var(--text-xs);font-variant-numeric:tabular-nums;pointer-events:none;background:#0f0d0ad1;border-radius:5px;padding:2px 7px;font-weight:700;position:absolute;bottom:8px;right:8px}.lesson-card__copy{padding:var(--space-3) var(--space-4) var(--space-3);border-top:1px solid var(--color-border);flex-direction:column;flex:1;gap:6px;display:flex}.home .lesson-card__copy h4{font-size:var(--text-md);letter-spacing:-.01em;margin:0;line-height:1.28}.lesson-card__copy h4 a{color:inherit;text-decoration:none}.lesson-card__copy h4 a:hover{text-decoration:underline}.lesson-card__copy p{font-size:var(--text-sm);color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.45;display:-webkit-box;overflow:hidden}.lesson-card__foot{justify-content:flex-end;align-items:center;gap:var(--space-2);padding-top:var(--space-2);margin-top:auto;display:flex}.lesson-card__add{min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-pill);cursor:pointer;font:inherit;font-size:var(--text-sm);background:var(--bright-amber);color:var(--shadow-grey);transition:transform var(--duration-fast);border:0;font-weight:700}.lesson-card__add:hover{transform:scale(1.04)}.lesson-card__add[aria-pressed=true]{background:var(--color-text-primary);color:var(--color-bg-base)}@media (prefers-reduced-motion:reduce){.lesson-card__add:hover,.lesson-card:hover .lesson-card__play,.topic-option:hover .topic-option__icon{transform:none}}.lesson-pop{z-index:60;border-radius:var(--radius-md);background:var(--color-bg-base);color:var(--color-text-primary);box-shadow:var(--shadow-xl), 0 0 0 1px var(--color-border);opacity:0;transition:transform .24s cubic-bezier(.2,.8,.2,1),opacity .18s;position:fixed;overflow:hidden;transform:scale(.7)}.lesson-pop.is-open{opacity:1;transform:none}.lesson-pop.is-on{box-shadow:var(--shadow-xl), 0 0 0 2px var(--bright-amber)}@media (prefers-reduced-motion:reduce){.lesson-pop{transition:none;transform:none}}.lesson-pop__media{aspect-ratio:16/9;background:#111;position:relative;overflow:hidden}.lesson-pop__media img{object-fit:cover}.lesson-pop__media video{object-fit:contain;opacity:0;background:#111;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.lesson-pop__media video.is-playing{opacity:1}.lesson-pop__tag{color:#fff;letter-spacing:.04em;background:#0009;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;top:12px;left:12px}.lesson-pop__sound{cursor:pointer;background:#0009;border:0;border-radius:50%;place-items:center;width:32px;height:32px;font-size:13px;display:grid;position:absolute;bottom:10px;right:10px}.lesson-pop__bar{background:#fff3;height:3px;position:absolute;bottom:0;left:0;right:0}.lesson-pop__bar i{background:var(--bright-amber);width:0;height:100%;display:block}.lesson-pop__copy{gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4);flex-direction:column;display:flex}.lesson-pop__copy h3{font-size:var(--text-md);margin:0;line-height:1.3}.lesson-pop__copy p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.lesson-pop__actions{align-items:center;gap:var(--space-2);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.catalog__bar{bottom:var(--space-3);z-index:5;justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-5);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--shadow-grey);color:var(--lemon-chiffon);box-shadow:var(--shadow-md);flex-wrap:wrap;display:flex;position:sticky}.catalog__bar-text{flex-direction:column;flex:240px;gap:2px;min-width:0;display:flex}.catalog__bar-text b{font-size:var(--text-md)}.catalog__bar-text span{font-size:var(--text-sm);opacity:.8}.catalog__bar-text .catalog__dots{opacity:1;gap:3px;margin-block:4px 2px;display:flex}.catalog__dots i{background:#ffffff38;border-radius:2px;flex:0 12px;height:4px}.catalog__dots i.is-on{background:var(--bright-amber)}.catalog__notice:empty{display:none}.catalog__notice{color:var(--bright-amber);font-weight:600;opacity:1!important}.catalog__bar-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.catalog__ai{min-height:44px;padding:0 var(--space-4);border:1.5px solid var(--bright-amber);border-radius:var(--radius-pill);color:var(--bright-amber);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.catalog__ai:hover{background:#ffce001f}.catalog__tap{display:none}@media (hover:none){.catalog__hover{display:none}.catalog__tap{display:inline}}@media (max-width:600px){.catalog__bar{gap:var(--space-2);padding:var(--space-3)}.catalog__hint{display:none}.catalog__bar-text{flex-basis:100%}.catalog__bar-text b{font-size:var(--text-sm)}.catalog__bar-actions{justify-content:space-between;gap:var(--space-2);flex-wrap:nowrap;flex:100%}.catalog__bar-actions>*{white-space:nowrap}.catalog__bar-actions .btn{min-height:40px;padding:var(--space-1) var(--space-4);font-size:var(--text-sm)}.catalog__ai{font-size:var(--text-sm)}}.catalog__bar .btn--primary[aria-disabled=true]{opacity:.45;cursor:not-allowed;box-shadow:none}.catalog__bar :focus-visible{outline-color:var(--bright-amber)}@media (prefers-color-scheme:dark){.catalog__bar{border:1px solid var(--color-border-strong)}}.faq{gap:var(--space-4);padding-block:var(--space-12) 0;flex-direction:column;display:flex}.faq__list{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));align-items:start;display:grid}.faq details{padding:var(--space-3) var(--space-5);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.faq summary{font-weight:var(--weight-bold);cursor:pointer;padding:6px 0}.faq details p{margin:var(--space-2) 0 var(--space-1);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-secondary)}.final-cta{align-items:center;gap:var(--space-4);margin-top:var(--space-12);border-radius:var(--radius-xl);background:var(--shadow-grey);color:var(--lemon-chiffon);text-align:center;flex-direction:column;padding:clamp(24px,4vw,48px);display:flex}.home .final-cta h2{color:var(--white);font-size:clamp(1.6rem,3.2vw,2.5rem)}.final-cta h2 span{color:var(--bright-amber)}.final-cta p{opacity:.8}.final-cta :focus-visible{outline-color:var(--bright-amber)}@media (prefers-color-scheme:dark){.final-cta{border:1px solid var(--color-border-strong)}}.home__foot{justify-content:space-between;gap:var(--space-2);margin-top:var(--space-12);padding-top:var(--space-5);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.home__foot span:first-child{color:var(--color-text-secondary);font-weight:700}.feat-card .vframe__dur{display:none}