:root{--responsive-gutter:clamp(16px, 5vw, 24px)}html,body{max-inline-size:100%;overflow-x:clip}img,video,iframe{max-inline-size:100%}.app-main,.app-content,.page-header,.panel,.lesson-detail-layout>*,.lesson-composer>*,.billing-upgrade>*,.review-hero>*,.profile-hero>*{min-inline-size:0}.page-header h1,.page-description,.lesson-card h2,.lesson-card p,.tiktok-video-info h2,.lesson-detail-hero h1,.lesson-detail-subtitle,.billing-payment-code,.manual-payment-code,.toast-copy,.saas-plan h2,.saas-plan p,.legal-page h1,.legal-page h2,.legal-page p{overflow-wrap:anywhere}.lesson-pagination{justify-content:center;align-items:center;gap:10px;margin:24px 0 6px;display:flex}.lesson-pagination button{min-height:40px;color:var(--accent-dark);background:#fff;border:1px solid #e5d9d2;border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:8px 12px;font-size:12px;font-weight:800;transition:border-color .18s,background .18s,transform .18s;display:inline-flex}.lesson-pagination button:not(:disabled):hover{background:#fff7f2;border-color:#d99a80;transform:translateY(-1px)}.lesson-pagination button:disabled{cursor:not-allowed;opacity:.45}.lesson-pagination>span{min-width:94px;color:var(--muted);text-align:center;font-size:12px;font-weight:700}@media (max-width:760px){html{scroll-padding-top:calc(76px + env(safe-area-inset-top))}.app-topbar{min-height:calc(64px + env(safe-area-inset-top));padding:calc(10px + env(safe-area-inset-top)) max(var(--responsive-gutter), env(safe-area-inset-right)) 10px max(var(--responsive-gutter), env(safe-area-inset-left));justify-content:space-between}.app-content{padding:24px max(var(--responsive-gutter), env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(var(--responsive-gutter), env(safe-area-inset-left))}.mobile-menu{z-index:auto;border-radius:12px;width:44px;height:44px;position:static;box-shadow:0 8px 20px #2e241e1f}.sidebar{z-index:30;width:min(286px,100vw - 20px);max-width:calc(100vw - 20px);height:100dvh;max-height:100dvh;padding:calc(18px + env(safe-area-inset-top)) 14px max(16px, env(safe-area-inset-bottom));flex-basis:min(286px,100vw - 20px);gap:24px;box-shadow:18px 0 36px #15131147}.sidebar-backdrop{z-index:29;cursor:default;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1916146b;border:0;position:fixed;inset:0}@supports selector(body:has(*)){body:has(.sidebar-open){overflow:hidden}}.nav-link,.sidebar-control,.sidebar-home{min-height:44px}.toast-viewport{top:calc(68px + env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));left:max(12px, env(safe-area-inset-left));width:auto}.toast{min-height:58px;padding:11px 12px}.lesson-pagination button{min-height:44px}.landing-nav,.saas-pricing-nav{padding-inline:var(--responsive-gutter)}.landing-nav .marketing-actions .landing-primary-cta,.saas-pricing-nav .marketing-actions .landing-primary-cta{white-space:nowrap;min-height:42px;padding-inline:10px;font-size:11px}.landing-hero,.saas-pricing-hero,.landing-showcase,.learning-flow,.feature-grid,.comparison-section,.pricing-faq,.pricing-reassurance,.privacy-panel{padding-inline:var(--responsive-gutter)}.landing-footer,.saas-pricing-footer{padding-right:max(var(--responsive-gutter), env(safe-area-inset-right));padding-left:max(var(--responsive-gutter), env(safe-area-inset-left))}.hero-actions,.hero-proof,.hero-community,.landing-footer div,.saas-pricing-footer div{flex-wrap:wrap}.landing-primary-cta,.landing-text-cta,.plan-cta,.google-button,.lesson-composer .button,.recall-card button,.complete-button,.billing-upgrade button,.billing-payment-actions button{min-height:44px}.lesson-composer form,.lesson-composer .transcript-field,.billing-usage,.billing-upgrade,.review-hero,.profile-hero{min-width:0}.lesson-composer form,.lesson-composer .transcript-field{gap:14px}.inbox-hero,.lesson-composer,.billing-overview,.billing-upgrade,.review-hero,.profile-hero{gap:18px}.lesson-detail-hero,.summary-card,.recall-card,.lesson-finish{border-radius:14px}.tiktok-embed-section{width:100%}.tiktok-embed-frame{min-height:auto}}@media (max-width:480px){.page-header{margin-bottom:20px}.page-header h1{font-size:clamp(29px,9vw,38px);line-height:1.08}.panel{padding:17px}.landing-hero{padding-top:50px}.landing-hero h1,.saas-pricing-hero h1{letter-spacing:-.055em;font-size:clamp(40px,13vw,55px)}.hero-actions{width:min(100%,330px);margin-inline:auto;display:grid}.hero-actions .landing-primary-cta,.hero-actions .landing-text-cta{justify-content:center;width:100%}.hero-learning-scene{width:min(100%,360px);min-height:344px}.scene-source-card{left:1px;transform:rotate(-4deg)scale(.72)}.scene-lesson-card{width:min(88vw,290px);padding:16px;top:69px;right:0;transform:rotate(2deg)scale(.92)}.scene-orbit{width:min(86vw,292px);height:min(86vw,292px);top:46px;right:0}.scene-review-badge{transform-origin:100% 100%;bottom:2px;right:0;transform:scale(.9)}.landing-showcase{padding-top:16px;padding-bottom:58px}.video-mockup{aspect-ratio:23/33;width:min(100%,220px);height:auto}.lesson-mockup,.feature-card,.feature-card-wide,.privacy-panel{padding:20px}.billing-toggle{width:min(100%,320px)}.billing-toggle button{flex:1;min-height:42px;padding-inline:8px}.saas-plan-grid{padding-right:var(--responsive-gutter);padding-left:var(--responsive-gutter)}.comparison-table{gap:10px;display:grid}.comparison-head{display:none}.comparison-row{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0;display:grid}.comparison-row>span{text-align:center;place-items:center;gap:3px;min-width:0;min-height:55px;padding:8px 4px;font-size:10px;line-height:1.25;display:grid}.comparison-row>span:first-child{border-bottom:1px solid var(--line);min-height:auto;color:var(--ink);text-align:left;background:#fffaf7;grid-column:1/-1;justify-content:start;padding:11px 12px;font-size:12px;font-weight:700}.comparison-row>span:not(:first-child):before{color:var(--muted);content:attr(data-plan);font-size:9px;font-weight:700}.comparison-row>span+span{border-left:1px solid var(--line)}.inbox-hero,.lesson-composer,.billing-overview,.billing-upgrade,.review-hero,.profile-hero,.lesson-finish{grid-template-columns:minmax(0,1fr)}.inbox-hero-card,.lesson-composer input,.lesson-composer textarea,.lesson-composer .button,.recall-card button,.billing-upgrade .button,.billing-payment-actions button{width:100%}.recall-card button,.billing-upgrade .button,.billing-payment-actions button{justify-content:center}.lesson-detail-hero{padding:23px 17px}.lesson-detail-hero h1{font-size:clamp(32px,10.5vw,43px)}.lesson-hero-meta span{overflow-wrap:anywhere;max-width:100%}.tiktok-video-info{grid-template-columns:72px minmax(0,1fr);padding:10px}.tiktok-video-info img,.tiktok-video-placeholder{width:72px;height:98px}.tiktok-embed-section{padding:18px}.tiktok-embed-frame{max-height:min(72svh,620px)}.lesson-section-heading{gap:10px}.lesson-section-heading h2{font-size:22px}.summary-card,.recall-card,.lesson-finish{padding:18px 16px}.recall-card textarea{min-height:112px}.toast{grid-template-columns:auto minmax(0,1fr) auto}.toast button{width:36px;height:36px}.lesson-pagination{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:7px;display:grid}.lesson-pagination button{min-width:0;padding-inline:8px}.lesson-pagination>span{min-width:76px;font-size:11px}.login-page{padding-inline:var(--responsive-gutter)}.login-card{padding:24px 20px}.login-header{padding-inline:0}.login-layout{grid-template-columns:1fr;gap:74px;margin-top:38px;padding-inline:0}.login-intro{text-align:center;max-width:580px;margin-inline:auto;display:block}.login-intro h1{font-size:clamp(40px,12vw,54px)}.login-intro .eyebrow,.login-mini-flow,.login-proof-list{justify-content:center;margin-left:auto;margin-right:auto}.login-proof-list{text-align:left}.login-action-area{width:min(100%,430px);margin-inline:auto}.login-learning-scene{left:-51px}.login-footer{margin-top:38px}.saas-pricing-footer,.landing-footer{gap:14px}}@media (max-width:760px) and (orientation:landscape) and (max-height:600px){.landing-hero{padding-top:34px}.landing-grid{height:auto;min-height:0}.hero-learning-scene{min-height:300px}.sidebar{padding-top:calc(10px + env(safe-area-inset-top));gap:10px}.sidebar .nav-link{min-height:38px;padding-block:8px}.sidebar-home{padding-top:10px}}@media (max-width:560px){.toast-viewport{top:auto;right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));left:max(12px, env(safe-area-inset-left));width:auto;gap:0;max-inline-size:none}.toast-viewport .toast:not(:last-child){display:none}.toast{box-sizing:border-box;grid-template-columns:30px minmax(0,1fr) 44px;gap:8px;width:100%;min-height:64px;max-height:min(156px,100svh - 116px);padding:11px 10px 12px}.toast strong,.toast p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.toast button{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.google-button,.back-home,.knoveya-logo-mark{transition:none}.sidebar-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}