*{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f5f5f7;--bg-strong:#fff;--surface:#ffffffc7;--surface-solid:#fff;--surface-soft:#f5f5f7db;--ink:#171719;--ink-muted:#6e6e73;--ink-faint:#8e8e93;--line:#3c3c4329;--line-strong:#3c3c4347;--accent:#0071e3;--accent-strong:#06c;--accent-soft:#0071e31a;--stage-bg:#172131;--stage-ink:#f7f8fb;--stage-muted:#bdc7d4;--stage-line:#f7f8fb33;--success:#248a3d;--warning:#b25000;--radius-sm:.75rem;--radius-md:1.1rem;--radius-lg:1.6rem;--radius-xl:2rem;--shadow-soft:0 1.5rem 4rem #00000014;--shadow-float:0 .75rem 2.25rem #0000001f;--content-max:68rem;--font-system:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#101011;--bg-strong:#18181a;--surface:#232326c7;--surface-solid:#232326;--surface-soft:#1c1c1ee6;--ink:#f5f5f7;--ink-muted:#a1a1a6;--ink-faint:#77777c;--line:#ebebf529;--line-strong:#ebebf547;--accent:#2997ff;--accent-strong:#64b5ff;--accent-soft:#2997ff29;--success:#63d471;--warning:#ff9f0a;--shadow-soft:0 1.5rem 4rem #00000042;--shadow-float:0 .75rem 2.25rem #0000006b}}html{background:var(--bg);scroll-behavior:smooth;min-width:20rem}body{background:radial-gradient(circle at 50% -10rem, var(--accent-soft), transparent 34rem), var(--bg);min-width:20rem;min-height:100svh;color:var(--ink);font-family:var(--font-system);text-rendering:optimizelegibility;margin:0;font-size:1rem;line-height:1.55}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:.16rem solid var(--accent);outline-offset:.2rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow,.section-kicker{color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:650;line-height:1.2}.section-kicker{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.section-kicker>span{color:var(--ink-faint);font-size:.84rem}.header-nav>a{min-height:2.5rem;color:var(--ink-muted);border-radius:999px;align-items:center;padding:.55rem .8rem;font-size:.88rem;display:inline-flex}.header-nav>a:hover{background:var(--accent-soft);color:var(--ink)}.glass-header{z-index:10;width:min(calc(100% - 2rem), var(--content-max));border:1px solid var(--line);background:var(--surface);min-height:3.5rem;box-shadow:var(--shadow-float);-webkit-backdrop-filter:saturate(180%)blur(1.25rem);backdrop-filter:saturate(180%)blur(1.25rem);border-radius:999px;grid-template-columns:1fr auto 1fr;align-items:center;margin:1rem auto 0;padding:.45rem .55rem;display:grid;position:sticky;top:1rem}.brand{color:var(--ink);letter-spacing:-.045em;justify-self:center;font-size:1.15rem;font-weight:700}.brand:after{background:var(--accent);content:"";vertical-align:.15em;border-radius:50%;width:.34rem;height:.34rem;margin-left:.22rem;display:inline-block}.header-nav,.lesson-header-actions{grid-column:3;justify-content:flex-end;align-items:center;gap:.35rem;display:flex}.icon-link,.text-button,.glass-button{min-height:2.5rem;color:var(--ink-muted);border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.55rem .8rem;font-size:.88rem;transition:background-color .18s,color .18s,transform .18s;display:inline-flex}.icon-link:hover,.text-button:hover,.glass-button:hover{background:var(--accent-soft);color:var(--ink)}.glass-button{border:1px solid var(--line);background:var(--surface-soft);color:var(--ink);font-weight:600}.glass-button:disabled,.primary-button:disabled{cursor:wait;opacity:.6}.text-button{background:0 0}.primary-button{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;width:fit-content;min-height:3rem;padding:.8rem 1.25rem;font-weight:650;transition:background-color .18s,transform .18s;display:inline-flex}.primary-button:hover{background:var(--accent-strong);transform:translateY(-1px)}.primary-button--large{min-width:7.5rem;min-height:3.2rem;padding-inline:1.45rem}.home-page{min-height:100svh}.home-main{width:min(100% - 2rem, var(--content-max));margin:0 auto;padding:7rem 0 5rem}.ask-hero{text-align:center;justify-items:center;padding:clamp(3rem,11vw,8rem) 0 4rem;display:grid}.hero-mark{border:1px solid var(--line);background:var(--surface);width:3.5rem;height:3.5rem;box-shadow:var(--shadow-soft);color:var(--accent);border-radius:1.25rem;place-items:center;margin-bottom:1.5rem;display:grid}.hero-mark svg{width:1.45rem;height:1.45rem}.ask-hero h1{letter-spacing:-.085em;max-width:44rem;margin:0;font-size:clamp(2.8rem,8vw,6.2rem);font-weight:700;line-height:.96}.hero-copy{max-width:31rem;color:var(--ink-muted);margin:1.35rem 0 0;font-size:clamp(1.05rem,2.4vw,1.3rem)}.question-composer{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);width:min(100%,46rem);box-shadow:var(--shadow-soft);text-align:left;-webkit-backdrop-filter:saturate(180%)blur(1rem);backdrop-filter:saturate(180%)blur(1rem);margin-top:2.4rem;padding:.55rem}.composer-field{padding:.6rem .8rem .85rem;display:block}.composer-field span,.language-control span{color:var(--ink-muted);margin-bottom:.45rem;font-size:.78rem;font-weight:600;display:block}.question-composer textarea{width:100%;min-height:5.2rem;color:var(--ink);resize:vertical;background:0 0;border:0;outline:0;padding:.1rem 0 .2rem;font-family:inherit;font-size:clamp(1.05rem,2.5vw,1.3rem);line-height:1.45;display:block}.question-composer textarea::placeholder{color:var(--ink-faint)}.composer-field input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:clamp(1.05rem,2.5vw,1.3rem)}.composer-field input::placeholder{color:var(--ink-faint)}.composer-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;padding:.45rem .5rem .5rem .8rem;display:flex}.language-control{min-width:0;color:var(--ink-muted);align-items:center;gap:.6rem;display:flex}.language-control span{white-space:nowrap;margin:0}.language-control select{border:1px solid var(--line);background:var(--surface-solid);max-width:12rem;color:var(--ink);border-radius:999px;outline:0;padding:.5rem 1.8rem .5rem .7rem;font-size:.86rem}.examples,.history-section{width:min(100%,46rem);margin:0 auto}.examples{margin-top:2.1rem}.examples h2,.history-section h2{color:var(--ink-muted);margin:0 0 .75rem;font-size:.82rem;font-weight:600}.example-list{flex-wrap:wrap;justify-content:center;gap:.55rem;display:flex}.example-button{border:1px solid var(--line);background:var(--surface);color:var(--ink-muted);text-align:left;border-radius:999px;padding:.65rem .85rem;font-size:.88rem;transition:border-color .18s,background-color .18s,color .18s}.example-button:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.history-section{border-top:1px solid var(--line);padding:2.5rem 0 0}.history-list{border-top:1px solid var(--line);display:grid}.history-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.history-row-copy{min-width:0}.history-row strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.98rem;font-weight:600;display:block;overflow:hidden}.history-row small{color:var(--ink-muted);margin-top:.2rem;display:block}.account-menu{grid-column:3;justify-content:flex-end;align-items:center;gap:.25rem;display:flex}.form-status{color:var(--ink-muted);margin:.8rem 0 0;font-size:.88rem}.form-status--error{color:var(--warning)}.loading-state,.lesson-empty{color:var(--ink-muted);text-align:center;justify-items:center;padding:3rem 1rem;display:grid}.loading-state{min-height:9rem}.loading-orb{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:2.5rem;height:2.5rem;margin-bottom:1rem;animation:1s linear infinite sabido-spin;display:block}.loading-orb--small{border-width:1.5px;width:1.2rem;height:1.2rem;margin:0}.lesson-page{min-height:100svh;padding-bottom:5rem}.lesson-main{width:min(100% - 2rem,58rem);margin:0 auto;padding:6.5rem 0 0}.lesson-intro{text-align:center;padding:2rem 0 2.5rem}.lesson-intro-meta{justify-content:center;align-items:center;gap:.75rem;display:flex}.lesson-intro h1{letter-spacing:-.08em;max-width:48rem;margin:1rem auto 0;font-size:clamp(2.2rem,6vw,4.7rem);font-weight:700;line-height:.98}.language-pill{border:1px solid var(--line);background:var(--surface);min-height:1.8rem;color:var(--ink-muted);border-radius:999px;align-items:center;padding:.32rem .65rem;font-size:.75rem;display:inline-flex}.lesson-direct-answer{max-width:42rem;color:var(--ink);letter-spacing:-.035em;margin:1.25rem auto 0;font-size:clamp(1.2rem,3vw,1.65rem);font-weight:600;line-height:1.25}.lesson-question{max-width:38rem;color:var(--ink-muted);gap:.2rem;margin:1.25rem auto 0;font-size:1rem;display:grid}.lesson-question span{color:var(--ink-faint);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:650}.lesson-status,.lesson-ready{color:var(--ink-muted);align-items:center;gap:.55rem;margin:1.35rem auto 0;font-size:.9rem;display:inline-flex}.lesson-ready{color:var(--success)}.lesson-feedback{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);text-align:center;justify-items:center;gap:1rem;margin-bottom:2rem;padding:1.25rem;display:grid}.lesson-feedback p{color:var(--ink-muted);margin:0}.lesson-player{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface-solid);box-shadow:var(--shadow-soft);padding:clamp(1.1rem,4vw,2rem)}.player-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.2rem;display:flex}.player-heading h2{letter-spacing:-.055em;margin:.35rem 0 0;font-size:clamp(1.35rem,3vw,2rem);font-weight:650;line-height:1}.player-counter{color:var(--ink-muted);font-variant-numeric:tabular-nums;flex:none;font-size:.84rem}.player-seek{color:var(--ink-muted);gap:.35rem;margin-bottom:1.25rem;font-size:.76rem;display:grid}.player-progress-label{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:1rem;display:flex}.player-seek input{width:100%;accent-color:var(--accent);cursor:pointer}.video-stage{aspect-ratio:16/9;border:1px solid var(--stage-line);border-radius:var(--radius-lg);background:var(--stage-bg);min-height:25rem;color:var(--stage-ink);isolation:isolate;position:relative;overflow:hidden}.video-stage-backdrop{z-index:0;background:radial-gradient(circle at 78% 18%, var(--accent-soft), transparent 16rem), var(--stage-bg);pointer-events:none;position:absolute;inset:0;overflow:hidden}.video-stage-ring{border:1px solid var(--stage-line);border-radius:50%;display:block;position:absolute}.video-stage-ring--large{width:28rem;height:28rem;top:-13rem;right:-7rem}.video-stage-ring--small{border-color:var(--accent);opacity:.7;width:9rem;height:9rem;top:30%;left:-4rem}.video-stage-dot{background:var(--accent);width:.65rem;height:.65rem;box-shadow:0 0 0 .45rem var(--accent-soft);border-radius:50%;position:absolute;top:22%;right:24%}.video-stage-topline,.video-stage-footer{z-index:1;color:var(--stage-muted);letter-spacing:.04em;justify-content:space-between;align-items:center;gap:1rem;font-size:.72rem;display:flex;position:absolute;left:0;right:0}.video-stage-topline{text-transform:uppercase;padding:1.1rem clamp(1.1rem,4vw,2rem);top:0}.video-stage-topline span:last-child{color:var(--stage-ink);font-variant-numeric:tabular-nums}.video-stage-copy{z-index:1;flex-direction:column;justify-content:center;min-height:100%;padding:clamp(2rem,6vw,4rem) clamp(1.1rem,7vw,4rem) 6.5rem;display:flex;position:relative}.video-stage-label{color:var(--stage-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .75rem;font-size:.76rem;font-weight:700}.video-stage-copy h3{letter-spacing:-.075em;max-width:38rem;margin:0;font-size:clamp(1.75rem,5vw,3.4rem);font-weight:700;line-height:1.02}.video-stage-caption{max-width:45ch;color:var(--stage-ink);margin:1.1rem 0 0;font-size:clamp(1rem,2vw,1.25rem);line-height:1.4}.video-stage-footer{border-top:1px solid var(--stage-line);min-height:3.8rem;padding:.85rem clamp(1.1rem,4vw,2rem);bottom:0}.video-stage-footer>span:last-child{max-width:55%;color:var(--stage-muted);text-align:right}.video-stage-term{max-width:40%;color:var(--stage-ink);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.video-stage-play{z-index:2;border:1px solid var(--accent);background:var(--accent);width:3.6rem;height:3.6rem;color:var(--stage-ink);border-radius:50%;justify-content:center;align-items:center;transition:background-color .18s,border-color .18s;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-stage-play:hover{border-color:var(--accent-strong);background:var(--accent-strong)}.scene-panel{margin-top:1rem}.playback-bar{align-items:center;gap:.55rem;margin-top:1rem;display:flex}.control-button,.play-button,.speed-button,.restart-button{border:1px solid var(--line);background:var(--surface);min-width:2.75rem;min-height:2.75rem;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;transition:border-color .18s,background-color .18s,opacity .18s;display:inline-flex}.control-button:hover,.speed-button:hover,.restart-button:hover{border-color:var(--accent);background:var(--accent-soft)}.control-button:disabled,.play-button:disabled{cursor:not-allowed;opacity:.35}.play-button{border-color:var(--accent);background:var(--accent);width:3.3rem;height:3.3rem;color:var(--stage-ink)}.play-button:hover{background:var(--accent-strong)}.speed-button{color:var(--ink-muted);font-variant-numeric:tabular-nums;padding:0 .8rem;font-size:.82rem}.restart-button{color:var(--ink-muted);gap:.35rem;margin-left:auto;padding:0 .8rem;font-size:.82rem}.player-time{color:var(--ink-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.78rem}.narration-status{min-height:1.9rem;color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:.85rem;font-size:.8rem;display:flex}.narration-status svg{color:var(--accent)}.audio-error{color:var(--warning)}.full-audio{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.quiz-question{border:0;min-width:0;margin:1.45rem 0 0;padding:0}.quiz-question legend{color:var(--ink);margin-bottom:.7rem;font-size:1rem;font-weight:650}.quiz-options{gap:.55rem;display:grid}.quiz-option{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-solid);color:var(--ink-muted);cursor:pointer;align-items:center;gap:.6rem;padding:.75rem .85rem;transition:border-color .18s,background-color .18s,color .18s;display:flex}.quiz-option:hover,.quiz-option[data-selected=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.quiz-option input{accent-color:var(--accent)}.quiz-score{color:var(--success);align-items:center;gap:.45rem;margin:.9rem 0 0;font-size:.9rem;font-weight:600;display:inline-flex}.lesson-details{border-top:1px solid var(--line);margin-top:1.5rem}.lesson-details details{border-bottom:1px solid var(--line)}.lesson-details summary{min-height:4rem;color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;font-weight:600;list-style:none;display:flex}.lesson-details summary::-webkit-details-marker{display:none}.lesson-details summary svg{color:var(--ink-muted);transition:transform .18s}.lesson-details details[open] summary svg{transform:rotate(180deg)}.details-index{width:2rem;color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:.75rem;display:inline-block}.details-content{color:var(--ink-muted);padding:0 2rem 1.5rem}.direct-answer{color:var(--ink);margin-top:0;font-size:1.2rem;font-weight:600}.details-content p{max-width:48rem}.key-points{gap:.6rem;padding-left:1.2rem;display:grid}.key-points li::marker{color:var(--accent)}.transcript-label{color:var(--ink);margin-bottom:.2rem;font-size:.78rem;font-weight:650}.transcript{white-space:pre-wrap;margin-top:0}.references-content{gap:.6rem;display:grid}.reference-row{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-soft);justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;transition:border-color .18s,background-color .18s;display:flex}.reference-row:hover{border-color:var(--accent);background:var(--accent-soft)}.reference-row span{gap:.2rem;min-width:0;display:grid}.reference-row strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:600;overflow:hidden}.reference-row small{color:var(--ink-muted)}.video-export video{border-radius:var(--radius-md);background:#000;width:100%;max-height:32rem;display:block}.lesson-share{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);justify-content:space-between;align-items:center;gap:1.5rem;margin-top:2.5rem;padding:1.5rem;display:flex}.lesson-share h2{letter-spacing:-.06em;margin:.5rem 0;font-size:clamp(1.3rem,3vw,2rem);line-height:1.05}.lesson-share p{color:var(--ink-muted);margin:0}.shared-mark{color:var(--success);flex:none;align-items:center;gap:.4rem;font-size:.88rem;font-weight:600;display:inline-flex}.lesson-share-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;min-width:min(100%,14rem);display:flex}.share-message{color:var(--ink-muted);text-align:right;flex:none;margin:0;font-size:.82rem}.back-link{color:var(--ink-muted);align-items:center;gap:.4rem;font-size:.9rem;display:inline-flex}.back-link:hover{color:var(--ink)}.auth-page{place-items:center;min-height:100svh;padding:2rem 1rem;display:grid}.auth-card{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface-solid);width:min(100%,31rem);box-shadow:var(--shadow-soft);padding:clamp(1.5rem,5vw,3rem)}.auth-card h1{letter-spacing:-.08em;margin:1rem 0 .7rem;font-size:clamp(2rem,7vw,3.5rem);font-weight:700;line-height:.98}.auth-copy{color:var(--ink-muted);margin:0}.auth-tabs{gap:.45rem;margin:2rem 0 1rem;display:flex}.auth-form{gap:1rem;display:grid}.auth-form label{color:var(--ink-muted);gap:.45rem;font-size:.86rem;display:grid}.auth-form input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-soft);width:100%;min-height:3rem;color:var(--ink);outline:0;padding:.75rem .85rem}.auth-form input:focus{border-color:var(--accent)}.field-hint{color:var(--ink-faint);margin:-.5rem 0 0;font-size:.78rem}@keyframes sabido-spin{to{transform:rotate(360deg)}}@media (max-width:42rem){.glass-header{width:calc(100% - 1rem);margin-top:.55rem;top:.55rem}.home-main,.lesson-main{width:min(100% - 1.25rem, var(--content-max))}.home-main{padding-top:5rem}.ask-hero{padding-top:3.5rem}.hero-copy{max-width:22rem}.composer-footer{flex-direction:column;align-items:stretch}.language-control{justify-content:space-between}.primary-button--large{width:100%}.example-list{justify-content:flex-start}.history-row strong{white-space:normal}.lesson-main{padding-top:4.5rem}.lesson-intro{padding-top:1rem}.lesson-intro-meta{flex-wrap:wrap}.video-stage{min-height:0}.video-stage-copy{padding:2rem 1.1rem 6.5rem}.video-stage-footer{flex-direction:column;align-items:flex-start;gap:.3rem}.video-stage-footer>span:last-child,.video-stage-term{text-align:left;max-width:100%}.playback-bar{flex-wrap:wrap}.restart-button{margin-left:0}.narration-status{flex-wrap:wrap}.details-content{padding-inline:.5rem}.lesson-share{flex-direction:column;align-items:flex-start}.lesson-share-actions{justify-content:flex-start;width:100%}.share-message{text-align:left}.lesson-share .primary-button{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){:root{--line:#3c3c435c;--line-strong:#3c3c4394}.primary-button,.play-button{border:2px solid}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-header,.question-composer{background:var(--surface-solid)}}
