.geo-cluster{pointer-events:none;will-change:transform;display:none;position:absolute}@media (min-width:1024px){.geo-cluster{display:block}}.geo-hero-1{top:12%;right:3%}.geo-hero-2{bottom:8%;left:2%}.geo-benefits{bottom:6%;left:2%}.geo-features-1{top:5%;right:2%}.geo-features-2{bottom:8%;left:3%}.geo-cta-1{bottom:0;left:0}.geo-cta-2{top:8%;right:4%}.card-corner{pointer-events:none;color:var(--color-border-strong);transition:filter var(--duration-normal) var(--easing-default);position:absolute;bottom:0;right:0}.hero{padding-top:var(--space-6);padding-bottom:var(--space-7);background:var(--color-bg-primary);position:relative}@media (min-width:1024px){.hero{padding-top:var(--space-8);padding-bottom:var(--space-8)}}.hero-container{text-align:center;flex-direction:column;align-items:center;display:flex}.hero-content{align-items:center;gap:var(--space-4);flex-direction:column;width:100%;max-width:620px;display:flex}.hero-headline{font-family:var(--font-family-display);font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:900;line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary);text-wrap:balance}.hero-headline em{font-style:italic;font-weight:400}.text-accent{color:var(--color-accent-primary)}.hero-subheadline{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:50ch}.hero-form-card{background:var(--color-bg-card);border:1.5px solid var(--color-border-primary);border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-md);text-align:left}.hero-input-wrap{padding:var(--space-3);border-bottom:1px solid var(--color-border-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;overflow:hidden}.hero-input{align-items:center;gap:var(--space-2);background:var(--color-bg-secondary);border:1.5px solid var(--color-border-input);border-radius:var(--radius-md);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);transition:border-color var(--duration-fast), box-shadow var(--duration-fast);display:flex}.hero-input:focus-within{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.hero-input-icon{color:var(--color-text-secondary);flex-shrink:0}.hero-url-input{font-size:var(--font-size-base);color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0}.hero-url-input::placeholder{color:var(--color-text-placeholder)}.hero-cta-btn{flex-shrink:0}.hero-form-card .hero-cta-mobile{display:none}.hero-options{gap:var(--space-2);flex-wrap:wrap;display:flex}.option-pill{align-items:center;gap:var(--space-2);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:var(--color-bg-primary);border:1.5px solid var(--color-border-primary);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);transition:background-color var(--duration-fast), border-color var(--duration-fast), color var(--duration-fast), box-shadow var(--duration-fast);display:inline-flex}.option-pill:hover{border-color:var(--color-border-strong);color:var(--color-text-primary);background:var(--color-bg-secondary)}.option-pill:focus-visible{box-shadow:var(--shadow-focus);outline:none}.hero-stats{justify-content:center;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.stat{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.stat svg{color:var(--color-text-secondary);flex-shrink:0}.stat strong{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.stat-divider{background:var(--color-border-primary);flex-shrink:0;width:1px;height:20px}.hero-visual{flex-direction:column;align-items:center;display:flex;position:relative}@media (min-width:1024px){.hero-visual{align-items:stretch}}.lesson-card{background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);width:100%;max-width:460px;box-shadow:var(--shadow-lg);overflow:hidden}@media (min-width:1024px){.lesson-card{max-width:100%}}.lesson-card-top{padding:var(--space-4) var(--space-5) var(--space-3);border-bottom:1px solid var(--color-border-secondary)}.lesson-card-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.lesson-card-sub{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:2px}.lesson-tabs{scrollbar-width:none;border-bottom:1px solid var(--color-border-primary);padding:0 var(--space-3);gap:0;display:flex;overflow-x:auto}.lesson-tabs::-webkit-scrollbar{display:none}.lesson-tab{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);white-space:nowrap;transition:color var(--duration-fast), border-color var(--duration-fast);border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:5px;display:inline-flex}.lesson-tab:hover{color:var(--color-text-secondary)}.lesson-tab.is-active{color:var(--color-accent-primary);border-bottom-color:var(--color-accent-primary)}.lesson-transcript{padding:var(--space-3) var(--space-5);gap:var(--space-2);flex-direction:column;display:flex}.transcript-row{gap:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-primary);line-height:1.5;display:flex}.ts{font-family:var(--font-family-mono);color:var(--color-text-secondary);flex-shrink:0;padding-top:1px;font-size:.65rem}.lesson-card-link{text-align:left;padding:var(--space-3) var(--space-5);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-accent-primary);border-top:1px solid var(--color-border-secondary);transition:opacity var(--duration-fast);display:block}.lesson-card-link:hover{opacity:.75}.lca-header{border-bottom:1px solid var(--color-border-primary)}.lca-top{padding:var(--space-3) var(--space-4) var(--space-2);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.lca-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lca-tags{gap:var(--space-1);flex-shrink:0;display:flex}.lcard-tag{font-size:.65rem;font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);color:var(--color-text-secondary);white-space:nowrap;padding:2px 7px}.lca-bar{padding:var(--space-2) var(--space-4);background:var(--color-bg-secondary);border-top:1px solid var(--color-border-primary);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.lca-view-toggle{background:var(--color-border-primary);border-radius:var(--radius-sm);gap:2px;padding:2px;display:flex}.lca-vtab{font-size:.65rem;font-weight:var(--font-weight-medium);border-radius:calc(var(--radius-sm) - 2px);color:var(--color-text-secondary);transition:background-color var(--duration-fast), color var(--duration-fast);white-space:nowrap;background:0 0;padding:3px 10px}.lca-vtab--on{background:var(--color-bg-card);color:var(--color-text-primary);box-shadow:0 1px 2px #00000014}.lca-bar-actions{gap:var(--space-2);align-items:center;display:flex}.lca-act-ghost{font-size:.65rem;font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);border:1px solid var(--color-border-primary);color:var(--color-text-secondary);background:var(--color-bg-card);white-space:nowrap;align-items:center;gap:4px;padding:3px 9px;display:inline-flex}.lca-act-red{font-size:.65rem;font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);background:var(--color-accent-primary);color:#fff;white-space:nowrap;align-items:center;gap:4px;padding:3px 9px;display:inline-flex}.lca-block{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-primary)}.lca-block:last-child{border-bottom:none}.lca-block--off{background:var(--color-bg-secondary);opacity:.72}.lca-bh{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.lca-bh-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:5px;display:flex}.lca-bh-right{align-items:center;gap:var(--space-2);display:flex}.lca-off-badge{font-size:.6rem;font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);color:var(--color-accent-primary);white-space:nowrap;background:#c8202e14;border:1px solid #c8202e2e;padding:2px 7px}.lca-eye{border-radius:var(--radius-sm);border:1px solid var(--color-border-primary);background:var(--color-bg-card);width:22px;height:22px;color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.lca-eye--off{color:var(--color-accent-primary);background:#c8202e0d;border-color:#c8202e33}.lca-vocab{flex-direction:column;gap:5px;display:flex}.lca-vrow{gap:var(--space-3);font-size:var(--font-size-xs);grid-template-columns:72px 1fr;align-items:baseline;display:grid}.lca-word{font-family:var(--font-family-mono);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.lca-def{color:var(--color-text-secondary);line-height:1.4}.lca-dim{opacity:.45}.lca-exlist{gap:var(--space-1-5);flex-direction:column;display:flex}.lca-exrow{align-items:baseline;gap:var(--space-2);font-size:var(--font-size-xs);display:flex}.lca-exnum{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);flex-shrink:0;min-width:14px}.lca-exq{color:var(--color-text-primary);flex:1;line-height:1.4}.lca-key{font-size:.6rem;font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);flex-shrink:0;padding:2px 7px}.lca-key--t{color:var(--color-accent-green);background:#2ea05a1a}.lca-key--f{color:var(--raw-red-500);background:#c8202e14}.lca-speaking{flex-direction:column;gap:5px;display:flex}.lca-speaking p{font-size:var(--font-size-xs);color:var(--color-text-secondary);padding-left:var(--space-3);border-left:2px solid var(--color-border-strong);line-height:1.5}.benefits{background:var(--color-bg-secondary);padding-block:var(--section-padding-md);position:relative}.benefits-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:600px){.benefits-grid{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.benefits-grid{grid-template-columns:repeat(3,1fr)}}.benefit-card{background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-5);padding-bottom:calc(var(--space-5) + 20px);gap:var(--space-3);transition:box-shadow var(--duration-normal), transform var(--duration-normal) var(--easing-bounce);flex-direction:column;display:flex;position:relative;overflow:hidden}.benefit-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.bcard-icon{border-radius:var(--radius-md);background:var(--color-accent-primary);color:#fff;width:44px;height:44px;transition:box-shadow var(--duration-normal) var(--easing-default);flex-shrink:0;place-items:center;display:grid}.benefit-card h3{font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.benefit-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.how-it-works{background:var(--color-bg-primary);padding-block:var(--section-padding-md)}.steps-wrap{gap:var(--space-5);grid-template-columns:1fr;align-items:start;display:grid}@media (min-width:900px){.steps-wrap{align-items:start;gap:var(--space-4);grid-template-columns:1fr auto 1fr auto 1fr}}.step{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex}.step-num{border-radius:var(--radius-full);border:1.5px solid var(--color-border-strong);width:36px;height:36px;font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);flex-shrink:0;place-items:center;display:grid}.step-mockup{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);width:100%;max-width:260px;height:190px;box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;padding:12px;display:flex;overflow:visible}.mockup-cursor{background:var(--color-text-secondary);vertical-align:middle;width:1.5px;height:.7em;margin-left:1px;animation:1s step-end infinite cursorBlink;display:inline-block}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.step-gen-bars{align-items:flex-end;gap:5px;height:36px;display:flex}.step-gen-bar{background:var(--color-accent-primary);transform-origin:bottom;border-radius:3px;width:6px;height:100%;animation:1.2s ease-in-out infinite stepBarPulse}@keyframes stepBarPulse{0%,to{opacity:.45;transform:scaleY(.3)}50%{opacity:1;transform:scaleY(1)}}.step-mockup--shot{min-height:unset;padding:0;overflow:hidden}.step-shot{width:100%;height:auto;display:block}.mockup-url-bar{align-items:center;gap:var(--space-2);background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);display:flex}.mockup-url-text{font-family:var(--font-family-mono);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;overflow:hidden}.mockup-settings{gap:var(--space-2);flex-direction:column;display:flex}.mockup-row{gap:var(--space-2);display:flex}.mockup-chip{font-size:.65rem;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.mockup-chip--full{justify-content:space-between;width:100%}.mockup-output{gap:var(--space-3);flex-direction:column;display:flex}.mockup-tabs-mini{gap:var(--space-2);display:flex;overflow:hidden}.mtab{font-size:.6rem;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-full);white-space:nowrap;padding:3px 8px}.mtab--active{color:var(--color-accent-primary);background:var(--color-accent-primary-subtle)}.mockup-lines{flex-direction:column;gap:7px;display:flex}.mline{background:var(--color-border-primary);border-radius:var(--radius-full);height:6px}.mline--full{width:100%}.mline--med{width:72%}.mline--short{width:45%}.step h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.step p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:22ch}.step-arrow{color:var(--color-text-secondary);flex-shrink:0;margin-top:131px;display:none}@media (min-width:900px){.step-arrow{display:block}}.features-section{background:var(--color-bg-secondary);padding-block:var(--section-padding-md);position:relative}.features-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:600px){.features-grid{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-5);padding-bottom:calc(var(--space-5) + 18px);gap:var(--space-4);transition:box-shadow var(--duration-normal), transform var(--duration-normal) var(--easing-bounce);align-items:flex-start;display:flex;position:relative;overflow:hidden}.feature-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.feat-icon{border-radius:var(--radius-md);background:var(--color-accent-primary);width:42px;min-width:42px;height:42px;transition:box-shadow var(--duration-normal) var(--easing-default);flex-shrink:0;place-items:center;display:grid}.feature-card h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.feature-card p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.fcard-frag{bottom:var(--space-3);right:var(--space-4);opacity:.65}.faq{background:var(--color-bg-primary);padding-block:var(--section-padding-md)}.faq-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.faq-head .section-headline{text-align:left}.faq-grid{flex-direction:column;gap:0;display:flex}@media (min-width:768px){.faq-grid{gap:var(--space-8);flex-direction:row}}.faq-col{flex:1;min-width:0}.faq-item{border-bottom:1px solid var(--color-border-primary)}.faq-q{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;padding-block:var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-align:left;transition:color var(--duration-fast);display:flex}.faq-q:hover{color:var(--color-accent-primary)}.faq-q:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--radius-sm);outline:none}.faq-plus{color:var(--color-text-secondary);transition:transform var(--duration-normal) var(--easing-default), color var(--duration-fast);flex-shrink:0}.faq-q[aria-expanded=true] .faq-plus{color:var(--color-accent-primary);transform:rotate(45deg)}.faq-a{max-height:0;transition:max-height var(--duration-slow) var(--easing-default);overflow:hidden}.faq-a p{padding-bottom:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.final-cta{background:var(--color-bg-secondary);padding-block:var(--section-padding-lg);border-top:1px solid var(--color-border-primary);position:relative}.final-cta-inner{text-align:center;z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.cta-headline{font-family:var(--font-family-display);letter-spacing:var(--letter-spacing-tight);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:var(--line-height-tight);color:var(--color-text-primary);text-wrap:balance}.cta-sub{margin-top:var(--space-4);font-size:var(--font-size-md);color:var(--color-text-secondary);max-width:50ch;line-height:var(--line-height-relaxed);margin-inline:auto}.cta-actions{margin-top:var(--space-6);justify-content:center;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.cta-micro{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.cta-geo-wrap{flex-shrink:0;display:none}@media (min-width:1024px){.cta-geo-wrap{display:block}}.footer{background:var(--color-bg-primary);border-top:1px solid var(--color-border-primary);padding-block:var(--space-6)}@media (max-width:1023px){.footer{padding-bottom:calc(var(--space-6) + max(env(safe-area-inset-bottom), var(--space-7)))}}.footer-inner{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.footer-brand{align-items:center;gap:var(--space-3);display:flex}.footer-logo{font-family:var(--font-family-display);font-size:var(--font-size-lg);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary);font-weight:700}.footer-tagline{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.footer-links{align-items:center;gap:var(--space-5);display:flex}.footer-links a{font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:color var(--duration-fast)}.footer-links a:hover{color:var(--color-text-primary)}.footer-copy{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.js-reveal{opacity:0;transform:translateY(24px)}.js-reveal.is-visible{opacity:1;transition:opacity var(--duration-slow) var(--easing-out), transform var(--duration-slow) var(--easing-out);transform:translateY(0)}.js-reveal-child{opacity:0;transform:translateY(20px)}.js-reveal-child.is-visible{opacity:1;transition:opacity var(--duration-slow) var(--easing-out), transform var(--duration-slow) var(--easing-out);transform:translateY(0)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}60%{transform:translate(5px)}}.hero-input.has-error{border-color:var(--color-status-error);animation:shake .3s var(--easing-default);box-shadow:0 0 0 3px #c8202e26}.hero-input-error{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-status-error);min-height:1.2em;display:none}.hero-input-error:not(:empty){display:block}.hero-settings{gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.settings-selectors{gap:var(--space-2);flex-wrap:wrap;display:flex}.settings-selectors .select-wrap{flex:1}.settings-selectors .select-trigger{width:100%}.select-wrap{position:relative}.select-trigger .chevron-icon{transition:transform var(--duration-normal) var(--easing-default);flex-shrink:0}.select-trigger[aria-expanded=true]{border-color:var(--color-border-strong);color:var(--color-text-primary);background:var(--color-bg-secondary)}.select-trigger[aria-expanded=true] .chevron-icon{transform:rotate(180deg)}.select-dropdown{background:var(--color-bg-card);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);min-width:188px;box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:200;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--easing-out), transform var(--duration-fast) var(--easing-out);position:absolute;top:calc(100% + 6px);left:0;transform:translateY(-6px)}.select-dropdown.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.select-option{align-items:baseline;gap:var(--space-2);text-align:left;width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:background var(--duration-fast), color var(--duration-fast);display:flex}.select-option:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.select-option.is-selected{color:var(--color-accent-primary)}.select-option.is-selected:after{content:"";background:var(--color-accent-primary);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-left:auto}.select-option span{font-weight:var(--font-weight-normal);color:var(--color-text-secondary);font-size:var(--font-size-xs)}.select-option.is-selected span{color:var(--color-accent-primary);opacity:.7}.adv-wrap{flex-direction:column;display:flex}.adv-trigger{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1.5px solid var(--color-border-primary);background:var(--color-bg-primary);transition:color var(--duration-fast), background var(--duration-fast), border-color var(--duration-fast);align-self:flex-start;display:inline-flex}.adv-trigger:hover{color:var(--color-text-primary);background:var(--color-bg-secondary);border-color:var(--color-text-secondary)}.adv-trigger:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--radius-sm);outline:none}.adv-chevron{transition:transform var(--duration-normal) var(--easing-default)}.adv-trigger[aria-expanded=true] .adv-chevron{transform:rotate(180deg)}.adv-trigger[aria-expanded=true]{color:var(--color-text-primary)}.adv-panel{max-height:0;transition:max-height var(--duration-slower) var(--easing-out);overflow:hidden}.adv-panel-inner{margin-top:var(--space-3);padding:var(--space-5);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg)}.adv-section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-4)}.adv-grid{gap:var(--space-5);grid-template-columns:1fr;display:grid}@media (min-width:520px){.adv-grid{gap:var(--space-4) var(--space-6);grid-template-columns:1fr 1fr}}.adv-group-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.adv-check{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:color var(--duration-fast);padding:3px 0;line-height:1.4;display:flex}.adv-check:hover{color:var(--color-text-primary)}.adv-check input[type=checkbox]{appearance:none;border:1.5px solid var(--color-border-strong);cursor:pointer;width:15px;height:15px;transition:background var(--duration-fast), border-color var(--duration-fast);background-image:none;border-radius:3px;flex-shrink:0;position:relative}.adv-check input[type=checkbox]:checked{background:var(--color-accent-primary);border-color:var(--color-accent-primary);background-image:url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.5L3.8 6.5L9 1' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat}[data-focus=vocabulary] .adv-check input[type=checkbox]:checked{background-color:var(--color-accent-gold);border-color:var(--color-accent-gold)}[data-focus=listening] .adv-check input[type=checkbox]:checked{background-color:var(--color-accent-green);border-color:var(--color-accent-green)}[data-focus=speaking] .adv-check input[type=checkbox]:checked{background-color:var(--color-accent-cobalt);border-color:var(--color-accent-cobalt)}.adv-check input[type=checkbox]:focus-visible{box-shadow:var(--shadow-focus);outline:none}.adv-divider{background:var(--color-border-primary);height:1px;margin:var(--space-5) 0}.adv-toggle-row{justify-content:space-between;align-items:center;gap:var(--space-4);cursor:pointer;display:flex}.adv-toggle-info{flex:1}.adv-toggle-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:block}.adv-toggle-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-top:2px;display:block}.toggle-switch{flex-shrink:0}.toggle-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.toggle-track{background:var(--color-border-strong);border-radius:var(--radius-full);cursor:pointer;width:40px;height:22px;transition:background var(--duration-fast);display:block;position:relative}.toggle-track:after{content:"";width:16px;height:16px;box-shadow:var(--shadow-xs);transition:transform var(--duration-fast) var(--easing-bounce);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.toggle-input:checked+.toggle-track{background:var(--color-accent-primary)}.toggle-input:checked+.toggle-track:after{transform:translate(18px)}.toggle-input:focus-visible+.toggle-track{box-shadow:var(--shadow-focus)}.lcard-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-secondary)}.lcard-meta{gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.lcard-tag{font-size:.6rem;font-weight:var(--font-weight-semibold);letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-secondary);background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 7px;display:inline-flex}.lcard-tag--done{color:var(--color-accent-green);background:#2ea05a12;border-color:#2ea05a33}.lcard-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.lcard-block{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border-secondary)}.lcard-block-hd{align-items:center;gap:var(--space-2);font-size:.6rem;font-weight:var(--font-weight-semibold);letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-3);display:flex}.lcard-vocab{gap:var(--space-1-5);flex-direction:column;display:flex}.lcard-vocab-row{gap:var(--space-2);font-size:var(--font-size-xs);grid-template-columns:86px 1fr;align-items:baseline;display:grid}.lcard-vocab-word{font-family:var(--font-family-mono);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.lcard-vocab-def{color:var(--color-text-secondary);line-height:1.4}.lcard-tf-row{gap:var(--space-2);flex-direction:column;display:flex}.lcard-tf-q{font-size:var(--font-size-xs);color:var(--color-text-primary);line-height:1.5}.lcard-tf-btns{gap:var(--space-2);display:flex}.lcard-tf-btn{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);border:1px solid var(--color-border-primary);background:var(--color-bg-tertiary);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--duration-fast), border-color var(--duration-fast), color var(--duration-fast);align-items:center;gap:4px;padding:4px 12px;display:inline-flex}.lcard-tf-btn--correct{color:var(--color-accent-green);background:#2ea05a14;border-color:#2ea05a40}.lcard-footer{padding:var(--space-3) var(--space-5);justify-content:space-between;align-items:center;display:flex}.lcard-assign{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-accent-primary);transition:opacity var(--duration-fast);display:inline-flex}.lcard-assign:hover{opacity:.75}.lcard-assign-hint{color:var(--color-text-secondary);font-size:.6rem}.benefit-stat-bar{justify-content:center;align-items:center;gap:var(--space-8);padding:var(--space-6) 0;margin-bottom:var(--space-8);border-top:1px solid var(--color-border-primary);border-bottom:1px solid var(--color-border-primary);flex-wrap:wrap;display:flex}.bstat{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.bstat-num{font-family:var(--font-family-display);font-size:var(--font-size-3xl);color:var(--color-accent-primary);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700;line-height:1}.bstat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.bstat-divider{background:var(--color-border-primary);flex-shrink:0;width:1px;height:44px}.nl-warning--mobile{display:none}@media (max-width:599px){.nl-warning--desktop{display:none}.nl-warning--mobile{display:flex}.hero-settings{padding-bottom:0}.bstat-divider{display:none}.benefit-stat-bar{gap:var(--space-6)}.hero-cta-btn{display:none}.hero-form-card .hero-cta-mobile{width:calc(100% - var(--space-3) * 2);margin:0 var(--space-3) var(--space-3);justify-content:center;display:flex}.adv-group-label,.adv-toggle-title{font-size:var(--font-size-base)}.adv-check{font-size:var(--font-size-sm);padding:var(--space-2) 0;gap:var(--space-2)}.adv-check input[type=checkbox]{border-radius:4px;width:18px;height:18px}.adv-grid{gap:var(--space-5)}}.features-body{gap:var(--space-8);grid-template-columns:1fr;display:grid}@media (min-width:1024px){.features-body{gap:var(--space-10);grid-template-columns:1fr 1fr;align-items:start}}.features-list{flex-direction:column;display:flex}.flist-item{gap:var(--space-4);padding:var(--space-5) 0;border-bottom:1px solid var(--color-border-primary);align-items:flex-start;display:flex}.flist-item:first-child{border-top:1px solid var(--color-border-primary)}.flist-icon{border-radius:var(--radius-md);background:var(--color-accent-primary);flex-shrink:0;place-items:center;width:38px;min-width:38px;height:38px;display:grid}.flist-text h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.flist-text p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.features-preview{display:none}@media (min-width:1024px){.features-preview{top:calc(var(--header-height) + var(--space-6));display:block;position:sticky}}.fprev-inline{display:none}@media (max-width:1023px){:root{--fprev-zoom:.66}.flist-item{column-gap:var(--space-4);grid-template-columns:auto 1fr;align-items:start;display:grid}.flist-text{min-width:0}.flist-item.is-active .fprev-inline{min-width:0;max-width:100%;margin-top:var(--space-4);grid-column:1/-1;display:block;overflow:hidden}.flist-item.is-active .fprev-inline .fprev-window{width:448px;transform:scale(var(--fprev-zoom,.66));transform-origin:0 0}.fprev-inline .fprev-panel.is-active{height:calc(var(--fprev-h-mobile,640px) * var(--fprev-zoom,.66) + 24px);padding:8px 12px 16px;display:block;overflow:hidden}.flist-item.is-active .fprev-inline .fprev-window{box-shadow:var(--shadow-md)}.fprev-window .vocab-grid{grid-template-columns:1fr 1fr}.fprev-window .transcript-para{display:flex}.fprev-window .transcript-timestamp{margin:2px 0 0;display:block}.fprev-window .block-hd{flex-wrap:nowrap}.fprev-window .block-hd-title{flex-basis:auto;order:0;width:auto}.fprev-window .tf-item-hd{align-items:center}.fprev-window .review-summary-top{gap:var(--space-5);flex-direction:row}.fprev-window .review-score-block{text-align:right}.fprev-window .review-score-bar-wrap{max-width:none}.fprev-window .assignment-item{flex-wrap:nowrap}.fprev-window .assignment-item .assign-status-icon{display:block}.fprev-window .assignment-item .assignment-info{flex:1;min-width:0}.fprev-window .lesson-row{grid-template-rows:auto;align-items:center}.fprev-window .lesson-row-thumb,.fprev-window .lesson-row-info{grid-area:auto}.fprev-window .lesson-row-actions{flex-wrap:nowrap;grid-area:auto;justify-content:flex-end;width:auto}.fprev-window .folder-name{flex:none}}.fprev-window{background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.fprev-bar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-primary);display:flex}.fprev-dots{gap:5px;display:flex}.fprev-dots span{background:var(--color-border-strong);border-radius:50%;width:8px;height:8px}.fprev-bar-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.fprev-content{padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.fprev-block{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);overflow:hidden}.fprev-block-hd{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-primary);justify-content:space-between;align-items:center;display:flex}.fprev-block-label{font-size:.58rem;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);white-space:nowrap;padding:2px 7px}.fprev-vocab{padding:var(--space-3) var(--space-4);gap:var(--space-1-5);flex-direction:column;display:flex}.fprev-vocab-row{gap:var(--space-2);font-size:var(--font-size-xs);grid-template-columns:84px 1fr;align-items:baseline;display:grid}.fprev-vocab-word{font-family:var(--font-family-mono);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.fprev-vocab-def{color:var(--color-text-secondary);line-height:1.4}.fprev-exercise{padding:var(--space-3) var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.fprev-ex-item{gap:var(--space-2);flex-direction:column;display:flex}.fprev-ex-row{gap:var(--space-2);align-items:baseline;display:flex}.fprev-ex-num{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);flex-shrink:0;min-width:16px}.fprev-ex-q{font-size:var(--font-size-xs);color:var(--color-text-primary);line-height:1.5}.fprev-ex-opts{gap:var(--space-2);flex-wrap:wrap;display:flex}.fprev-opt{font-size:.65rem;font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);border:1px solid var(--color-border-primary);color:var(--color-text-secondary);background:var(--color-bg-card);padding:3px 10px}.fprev-opt--correct{color:var(--color-accent-green);background:#2ea05a14;border-color:#2ea05a33}.fprev-speaking{padding:var(--space-3) var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.fprev-speak-item{font-size:var(--font-size-xs);color:var(--color-text-secondary);padding-left:var(--space-3);border-left:2px solid var(--color-accent-primary-subtle);line-height:1.5}.fprev-assign-row{padding:var(--space-3) var(--space-4);background:var(--color-accent-primary-subtle);border-radius:var(--radius-md);border:1px solid #c8202e26;justify-content:space-between;align-items:center;display:flex}.fprev-assign-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.fprev-assign-btn{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-accent-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;display:inline-flex}.fprev-progress{font-size:.6rem;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);padding:2px 7px}.fprev-attempts{color:var(--color-text-secondary);font-size:.6rem}.fprev-match{flex-direction:column;gap:5px;display:flex}.fprev-match-row{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);border-radius:var(--radius-sm);padding:4px 6px;display:flex}.fprev-match--done{background:#2ea05a0f;border:1px solid #2ea05a26}.fprev-match--pending{background:var(--color-bg-secondary);border:1px dashed var(--color-border-strong)}.fprev-match-word{font-family:var(--font-family-mono);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);flex-shrink:0;min-width:62px}.fprev-match-def{color:var(--color-text-secondary);flex:1}.fprev-match-def--empty{color:var(--color-text-secondary);font-style:italic}.fprev-match-check{color:var(--color-accent-green);flex-shrink:0}.fprev-opt--wrong{color:var(--raw-red-500);background:#c8202e12;border-color:#c8202e2e}.fprev-opt--selected{color:var(--color-text-primary);background:var(--color-bg-secondary);border-color:var(--color-border-strong);font-weight:var(--font-weight-semibold)}.fprev-speak-note{color:var(--color-text-secondary);font-size:.6rem;font-style:italic}.fprev-finish-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);background:var(--color-accent-primary);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;border:none;display:flex}.flist-item{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--duration-normal) var(--easing-default), box-shadow var(--duration-normal) var(--easing-default), transform var(--duration-normal) var(--easing-bounce);border-radius:var(--radius-md);margin:0 calc(-1 * var(--space-3));padding-left:var(--space-3);padding-right:var(--space-3);position:relative;overflow:hidden}.flist-item:hover{background:var(--color-bg-card);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.flist-item.is-active{background:var(--color-bg-tertiary);box-shadow:inset 3px 0 0 var(--color-accent-primary)}.flist-item:hover .flist-text h3{color:var(--color-text-primary)}.flist-item.is-active .flist-text h3{color:var(--color-accent-primary)}.flist-progress{background:var(--color-accent-primary);width:0;height:2px;animation:linear forwards flistProgress;position:absolute;bottom:0;left:0}@keyframes flistProgress{to{width:100%}}.flist-icon{transition:box-shadow var(--duration-normal) var(--easing-default)}[data-theme=dark] .flist-item:hover .flist-icon,[data-theme=dark] .flist-item.is-active .flist-icon{box-shadow:0 0 14px #e035458c,0 0 28px #e0354533}.fprev-panel{display:none}.fprev-panel.is-active{animation:.22s both fprevIn;display:block}@media (min-width:1024px){.features-preview .fprev-panel.is-active{height:var(--fprev-h,620px);justify-content:center;align-items:center;display:flex}}@keyframes fprevIn{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.fprev-transcript{padding:var(--space-3) var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.fprev-transcript p{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.65}.fprev-vis-tag{color:var(--color-text-secondary);align-items:center;gap:4px;font-size:.6rem;display:inline-flex}.fprev-badge-level{font-size:.6rem;font-weight:var(--font-weight-bold);color:var(--color-accent-primary);background:var(--color-accent-primary-subtle);border-radius:var(--radius-sm);border:1px solid #c8202e2e;padding:1px 6px}.fprev-gapfill{padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs);color:var(--color-text-primary);line-height:1.75}.fprev-blank{border-bottom:1.5px solid var(--color-border-strong);vertical-align:bottom;min-width:72px;color:var(--color-text-secondary);margin:0 2px;display:inline-block}.fprev-blank--filled{border-bottom-color:var(--color-accent-green);color:var(--color-accent-green);font-weight:var(--font-weight-semibold)}.fprev-level-header{gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);flex-direction:column;display:flex}.fprev-level-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-family:var(--font-family-display)}.fprev-level-meta{gap:var(--space-1);flex-wrap:wrap;align-items:center;display:flex}.fprev-badge{font-size:.6rem;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);padding:1px 6px}.fprev-badge--level{color:var(--color-accent-primary);background:var(--color-accent-primary-subtle);font-weight:var(--font-weight-bold);border-color:#c8202e33}.fprev-level-note{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:.65rem;display:flex}.fprev-level-compare-label{color:var(--color-text-secondary);text-align:center;padding-bottom:var(--space-1);font-size:.65rem}.fprev-level-compare{gap:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);grid-template-columns:1fr auto 1fr;display:grid}.fprev-level-divider{background:var(--color-border-primary);align-self:stretch;width:1px}.fprev-level-col{gap:var(--space-2);flex-direction:column;display:flex}.fprev-level-col-hd{align-items:center;gap:var(--space-2);display:flex}.fprev-level-col-name{color:var(--color-text-secondary);font-size:.6rem}.fprev-badge--a2{color:var(--color-accent-green);font-weight:var(--font-weight-bold);background:#2ea05a1a;border-color:#2ea05a40}.fprev-badge--b2{color:var(--color-accent-cobalt);font-weight:var(--font-weight-bold);background:#5e82e01a;border-color:#5e82e040}.fprev-level-col-word{font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.fprev-level-col-def{color:var(--color-text-secondary);font-size:.62rem;line-height:1.5}.fprev-level-col-ex{color:var(--color-text-secondary);font-size:.62rem;font-style:italic;line-height:1.5}.fprev-speak-type{font-size:.58rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent-primary);margin-right:var(--space-2);flex-shrink:0;display:inline-block}.fprev-review-score{font-size:.6rem;font-weight:var(--font-weight-semibold);color:var(--color-accent-green)}.fprev-review-wrap{max-height:116px;position:relative;overflow:hidden}.fprev-review-wrap:after{content:"";background:linear-gradient(transparent, var(--color-bg-card));pointer-events:none;height:42px;position:absolute;bottom:0;left:0;right:0}.fprev-review-items{padding:var(--space-2) var(--space-4);flex-direction:column;gap:5px;display:flex}.fprev-review-item{align-items:flex-start;gap:var(--space-2);border-radius:var(--radius-sm);border:1px solid #0000;padding:5px 6px;display:flex}.fprev-review-item--correct{background:#2ea05a0d;border-color:#2ea05a26}.fprev-review-item--wrong{background:#c8202e0d;border-color:#c8202e26}.fprev-review-icon{border-radius:50%;flex-shrink:0;place-items:center;width:16px;min-width:16px;height:16px;display:grid}.fprev-review-icon--ok{color:var(--color-accent-green);background:#2ea05a26}.fprev-review-icon--err{color:var(--color-accent-primary);background:#c8202e1f}.fprev-review-body{flex-direction:column;gap:2px;display:flex}.fprev-review-q{color:var(--color-text-primary);font-size:.65rem;line-height:1.4}.fprev-review-ans{color:var(--color-text-secondary);font-size:.6rem}.fprev-review-ans-row{align-items:center;gap:4px;font-size:.6rem;display:flex}.fprev-review-wrong{color:var(--color-accent-primary)}.fprev-review-sep{color:var(--color-text-secondary)}.fprev-review-correct{color:var(--color-accent-green)}.fprev-assign-section{padding:var(--space-3) var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.fprev-assign-name-row{font-size:var(--font-size-xs);justify-content:space-between;align-items:center;display:flex}.fprev-assign-name-label{color:var(--color-text-secondary)}.fprev-assign-name-val{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.fprev-assign-link-row{padding:var(--space-2) var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.fprev-assign-link{font-family:var(--font-family-mono);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;overflow:hidden}.fprev-assign-expiry{color:var(--color-text-secondary);text-align:center;font-size:.6rem}.fprev-assign-progress-rows{padding:var(--space-3) var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.fprev-assign-prog-item{align-items:center;gap:var(--space-3);display:flex}.fprev-assign-prog-label{color:var(--color-text-secondary);flex-shrink:0;width:130px;font-size:.65rem}.fprev-assign-prog-bar{background:var(--color-border-primary);border-radius:2px;flex:1;height:4px;overflow:hidden}.fprev-assign-prog-bar span{background:var(--color-accent-primary);border-radius:2px;height:100%;display:block}@media (hover:hover){[data-theme=dark] .btn-primary:hover{box-shadow:0 0 16px #e035458c,0 0 36px #e0354533}[data-theme=dark] .benefit-card:hover .bcard-icon{box-shadow:0 0 14px #e035458c,0 0 28px #e0354533}[data-theme=dark] .benefit-card:hover .card-corner--red,[data-theme=dark] .benefit-card:hover .card-corner--gold,[data-theme=dark] .benefit-card:hover .card-corner--green,[data-theme=dark] .benefit-card:hover .card-corner--cobalt{filter:drop-shadow(0 0 4px #8c888299)drop-shadow(0 0 10px #8c888240)}[data-theme=dark] .feature-card:hover .feat-icon{box-shadow:0 0 14px #e035458c,0 0 28px #e0354533}[data-theme=dark] .faq-q:hover{text-shadow:0 0 12px #e0354559}[data-theme=dark] .nav-link:hover{text-shadow:0 0 10px #e035454d}[data-theme=dark] .option-pill:hover{box-shadow:0 0 10px #8c888280,0 0 22px #8c88822e}[data-theme=dark] .focus-chip:hover{box-shadow:0 0 10px currentColor, 0 0 20px color-mix(in srgb, currentColor 40%, transparent)}}[data-theme=dark] .fprev-bar{background:var(--color-bg-tertiary)}[data-theme=dark] .fprev-block{background:var(--color-bg-tertiary);border-color:var(--color-border-strong)}[data-theme=dark] .fprev-block-hd{border-bottom-color:var(--color-border-strong)}[data-theme=dark] .fprev-match--done{background:#2ea05a1f;border-color:#2ea05a47}[data-theme=dark] .fprev-match-check{color:var(--color-accent-green)}[data-theme=dark] .fprev-opt--correct{color:var(--color-accent-green);background:#2ea05a1f;border-color:#2ea05a47}[data-theme=dark] .fprev-badge--a2{background:#2ea05a24;border-color:#2ea05a52}[data-theme=dark] .fprev-review-item--correct{background:#2ea05a14;border-color:#2ea05a38}[data-theme=dark] .fprev-review-icon--ok{background:#2ea05a2e}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .fprev-bar{background:var(--color-bg-tertiary)}:root:not([data-theme=light]) .fprev-block{background:var(--color-bg-tertiary);border-color:var(--color-border-strong)}:root:not([data-theme=light]) .fprev-block-hd{border-bottom-color:var(--color-border-strong)}:root:not([data-theme=light]) .fprev-match--done{background:#2ea05a1f;border-color:#2ea05a47}:root:not([data-theme=light]) .fprev-match-check{color:var(--color-accent-green)}:root:not([data-theme=light]) .fprev-opt--correct{color:var(--color-accent-green);background:#2ea05a1f;border-color:#2ea05a47}:root:not([data-theme=light]) .fprev-badge--a2{background:#2ea05a24;border-color:#2ea05a52}:root:not([data-theme=light]) .fprev-review-item--correct{background:#2ea05a14;border-color:#2ea05a38}:root:not([data-theme=light]) .fprev-review-icon--ok{background:#2ea05a2e}}[data-theme=dark] .step-mockup{background:var(--color-bg-tertiary);border-color:var(--color-border-strong)}[data-theme=dark] .mockup-url-bar,[data-theme=dark] .mockup-chip{background:var(--raw-warm-800);border-color:var(--color-border-strong)}[data-theme=dark] .adv-panel-inner{background:var(--color-bg-tertiary);border-color:var(--color-border-strong)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .step-mockup{background:var(--color-bg-tertiary);border-color:var(--color-border-strong)}:root:not([data-theme=light]) .mockup-url-bar,:root:not([data-theme=light]) .mockup-chip{background:var(--raw-warm-800);border-color:var(--color-border-strong)}:root:not([data-theme=light]) .adv-panel-inner{background:var(--color-bg-tertiary);border-color:var(--color-border-strong)}}.story-section{background:var(--color-bg-secondary);position:relative}@media (min-width:768px){.story-section{height:300vh}}.story-sticky{display:none}@media (min-width:768px){.story-sticky{top:var(--header-height);height:calc(100vh - var(--header-height));align-items:center;display:flex;position:sticky}}.story-layout{gap:var(--space-10);grid-template-columns:1fr 1fr;align-items:center;width:100%;display:grid}.story-text-col{min-height:320px;position:relative}.story-scene{opacity:0;transition:opacity .45s var(--easing-default), transform .45s var(--easing-default);pointer-events:none;gap:var(--space-4);flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0;transform:translateY(18px)}.story-scene--active{opacity:1;pointer-events:auto;transform:translateY(0)}.story-scene-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-accent-primary)}.story-heading{font-family:var(--font-family-display);letter-spacing:var(--letter-spacing-tight);font-size:clamp(1.5rem,2.2vw,2.1rem);font-weight:700;line-height:var(--line-height-snug);color:var(--color-text-primary);text-wrap:balance}.story-body{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:44ch}.story-progress{gap:var(--space-2);margin-top:var(--space-5);display:flex}.story-dot{border-radius:var(--radius-full);background:var(--color-border-strong);cursor:pointer;width:8px;height:8px;transition:background var(--duration-normal) var(--easing-default), transform var(--duration-normal) var(--easing-bounce);border:none;padding:0}.story-dot--active{background:var(--color-accent-primary);transform:scale(1.4)}.story-visual-col{min-height:380px;position:relative}.sv-panel{opacity:0;transition:opacity .45s var(--easing-default), transform .45s var(--easing-default);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;transform:translateY(18px)}.sv-panel--active{opacity:1;pointer-events:auto;transform:translateY(0)}.sv-card{background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:380px;overflow:hidden}.sv-yt-thumb{background:var(--gradient-yt-thumb);height:196px;position:relative;overflow:hidden}.sv-yt-gradient{background:radial-gradient(at 25% 35%,#ff5a462e 0%,#0000 55%),radial-gradient(at 75% 65%,#3c82ff1f 0%,#0000 55%);position:absolute;inset:0}.sv-yt-play-btn{border-radius:var(--radius-full);color:#fff;background:#c8202ee0;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sv-yt-duration{bottom:var(--space-2);right:var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:var(--font-family-mono);color:#fff;border-radius:var(--radius-xs);background:#000000b8;padding:2px 6px;position:absolute}.sv-yt-meta{padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.sv-yt-channel-row{align-items:center;gap:var(--space-2);display:flex}.sv-yt-avatar{background:var(--color-accent-primary);border-radius:50%;flex-shrink:0;width:20px;height:20px}.sv-yt-channel-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.sv-yt-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-snug)}.sv-yt-views{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.sv-browser-chrome{background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-primary);padding:var(--space-2) var(--space-3) 0;overflow:hidden}.sv-browser-tabs{gap:2px;display:flex;overflow:hidden}.sv-browser-tab{font-size:.6rem;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);white-space:nowrap;text-overflow:ellipsis;opacity:.65;border-bottom:none;border-radius:4px 4px 0 0;max-width:76px;padding:4px 8px;overflow:hidden}.sv-browser-tab--active{color:var(--color-text-primary);background:var(--color-bg-card);opacity:1}.sv-browser-body{padding:var(--space-4)}.sv-doc-content{gap:var(--space-2);flex-direction:column;display:flex}.sv-doc-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.sv-doc-line{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.sv-doc-line--label{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-top:var(--space-2)}.sv-doc-line--q{color:var(--color-text-primary)}.sv-doc-line--a{padding-left:var(--space-3)}.sv-doc-line--note{color:var(--color-accent-gold);font-style:italic}.sv-doc-clock{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--color-border-secondary);align-items:center;gap:4px;display:flex}.sv-engible-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-primary);gap:var(--space-2);flex-direction:column;display:flex}.sv-engible-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-snug)}.sv-engible-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.sv-chip{font-size:.62rem;font-weight:var(--font-weight-medium);border-radius:var(--radius-full);border:1.5px solid;padding:2px 8px}.sv-chip--vocab{color:var(--color-accent-gold);background:#c8870a14;border-color:#c8870a4d}.sv-chip--listen{color:var(--color-accent-green);background:#2ea05a14;border-color:#2ea05a4d}.sv-chip--speak{color:var(--raw-cobalt-400);background:#2b55c514;border-color:#2b55c54d}.sv-engible-body{padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.sv-engible-block{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.sv-engible-block-hd{align-items:center;gap:var(--space-2);display:flex}.sv-block-label{font-size:.58rem;font-weight:var(--font-weight-bold);letter-spacing:.07em;text-transform:uppercase;border-radius:var(--radius-xs);padding:2px 5px;display:inline-block}.sv-block-label--vocab{color:var(--color-accent-gold);background:#c8870a1a}.sv-block-label--listen{color:var(--color-accent-green);background:#2ea05a1a}.sv-block-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.sv-vocab-cards{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.sv-vocab-card{background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-left:3px solid var(--color-accent-gold);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.sv-vocab-word{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.sv-vocab-def{color:var(--color-text-secondary);margin-top:2px;font-size:.62rem;line-height:1.4}.sv-tf-item{gap:var(--space-2);flex-direction:column;display:flex}.sv-tf-q{font-size:var(--font-size-xs);color:var(--color-text-primary);line-height:1.4}.sv-tf-btns{gap:var(--space-2);display:flex}.sv-tf-btn{font-size:.62rem;font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);border:1px solid var(--color-border-primary);color:var(--color-text-secondary);background:var(--color-bg-card);padding:3px 10px}.sv-tf-btn--correct{color:var(--color-accent-green);background:#2ea05a14;border-color:#2ea05a40}.sv-engible-send{padding:var(--space-2) var(--space-3);background:var(--color-accent-primary-subtle);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-accent-primary);justify-content:space-between;align-items:center;display:flex}.sv-send-btn{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-accent-primary);cursor:pointer;background:0 0;border:none;padding:0}.story-mobile{gap:var(--space-4);padding-block:var(--section-padding-md);flex-direction:column;display:flex}@media (min-width:768px){.story-mobile{display:none}}.story-mobile-card{background:var(--color-bg-card);border:1px solid var(--color-border-primary);border-radius:var(--radius-xl);padding:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.story-mobile-card--mid{border-left:3px solid var(--color-accent-primary)}.story-mobile-card--solution{background:var(--color-bg-primary);border:1.5px solid var(--color-border-strong)}.story-mobile-heading{font-family:var(--font-family-display);font-size:var(--font-size-xl);font-weight:700;line-height:var(--line-height-snug);color:var(--color-text-primary)}.story-mobile-body{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}[data-theme=dark] .sv-card{background:var(--color-bg-card);border-color:var(--color-border-strong)}[data-theme=dark] .sv-browser-chrome{background:var(--color-bg-tertiary)}[data-theme=dark] .sv-browser-tab{background:var(--color-bg-secondary);border-color:var(--color-border-strong)}[data-theme=dark] .sv-browser-tab--active{background:var(--color-bg-card)}[data-theme=dark] .story-mobile-card{background:var(--color-bg-card);border-color:var(--color-border-strong)}[data-theme=dark] .story-mobile-card--solution{background:var(--color-bg-secondary)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .sv-card{background:var(--color-bg-card);border-color:var(--color-border-strong)}:root:not([data-theme=light]) .sv-browser-chrome{background:var(--color-bg-tertiary)}:root:not([data-theme=light]) .sv-browser-tab{background:var(--color-bg-secondary);border-color:var(--color-border-strong)}:root:not([data-theme=light]) .sv-browser-tab--active{background:var(--color-bg-card)}:root:not([data-theme=light]) .story-mobile-card{background:var(--color-bg-card);border-color:var(--color-border-strong)}:root:not([data-theme=light]) .story-mobile-card--solution{background:var(--color-bg-secondary)}}