:root{--ink:#171525;--ink-soft:#302d40;--muted:#777287;--muted-2:#a09baa;--canvas:#f6f4ee;--surface:#fff;--surface-2:#f0eee8;--line:#e1ded7;--purple:#7857ff;--purple-dark:#5f3ee3;--lime:#d8ff63;--coral:#ff8067;--mint:#3fc19a;--yellow:#ffd166;--danger:#df5264;--sidebar-w:246px;--topbar-h:72px;--radius-sm:10px;--radius:16px;--radius-lg:24px;--font-display:"Bricolage Grotesque", "Arial Black", sans-serif;--font-body:"Manrope", system-ui, sans-serif;--font-mono:"DM Mono", ui-monospace, monospace;color:var(--ink);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth}body{background:radial-gradient(circle at 75% 0%, #7857ff0b, transparent 34rem), var(--canvas);min-width:320px;min-height:100vh;color:var(--ink);margin:0}button,input,textarea,select{font:inherit}button{color:inherit}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed}button,input,textarea,select{outline:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #7857ff57}::selection{background:var(--lime);color:var(--ink)}.app-frame{min-height:100vh}.app-main{min-height:100vh;margin-left:var(--sidebar-w)}.app-content{width:100%;max-width:1510px;margin:0 auto;padding:38px 42px 76px}.page-enter{animation:.42s cubic-bezier(.2,.75,.25,1) both page-enter}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.eyebrow{color:var(--muted);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:7px;margin:0;font-size:10px;font-weight:500;line-height:1.4;display:flex}.live-dot{background:var(--mint);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #3fc19a21}.button-primary,.button-secondary{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 18px;font-size:13px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button-primary{color:#fff;background:var(--ink);box-shadow:0 8px 22px #17152526}.button-primary:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 12px 26px #17152538}.button-primary:disabled{color:#aaa5b3;box-shadow:none;background:#e6e3dc}.button-secondary{border-color:var(--line);background:var(--surface)}.button-secondary:not(:disabled):hover{background:#faf9f6;border-color:#c8c3d2}.sidebar{z-index:40;width:var(--sidebar-w);color:#f8f6ff;background:radial-gradient(circle at 32% 10%,#7857ff2e,#0000 16rem),linear-gradient(#1c192d 0%,#151321 100%);border-right:1px solid #ffffff0e;flex-direction:column;padding:25px 18px 18px;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden}.sidebar:after{content:"";pointer-events:none;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");position:absolute;inset:0}.sidebar>*{z-index:1;position:relative}.sidebar-brand-row{justify-content:space-between;align-items:center;padding:1px 5px 25px;display:flex}.brand-mark{color:currentColor;align-items:center;gap:10px;display:inline-flex}.brand-symbol{place-items:center;width:29px;height:29px;display:grid;position:relative;transform:rotate(-5deg)}.brand-symbol i{border:1.5px solid var(--lime);border-radius:8px;position:absolute;inset:2px;transform:rotate(9deg)}.brand-symbol i:nth-child(2){border-color:var(--purple);inset:6px -1px -1px 6px;transform:rotate(-5deg)}.brand-symbol strong{z-index:1;font-family:var(--font-display);font-size:15px;font-weight:800;position:relative}.brand-word{font-family:var(--font-display);letter-spacing:-.055em;font-size:19px;font-weight:800}.brand-word span{color:var(--lime)}.sidebar-close{color:#fff;background:0 0;border:0;padding:6px;display:none}.sidebar-create{min-height:47px;color:var(--ink);background:var(--lime);border:0;border-radius:13px;align-items:center;gap:10px;padding:0 13px;font-size:12px;font-weight:800;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:inset 0 -2px #1715251f,0 8px 25px #d8ff631a}.sidebar-create:hover{transform:translateY(-1px);box-shadow:inset 0 -2px #1715251f,0 10px 28px #d8ff632b}.sidebar-create>span{background:#1715251a;border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.sidebar-nav{flex-direction:column;gap:5px;margin-top:28px;display:flex}.sidebar-nav>p{color:#ffffff5c;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0 10px 8px;font-size:9px}.sidebar-nav button{color:#ffffff94;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;min-height:42px;padding:0 12px;font-size:12px;font-weight:650;transition:color .16s,background .16s;display:flex}.sidebar-nav button:hover{color:#fff;background:#ffffff0b}.sidebar-nav button.is-active{color:#fff;box-shadow:inset 3px 0 0 var(--lime);background:#ffffff16}.sidebar-nav button.is-active svg{color:var(--lime)}.sidebar-nav button span{flex:1}.sidebar-nav button i{min-width:20px;height:20px;color:var(--ink);background:var(--coral);border-radius:20px;place-items:center;font-size:9px;font-style:normal;font-weight:800;display:grid}.sidebar-course{background:#ffffff0b;border:1px solid #ffffff17;border-radius:15px;margin-top:auto;padding:17px 15px 15px;position:relative;overflow:hidden}.course-orbit{border:1px solid #d8ff6336;border-radius:50%;width:104px;height:104px;position:absolute;top:-37px;right:-31px}.course-orbit:before,.course-orbit:after{content:"";border:1px solid #7857ff59;border-radius:50%;position:absolute;inset:17px}.course-orbit:after{background:var(--lime);border:0;inset:37px}.sidebar-course>p{color:var(--lime);font-family:var(--font-mono);letter-spacing:.1em;margin:0 0 9px;font-size:8px}.sidebar-course h3{max-width:150px;font-family:var(--font-display);margin:0;font-size:15px;line-height:1.15}.sidebar-course>span{color:#fff6;margin-top:7px;font-size:9px;display:block}.sidebar-course>div:not(.course-orbit){background:#ffffff1a;border-radius:4px;height:3px;margin-top:15px;overflow:hidden}.sidebar-course>div:not(.course-orbit) span{border-radius:inherit;background:linear-gradient(90deg, var(--purple), var(--lime));height:100%;display:block}.sidebar-course button{color:#ffffffb3;background:0 0;border:0;margin-top:12px;padding:0;font-size:9px;font-weight:700}.sidebar-user{align-items:center;gap:10px;margin-top:17px;padding:0 5px;display:flex}.user-avatar,.topbar-avatar{width:33px;height:33px;color:var(--ink);background:linear-gradient(135deg,#e9d9ff,#c4b2ff);border:0;border-radius:11px;flex:none;place-items:center;font-size:10px;font-weight:800;display:grid;position:relative}.user-avatar i{background:var(--mint);border:2px solid #171522;border-radius:50%;width:8px;height:8px;position:absolute;bottom:-1px;right:-2px}.sidebar-user>div{flex:1;min-width:0}.sidebar-user strong,.sidebar-user div span{align-items:center;display:flex}.sidebar-user strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.sidebar-user div span{color:#fff6;gap:4px;margin-top:3px;font-size:8px}.sidebar-user div span svg{color:var(--coral)}.sidebar-user>button{color:#ffffff70;letter-spacing:.1em;background:0 0;border:0;padding:4px}.topbar{z-index:30;height:var(--topbar-h);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f6f4eee0;border-bottom:1px solid #d7d3cabd;justify-content:space-between;align-items:center;gap:24px;padding:0 42px;display:flex;position:sticky;top:0}.mobile-brand{display:none}.global-search{width:min(420px,45vw);height:40px;color:var(--muted-2);background:#ffffffb3;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:0 12px;transition:border-color .16s,background .16s;display:flex}.global-search:focus-within{background:#fff;border-color:#7857ff57}.global-search input{min-width:0;color:var(--ink);background:0 0;border:0;flex:1;font-size:11px}.global-search input::placeholder{color:#a29eaa}.global-search kbd{border:1px solid var(--line);color:var(--muted-2);font-family:var(--font-body);background:#faf9f6;border-radius:5px;padding:3px 5px;font-size:8px}.topbar-actions{align-items:center;gap:10px;display:flex}.streak-pill{color:#ab4939;background:#ffebe5;border-radius:20px;align-items:center;gap:5px;height:34px;padding:0 12px;font-size:9px;display:flex}.streak-pill svg{color:var(--coral)}.streak-pill strong{font-size:11px}.icon-button{border:1px solid var(--line);background:#ffffffb3;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.notification-button{position:relative}.notification-button span{background:var(--coral);border:1.5px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.mobile-tabbar,.mobile-scrim{display:none}.page-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px;display:flex}.page-heading h1,.today-welcome h1{font-family:var(--font-display);letter-spacing:-.045em;margin:8px 0 7px;font-size:clamp(28px,3vw,43px);font-weight:700;line-height:1.03}.page-heading>div>p:last-child,.today-welcome>div>p:last-child{max-width:700px;color:var(--muted);margin:0;font-size:12px;line-height:1.6}.section-heading-row{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.section-heading-row h2{font-family:var(--font-display);letter-spacing:-.04em;margin:5px 0 0;font-size:22px}.section-heading-row>button{color:var(--muted);background:0 0;border:0;align-items:center;gap:6px;padding:5px 0;font-size:10px;font-weight:700;display:inline-flex}.today-welcome{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:30px;display:flex}.course-hero{color:#fff;background:radial-gradient(circle at 92% 14%, color-mix(in srgb, var(--course-accent) 58%, transparent), transparent 24rem), linear-gradient(120deg, #24203a 0%, #161421 62%, #11101a 100%);border-radius:26px;grid-template-columns:minmax(0,1.18fr) minmax(310px,.82fr);min-height:430px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 48px #1f1a3221}.course-hero:before{content:"";opacity:.07;pointer-events:none;background-image:linear-gradient(#fff6 1px,#0000 1px),linear-gradient(90deg,#fff6 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.course-hero-copy{z-index:2;flex-direction:column;justify-content:center;padding:42px 38px 34px;display:flex;position:relative}.course-source{color:#ffffffb3;background:#ffffff0e;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:7px;width:fit-content;max-width:100%;margin-bottom:27px;padding:7px 9px;font-size:9px;display:flex}.course-source span{color:#ffffff57;margin-left:4px}.course-hero .eyebrow{color:var(--course-accent-2)}.course-hero-copy h2{max-width:650px;font-family:var(--font-display);letter-spacing:-.057em;margin:10px 0 12px;font-size:clamp(34px,4.5vw,62px);font-weight:700;line-height:.96}.course-summary{color:#fff9;max-width:610px;margin:0;font-size:12px;line-height:1.65}.course-facts{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.course-facts span{color:#ffffffb3;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:6px 9px;font-size:8px;display:inline-flex}.course-actions{flex-wrap:wrap;align-items:center;gap:15px;margin-top:26px;display:flex}.hero-play,.hero-plan{border:0;align-items:center;gap:10px;font-size:10px;font-weight:800;display:inline-flex}.hero-play{min-height:48px;color:var(--ink);background:var(--course-accent-2);box-shadow:0 10px 30px color-mix(in srgb, var(--course-accent-2) 20%, transparent);border-radius:13px;padding:0 16px 0 8px}.hero-play>span{background:#1715251a;border-radius:10px;place-items:center;width:33px;height:33px;display:grid}.hero-plan{color:#ffffffad;background:0 0;padding:10px 0}.course-progress-row{color:#ffffff5e;grid-template-columns:auto minmax(80px,220px) auto;align-items:center;gap:10px;margin-top:26px;font-size:8px;display:grid}.course-progress-row>div{background:#ffffff1f;border-radius:3px;height:3px;overflow:hidden}.course-progress-row>div span{background:var(--course-accent-2);height:100%;display:block}.course-progress-row strong{color:#ffffffa6}.course-hero-player{z-index:2;place-items:center;padding:28px 38px 28px 16px;display:grid;position:relative}.course-hero-player .reel-experience{width:min(100%,255px)}.hero-floating-note{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#12101dc9;border:1px solid #ffffff24;border-radius:12px;flex-direction:column;gap:3px;min-width:126px;padding:10px 12px;display:flex;position:absolute;bottom:37px;right:18px;box-shadow:0 10px 28px #00000047}.hero-floating-note span{color:var(--course-accent-2);align-items:center;gap:5px;font-size:8px;display:flex}.hero-floating-note strong{font-size:9px}.dashboard-grid{grid-template-columns:minmax(0,1.48fr) minmax(280px,.52fr);gap:24px;margin-top:26px;display:grid}.dashboard-section{border:1px solid var(--line);background:#ffffffb8;border-radius:20px;padding:25px}.format-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:20px;display:grid}.format-card{border:1px solid var(--line);text-align:left;background:#faf9f5;border-radius:15px;min-width:0;padding:10px;transition:transform .18s,box-shadow .18s,border-color .18s;overflow:hidden}.format-card:hover{border-color:#cbc5d5;transform:translateY(-3px);box-shadow:0 12px 26px #27223b17}.format-card>div:first-child{border-radius:11px;height:144px}.format-type{color:var(--muted);text-transform:uppercase;align-items:center;gap:6px;margin-top:12px;font-size:8px;font-weight:700;display:flex}.format-card h3{font-family:var(--font-display);letter-spacing:-.025em;margin:6px 0 4px;font-size:13px}.format-card>p{color:var(--muted-2);margin:0 0 3px;font-size:8px}.format-mini-reel{color:#fff;background:linear-gradient(145deg,#8062ff,#33236e);place-items:center;display:grid;position:relative;overflow:hidden}.format-mini-reel:before,.format-mini-reel:after{content:"";border:1px solid #d8ff6399;border-radius:50%;width:100px;height:100px;animation:8s linear infinite orbit-spin;position:absolute}.format-mini-reel:after{border-color:#ffffff40;width:55px;height:55px}.format-mini-reel strong{z-index:1;font-family:var(--font-display);font-size:25px}.format-mini-reel i{width:26px;height:26px;color:var(--ink);background:var(--lime);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:9px;right:9px}.format-mini-post{color:#301d24;background:#ffdfd1;flex-direction:column;justify-content:space-between;padding:15px;display:flex;position:relative}.format-mini-post:after{content:"";border:8px solid #ef6d57;border-radius:50%;width:44px;height:44px;position:absolute;top:14px;right:12px;box-shadow:15px 20px 0 -7px #ffd166}.format-mini-post>span,.format-mini-post>i{font-family:var(--font-mono);font-size:7px;font-style:normal}.format-mini-post strong{max-width:105px;font-family:var(--font-display);font-size:18px;line-height:.98}.format-mini-game{color:#18382e;background:#dcedcb;grid-template-columns:repeat(3,1fr);place-items:center;gap:7px;padding:22px;display:grid;position:relative}.format-mini-game span{color:#fff;width:48px;height:48px;font-family:var(--font-display);background:#267a5d;border-radius:16px;place-items:center;font-size:25px;display:grid;position:absolute;top:16px;transform:rotate(-5deg)}.format-mini-game i{background:#ffffff8a;border:1px solid #267a5d38;border-radius:7px;align-self:end;width:100%;height:23px;margin-top:65px}.week-section{flex-direction:column;min-width:0;display:flex}.week-section .section-heading-row>span{width:36px;height:36px;color:var(--purple);background:#ece6ff;border-radius:50%;place-items:center;font-size:10px;font-weight:800;display:grid}.week-list{flex-direction:column;gap:1px;margin:18px 0 0;padding:0;list-style:none;display:flex}.week-item{border-bottom:1px solid #ece9e3;align-items:center;gap:10px;min-width:0;padding:10px 0;display:flex}.week-index{border:1px solid var(--line);width:28px;height:28px;color:var(--muted-2);font-family:var(--font-mono);border-radius:9px;flex:none;place-items:center;font-size:8px;display:grid}.week-item.status-ready .week-index{color:#fff;border-color:var(--purple);background:var(--purple)}.week-item.status-complete .week-index{color:#1a654f;background:#daf4eb;border-color:#bde9da}.week-item>button{text-align:left;background:0 0;border:0;flex:1;min-width:0;padding:0}.week-item strong,.week-item em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.week-item strong{font-size:9px}.week-item em{color:var(--muted-2);margin-top:3px;font-size:8px;font-style:normal}.week-item>svg{color:#b1acb8;flex:none}.week-plan-link{color:var(--purple);background:0 0;border:0;align-items:center;gap:6px;margin-top:auto;padding:16px 0 1px;font-size:9px;font-weight:800;display:flex}.class-strip{border:1px solid var(--line);background:#eeecff;border-radius:19px;align-items:center;gap:22px;min-height:86px;margin-top:24px;padding:16px 22px;display:flex}.class-strip-title{align-items:center;gap:12px;display:flex}.class-strip-title>span{color:#fff;background:var(--purple);border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.class-strip h2{font-family:var(--font-display);margin:4px 0 0;font-size:14px}.class-avatars{margin-left:auto;display:flex}.class-avatars span,.class-member-stack span{color:#fff;background:var(--avatar-color,#6c62d8);border:2px solid #eeecff;border-radius:50%;place-items:center;width:31px;height:31px;margin-left:-7px;font-size:7px;font-weight:800;display:grid}.class-avatars .avatar-more{color:var(--ink);background:var(--lime)}.class-strip>p{color:var(--muted);margin:0;font-size:9px}.class-strip>p strong{color:var(--ink)}.class-strip>button{color:var(--purple-dark);background:0 0;border:0;align-items:center;gap:6px;padding:7px;font-size:9px;font-weight:800;display:flex}.reel-experience{aspect-ratio:9/16;width:min(100%,380px);color:var(--experience-ink);background:radial-gradient(circle at 72% 28%, color-mix(in srgb, var(--experience-accent-2) 54%, transparent), transparent 34%), linear-gradient(145deg, var(--experience-surface), color-mix(in srgb, var(--experience-surface) 68%, var(--experience-accent) 32%));isolation:isolate;border-radius:24px;flex-direction:column;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 26px 60px #0003}.reel-experience:before{content:"";opacity:.2;background-image:linear-gradient(color-mix(in srgb, var(--experience-ink) 15%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--experience-ink) 15%, transparent) 1px, transparent 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 55%);mask-image:linear-gradient(#000,#0000 55%)}.reel-experience.template-neon-lab{box-shadow:0 22px 55px #35d6ed2e}.reel-experience.remotion-reel,.reel-experience.remotion-reel.is-compact{color:#fff;background:#090d18;padding:0;transform:none}.reel-experience.remotion-reel:before{display:none}.remotion-reel>div{border-radius:inherit;overflow:hidden}.remotion-proof,.rendered-reel-link,.remotion-open{z-index:12;color:#ffffffc7;font-family:var(--font-mono);letter-spacing:.07em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080c14b8;border:1px solid #ffffff2e;border-radius:999px;font-size:7px;font-weight:800;position:absolute}.remotion-proof{pointer-events:none;padding:6px 8px;top:12px;right:12px}.rendered-reel-link{padding:6px 8px;text-decoration:none;top:12px;left:12px}.remotion-open{cursor:pointer;border-color:#ffffff3d;padding:7px 10px;bottom:12px;right:12px}.remotion-loading{background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--experience-accent,#51e3f3) 18%, transparent), transparent 34%), linear-gradient(160deg, #11192b, #090d18 68%);place-items:center;display:grid}.remotion-loading-frame{text-align:center;justify-items:center;width:min(76%,280px);display:grid}.remotion-loading-orbit{width:66px;height:66px;color:var(--experience-accent,#51e3f3);box-shadow:0 0 0 13px #ffffff06, 0 0 40px color-mix(in srgb, var(--experience-accent,#51e3f3) 20%, transparent);background:#ffffff0f;border:1px solid #ffffff29;border-radius:50%;place-items:center;animation:1.35s ease-in-out infinite remotion-load-pulse;display:grid}.remotion-loading-frame p{color:#ffffff80;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:28px 0 8px;font-size:8px;font-weight:800}.remotion-loading-frame h3{color:#fff;max-width:230px;margin:0;font-size:clamp(18px,2.4vw,26px);line-height:1.08}.remotion-loading-frame>i{background:#ffffff1a;border-radius:999px;width:112px;height:3px;margin-top:22px;overflow:hidden}.remotion-loading-frame>i span{border-radius:inherit;background:var(--experience-accent,#51e3f3);width:54%;height:100%;animation:1.1s ease-in-out infinite alternate remotion-load-track;display:block}.remotion-loading.is-compact .remotion-loading-orbit{width:50px;height:50px}.remotion-loading.is-compact .remotion-loading-frame p{margin-top:20px;font-size:6px}.remotion-loading.is-compact .remotion-loading-frame h3{font-size:18px}@keyframes remotion-load-pulse{50%{box-shadow:0 0 0 18px #ffffff05, 0 0 52px color-mix(in srgb, var(--experience-accent,#51e3f3) 28%, transparent);transform:scale(1.06)}}@keyframes remotion-load-track{0%{transform:translate(-35%)}to{transform:translate(120%)}}.reel-grain{z-index:5;opacity:.065;pointer-events:none;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.reel-topline{z-index:2;color:color-mix(in srgb, var(--experience-ink) 58%, transparent);font-family:var(--font-mono);letter-spacing:.08em;justify-content:space-between;align-items:center;gap:10px;font-size:7px;display:flex;position:relative}.reel-brand-chip{border:1px solid color-mix(in srgb, var(--experience-ink) 20%, transparent);border-radius:20px;padding:4px 7px}.reel-scene{z-index:2;flex-direction:column;flex:1;justify-content:flex-end;min-height:0;padding-bottom:13px;display:flex;position:relative}.reel-scene-label{color:var(--experience-accent);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px;font-size:8px;font-weight:500}.reel-scene h2{font-family:var(--font-display);letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(24px,3.3vw,42px);font-weight:750;line-height:.98;animation:.4s both reel-copy-in}.reel-scene-body{color:color-mix(in srgb, var(--experience-ink) 67%, transparent);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:9px 0 0;font-size:10px;line-height:1.5;animation:.48s 60ms both reel-copy-in;display:-webkit-box;overflow:hidden}@keyframes reel-copy-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.reel-visual{aspect-ratio:1;align-self:center;width:min(100%,250px);margin:auto 0 18px;position:relative}.generated-reel-art{object-fit:cover;border:1px solid color-mix(in srgb, var(--experience-ink) 15%, transparent);filter:saturate(.92)contrast(1.04);width:96%;height:96%;box-shadow:0 18px 35px color-mix(in srgb, var(--experience-accent) 22%, transparent);border-radius:30% 70% 63% 37%/44% 34% 66% 56%;animation:7s ease-in-out infinite alternate generated-art-float;position:absolute;inset:2%}.reel-visual.has-generated-art .visual-core{color:var(--experience-ink);background:color-mix(in srgb, var(--experience-accent-2) 88%, white);inset:35%;box-shadow:0 8px 20px #00000024}.reel-visual.has-generated-art .visual-orbit{border-color:color-mix(in srgb, var(--experience-accent-2) 72%, white);filter:drop-shadow(0 2px 5px #0003)}@keyframes generated-art-float{to{border-radius:62% 38% 35% 65%/38% 60% 40% 62%;transform:translateY(-5px)rotate(1.5deg)scale(1.015)}}.visual-core{z-index:2;color:var(--experience-surface);background:var(--experience-accent);box-shadow:0 15px 35px color-mix(in srgb, var(--experience-accent) 35%, transparent);border-radius:31% 69% 60% 40%/47% 40% 60% 53%;place-items:center;animation:5s ease-in-out infinite alternate core-morph;display:grid;position:absolute;inset:28%}.visual-core strong{font-family:var(--font-display);letter-spacing:-.05em;font-size:clamp(19px,4vw,37px)}.visual-orbit{border:1px solid color-mix(in srgb, var(--experience-accent) 48%, transparent);border-radius:50%;animation:9s linear infinite orbit-spin;position:absolute;inset:12%}.visual-orbit:after{content:"";background:var(--experience-accent-2);width:12px;height:12px;box-shadow:0 0 0 5px color-mix(in srgb, var(--experience-accent-2) 18%, transparent);border-radius:50%;position:absolute;top:8%;left:12%}.visual-orbit.orbit-two{border-style:dashed;animation-duration:12s;animation-direction:reverse;inset:2% 20%;transform:rotate(55deg)}.visual-particle{background:var(--experience-accent);border-radius:3px;width:10px;height:10px;animation:3.3s ease-in-out infinite alternate particle-float;position:absolute}.particle-one{top:20%;right:9%}.particle-two{background:var(--experience-accent-2);animation-delay:-1.1s;bottom:18%;left:12%}.particle-three{animation-delay:-2.2s;top:45%;left:2%;transform:rotate(45deg)}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes core-morph{to{border-radius:63% 37% 34% 66%/37% 63%;transform:rotate(4deg)scale(1.04)}}@keyframes particle-float{to{transform:translate(8px,-10px)rotate(30deg)}}.reel-caption{z-index:2;border-top:1px solid color-mix(in srgb, var(--experience-ink) 14%, transparent);min-height:38px;color:color-mix(in srgb, var(--experience-ink) 48%, transparent);padding-top:10px;font-size:9px;font-weight:650;line-height:1.45;position:relative}.caption-active{color:var(--experience-ink);background:linear-gradient(transparent 58%, color-mix(in srgb, var(--experience-accent-2) 65%, transparent) 58%)}.reel-controls{z-index:6;align-items:center;gap:8px;margin-top:11px;display:flex;position:relative}.reel-controls>button:not(.reel-expand){border:1px solid color-mix(in srgb, var(--experience-ink) 18%, transparent);width:28px;height:28px;color:var(--experience-ink);background:color-mix(in srgb, var(--experience-surface) 72%, transparent);border-radius:50%;flex:none;place-items:center;display:grid}.reel-controls>button:disabled{opacity:.38;cursor:not-allowed}.reel-timeline{background:color-mix(in srgb, var(--experience-ink) 14%, transparent);border-radius:3px;flex:1;height:3px;overflow:hidden}.reel-timeline span{border-radius:inherit;background:var(--experience-accent);height:100%;display:block}.reel-controls time{color:color-mix(in srgb, var(--experience-ink) 58%, transparent);font-family:var(--font-mono);font-size:7px}.reel-expand{color:var(--experience-surface);background:var(--experience-ink);border:0;border-radius:6px;padding:5px 7px;font-size:7px;font-weight:700}.reel-experience.is-compact{border-radius:20px;width:255px;padding:14px;transform:rotate(2.5deg);box-shadow:0 22px 40px #0000004d}.reel-experience.is-compact .reel-topline,.reel-experience.is-compact .reel-scene-label,.reel-experience.is-compact .reel-caption{font-size:6px}.reel-experience.is-compact .reel-scene h2{font-size:20px}.reel-experience.is-compact .reel-scene-body{-webkit-line-clamp:2;font-size:7px}.reel-experience.is-compact .reel-visual{width:145px;margin-bottom:8px}.reel-experience.is-compact .reel-caption{min-height:28px;padding-top:7px}.reel-experience.is-compact .reel-controls{margin-top:6px}.reel-experience.is-compact .reel-controls>button:not(.reel-expand){width:24px;height:24px}.post-experience{width:min(100%,600px)}.post-paper{aspect-ratio:4/5;width:100%;color:var(--experience-ink);background:var(--experience-surface);border-radius:20px;flex-direction:column;padding:clamp(20px,4vw,38px);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #15122329}.post-paper:before{content:"";opacity:.18;background-image:linear-gradient(color-mix(in srgb, var(--experience-ink) 20%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--experience-ink) 20%, transparent) 1px, transparent 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(135deg,#000,#0000 62%);mask-image:linear-gradient(135deg,#000,#0000 62%)}.post-paper>*{z-index:1;position:relative}.post-paper header,.post-paper footer{font-family:var(--font-mono);letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:clamp(7px,1.2vw,9px);display:flex}.post-art{height:42%;margin:7% 0 2%;position:relative}.generated-post-art{object-fit:cover;filter:saturate(.88)contrast(1.04);width:100%;height:100%;box-shadow:0 14px 30px color-mix(in srgb, var(--experience-accent) 18%, transparent);border-radius:18px 42px;position:absolute;inset:0}.post-art.has-generated-art .post-art-disc{opacity:.88;mix-blend-mode:screen;border-width:clamp(8px,2vw,17px);width:28%;top:8%;left:8%}.post-art.has-generated-art .post-art-grid{opacity:.7}.post-art.has-generated-art>strong{color:#fff;background:color-mix(in srgb, var(--experience-ink) 72%, transparent);text-shadow:0 2px 12px #00000042;border-radius:10px;padding:.06em .14em}.post-art-disc{aspect-ratio:1;border:clamp(14px, 3vw, 28px) solid var(--experience-accent);width:42%;box-shadow:48px 50px 0 -24px var(--experience-accent-2);border-radius:50%;animation:4s ease-in-out infinite alternate post-disc-float;position:absolute;top:5%;left:24%}.post-art-grid{background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--experience-ink) 35%, transparent) 0 1px, transparent 1px 7px);border-radius:50%;width:34%;height:48%;position:absolute;bottom:4%;right:7%}.post-art strong{font-family:var(--font-display);letter-spacing:-.08em;font-size:clamp(42px,10vw,88px);font-weight:800;position:absolute;top:18%;left:5%}@keyframes post-disc-float{to{transform:translateY(-10px)rotate(8deg)}}.post-kicker{color:var(--experience-accent);font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;margin:auto 0 8px;font-size:clamp(8px,1.2vw,10px)}.post-paper h2{font-family:var(--font-display);letter-spacing:-.057em;text-wrap:balance;margin:0;font-size:clamp(30px,5.7vw,57px);line-height:.98}.post-body-copy{color:color-mix(in srgb, var(--experience-ink) 70%, transparent);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:12px 0 22px;font-size:clamp(10px,1.6vw,14px);line-height:1.55;display:-webkit-box;overflow:hidden}.post-pagination{justify-content:center;align-items:center;gap:18px;margin-top:18px;display:flex}.post-pagination>button{border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.post-pagination>button:disabled{opacity:.35}.post-dots{gap:6px;display:flex}.post-dots button{background:#ccc8d1;border:0;border-radius:7px;width:7px;height:7px;padding:0;transition:width .16s,background .16s}.post-dots button.is-active{background:var(--experience-accent);width:23px}.playable-experience{background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--experience-accent-2) 20%, transparent), transparent 20rem), white;border:1px solid #dfdbe8;border-radius:24px;width:min(100%,760px);padding:clamp(24px,4vw,42px);box-shadow:0 24px 60px #1512231f}.playable-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.playable-header p{color:var(--experience-accent);font-family:var(--font-mono);letter-spacing:.1em;margin:0;font-size:9px}.playable-header h2{font-family:var(--font-display);letter-spacing:-.05em;margin:7px 0 0;font-size:clamp(27px,4vw,42px)}.playable-score{color:#4c6118;background:var(--experience-accent-2);font-family:var(--font-mono);border-radius:20px;flex:none;padding:8px 11px;font-size:9px}.playable-progress{background:#eeebf1;border-radius:5px;height:5px;margin-top:24px;overflow:hidden}.playable-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--experience-accent), var(--experience-accent-2));height:100%;transition:width .35s;display:block}.playable-question{font-family:var(--font-display);margin:28px 0 21px;font-size:clamp(19px,3vw,27px);font-weight:650;line-height:1.2}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.answer-grid button{text-align:left;background:#fbfafc;border:1px solid #dedbe5;border-radius:12px;align-items:center;gap:11px;min-height:58px;padding:10px 12px;font-size:10px;font-weight:650;transition:transform .15s,border-color .15s,background .15s;display:flex}.answer-grid button:not(:disabled):hover{border-color:var(--experience-accent);background:color-mix(in srgb, var(--experience-accent) 5%, white);transform:translateY(-1px)}.answer-grid button>span{width:27px;height:27px;color:var(--muted);font-family:var(--font-mono);background:#eeebf1;border-radius:8px;flex:none;place-items:center;font-size:9px;display:grid}.answer-grid button svg{margin-left:auto}.answer-grid button.is-correct{color:#195c48;background:#e6f7f1;border-color:#77cdb2}.answer-grid button.is-correct>span{color:#fff;background:var(--mint)}.answer-grid button.is-wrong{color:#8c3040;background:#fff0f2;border-color:#e7a8b2}.answer-feedback{background:#e9f7f2;border-radius:13px;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:15px 17px;animation:.26s both feedback-in;display:flex}.answer-feedback.is-wrong{background:#fff0f2}@keyframes feedback-in{0%{opacity:0;transform:translateY(6px)}}.answer-feedback strong{font-family:var(--font-display);font-size:13px;display:block}.answer-feedback p{color:var(--muted);margin:4px 0 0;font-size:9px;line-height:1.5}.answer-feedback button{background:#fff9;border:1px solid #17152524;border-radius:9px;flex:none;align-items:center;gap:6px;padding:8px 10px;font-size:8px;font-weight:700;display:inline-flex}.theater-backdrop{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d0c14bd;place-items:center;padding:24px;animation:.22s both backdrop-in;display:grid;position:fixed;inset:0;overflow:auto}@keyframes backdrop-in{0%{opacity:0}}.content-theater{background:#f6f4ee;border:1px solid #ffffff1a;border-radius:24px;width:min(100%,940px);max-height:calc(100vh - 48px);padding:18px;animation:.3s cubic-bezier(.2,.8,.2,1) both theater-in;overflow:auto;box-shadow:0 35px 100px #00000061}@keyframes theater-in{0%{opacity:0;transform:translateY(14px)scale(.98)}}.theater-header{justify-content:space-between;align-items:center;gap:20px;padding:3px 3px 14px;display:flex}.theater-header p{color:var(--muted);margin:0;font-size:8px}.theater-header h2{font-family:var(--font-display);letter-spacing:-.03em;margin:3px 0 0;font-size:17px}.theater-actions{gap:6px;display:flex}.theater-actions button{border:1px solid var(--line);background:#fff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.format-switcher{border:1px solid var(--line);background:#fff;border-radius:12px;gap:4px;width:fit-content;margin:0 auto 13px;padding:4px;display:flex}.format-switcher button{min-width:75px;color:var(--muted);background:0 0;border:0;border-radius:8px;padding:8px 11px;font-size:9px;font-weight:700}.format-switcher button.is-active{color:#fff;background:var(--ink)}.source-drawer{border:1px solid var(--line);background:#fff;border-radius:11px;width:min(100%,660px);margin:0 auto 12px}.source-drawer summary{min-height:39px;color:var(--muted);cursor:pointer;align-items:center;gap:7px;padding:0 11px;font-size:8px;list-style:none;display:flex}.source-drawer summary::-webkit-details-marker{display:none}.source-drawer summary>svg:first-child{color:var(--mint)}.source-drawer summary strong{color:#34715d}.source-drawer summary span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.source-drawer summary>svg:last-child{transition:transform .16s}.source-drawer[open] summary>svg:last-child{transform:rotate(90deg)}.source-drawer>div{border-top:1px solid var(--line);padding:11px}.source-drawer>div p{color:var(--ink-soft);margin:0;font-size:8px;line-height:1.5}.source-drawer>div span{color:var(--muted-2);margin-top:4px;font-size:7px;line-height:1.45;display:block}.source-drawer>div em{color:#84662e;background:#fff7df;border-radius:7px;margin-top:6px;padding:6px 7px;font-size:7px;font-style:normal;line-height:1.4;display:block}.research-source-list{gap:5px;margin:9px 0 0;padding:0;list-style:none;display:grid}.research-source-list a{color:#315c98;background:#f2f6ff;border-radius:7px;align-items:center;gap:5px;min-width:0;padding:6px 7px;font-size:7px;line-height:1.35;text-decoration:none;display:flex}.research-source-list a:hover{color:#173d75;background:#e7efff}.research-source-list a svg{flex:none}.theater-stage{background:radial-gradient(circle at 50% 10%,#7857ff2b,#0000 29rem),#191622;border-radius:18px;place-items:center;min-height:640px;padding:24px;display:grid;overflow:hidden}.theater-post{background:#eae7e0}.theater-playable{background:#ece9f2}.create-heading{align-items:center}.create-heading h1{max-width:850px}.local-badge{color:#39705f;background:#f1faf7;border:1px solid #cfe5dd;border-radius:20px;flex:none;align-items:center;gap:7px;padding:8px 11px;font-size:8px;font-weight:700;display:inline-flex}.local-badge>span{background:var(--mint);border-radius:50%;width:6px;height:6px}.local-badge.is-connected{color:#4d3aa5;background:#f2efff;border-color:#d6ccff}.local-badge.is-connected svg{color:var(--purple)}.studio-layout{scroll-margin-top:calc(var(--topbar-h) + 12px);grid-template-columns:170px minmax(440px,1fr) 240px;align-items:stretch;gap:18px;display:grid}.studio-steps,.studio-preview,.studio-card{border:1px solid var(--line);background:#ffffffc2;border-radius:20px;min-width:0}.studio-steps{flex-direction:column;padding:14px 11px;display:flex}.studio-steps>button{width:100%;color:var(--muted-2);text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:10px;padding:10px 9px;display:flex;position:relative}.studio-steps>button.is-active{color:var(--ink);background:#f0ecff}.studio-steps>button.is-complete{color:var(--muted)}.step-number{width:26px;height:26px;color:var(--muted-2);font-family:var(--font-mono);border:1px solid #d7d3dd;border-radius:8px;flex:none;place-items:center;font-size:8px;display:grid}.studio-steps button.is-active .step-number{color:#fff;border-color:var(--purple);background:var(--purple)}.studio-steps button.is-complete .step-number{color:#21674f;background:#dbf5ec;border-color:#b8e7d8}.studio-steps button strong,.studio-steps button em{display:block}.studio-steps button strong{font-size:9px}.studio-steps button em{color:var(--muted-2);margin-top:2px;font-size:7px;font-style:normal}.studio-promise{color:#4f3da0;background:#efebff;border-radius:12px;margin-top:auto;padding:12px}.studio-promise p{color:#716a8f;margin:7px 0 0;font-size:8px;line-height:1.5}.studio-promise strong{color:#403275}.studio-card{background:#fff;flex-direction:column;min-height:650px;display:flex;overflow:hidden}.studio-step-panel{flex:1;padding:34px 36px 20px;animation:.3s both studio-step-in}@keyframes studio-step-in{0%{opacity:0;transform:translate(7px)}}.step-heading>span{color:var(--purple);font-family:var(--font-mono);letter-spacing:.12em;font-size:8px}.step-heading h2{font-family:var(--font-display);letter-spacing:-.05em;margin:8px 0 7px;font-size:clamp(24px,3vw,35px)}.step-heading p{color:var(--muted);margin:0;font-size:10px;line-height:1.6}.source-dropzone{width:100%;min-height:190px;color:var(--ink);background:linear-gradient(135deg,#7857ff09,#d8ff6312),#fbfaff;border:1.5px dashed #cfc9da;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;margin-top:27px;transition:border-color .17s,background .17s,transform .17s;display:flex}.source-dropzone:hover,.source-dropzone.is-dragging{border-color:var(--purple);background:#f5f1ff;transform:translateY(-2px)}.dropzone-icon{width:54px;height:54px;color:var(--purple);background:#ebe5ff;border-radius:17px;place-items:center;margin-bottom:6px;display:grid}.source-dropzone strong{font-family:var(--font-display);font-size:15px}.source-dropzone p{color:var(--muted-2);margin:0;font-size:8px}.mini-loader{border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite loader-spin;display:inline-block}@keyframes loader-spin{to{transform:rotate(360deg)}}.field-error{color:var(--danger);margin:7px 0 0;font-size:8px}.source-divider{color:var(--muted-2);font-family:var(--font-mono);align-items:center;gap:10px;margin:17px 0;font-size:7px;display:flex}.source-divider:before,.source-divider:after{content:"";background:var(--line);flex:1;height:1px}.paste-field>span,.form-field>span,.output-picker legend{color:var(--ink-soft);margin-bottom:7px;font-size:9px;font-weight:750;display:block}.paste-field>span{justify-content:space-between;align-items:center;display:flex}.paste-field>span small{color:var(--muted-2);font-family:var(--font-mono);font-size:7px;font-weight:400}.paste-field textarea{resize:vertical;border:1px solid var(--line);width:100%;height:82px;color:var(--ink);background:#fbfaf8;border-radius:11px;padding:11px;font-size:9px;line-height:1.55}.paste-field textarea:focus{background:#fff;border-color:#7857ff8c}.paste-field>small{color:var(--muted-2);margin-top:6px;font-size:8px;line-height:1.4;display:block}.paste-field>small.needs-more{color:#9c6039}.source-options{justify-content:space-between;align-items:center;gap:15px;margin-top:10px;display:flex}.text-button,.sample-button{background:0 0;border:0;align-items:center;gap:6px;padding:6px 0;font-size:8px;font-weight:800;display:inline-flex}.text-button{color:var(--purple)}.text-button:disabled{color:var(--muted-2)}.sample-button{color:var(--muted)}.source-ready{background:linear-gradient(135deg,#f7f4ff,#fbfcf3);border:1px solid #d6d0e4;border-radius:17px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:32px;padding:23px;display:grid;position:relative;overflow:hidden}.source-file-icon{color:#fff;background:var(--purple);border-radius:10px 10px 14px;place-items:center;width:51px;height:58px;display:grid;box-shadow:7px 7px #d9ff63}.source-ready>div:nth-child(2) span{color:var(--mint);font-family:var(--font-mono);text-transform:uppercase;font-size:8px}.source-ready h3{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;margin:4px 0;font-size:15px;overflow:hidden}.source-ready>div:nth-child(2) p{color:var(--muted);margin:0;font-size:8px}.source-ready>button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 9px;font-size:8px;font-weight:700}.source-scan{background:#e7e2ee;border-radius:4px;grid-column:1/-1;height:4px;overflow:hidden}.source-scan span{background:linear-gradient(90deg, var(--purple), var(--mint), var(--lime));width:100%;height:100%;display:block}.source-insight{color:#615a70;grid-column:1/-1;align-items:center;gap:7px;margin:0;font-size:8px;line-height:1.5;display:flex}.source-insight svg{color:var(--purple);flex:none}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:26px;display:grid}.field-wide{grid-column:1/-1}.form-field input,.form-field select{border:1px solid var(--line);width:100%;height:43px;color:var(--ink);background:#fbfaf8;border-radius:10px;padding:0 11px;font-size:9px}.form-field input:focus,.form-field select:focus{background:#fff;border-color:#7857ff80}.range-field{border:1px solid var(--line);background:#fbfaf8;border-radius:12px;padding:13px}.range-field>span{justify-content:space-between;align-items:center;display:flex}.range-field>span strong{color:var(--purple);font-size:9px}.range-field input{height:14px;accent-color:var(--purple);padding:0}.range-field small{color:var(--muted-2);justify-content:space-between;margin-top:3px;font-size:7px;display:flex}.arc-capacity-preview{color:#ede9ff;background:linear-gradient(135deg,#28203f,#171421);border-radius:10px;align-items:center;gap:11px;margin-top:11px;padding:10px 11px;display:flex}.arc-capacity-preview>strong{min-width:38px;color:var(--lime);font-family:var(--font-display);text-align:center;font-size:28px;line-height:1}.arc-capacity-preview p,.arc-capacity-preview b,.arc-capacity-preview span{margin:0;display:block}.arc-capacity-preview b{font-size:9px}.arc-capacity-preview span{color:#ffffff8c;margin-top:3px;font-size:7px;font-weight:500;line-height:1.45}.output-picker{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:22px 0 0;padding:0;display:grid}.output-picker legend{grid-column:1/-1;width:100%}.output-picker>button{border:1px solid var(--line);text-align:left;background:#fbfaf8;border-radius:12px;min-width:0;padding:13px;position:relative}.output-picker>button.is-selected{background:#f4f1ff;border-color:#b9abf5;box-shadow:inset 0 0 0 1px #d5cbff}.output-icon{width:35px;height:35px;color:var(--purple);background:#ece7ff;border-radius:10px;place-items:center;display:grid}.output-picker button>span:nth-child(2) strong,.output-picker button>span:nth-child(2) em{display:block}.output-picker button>span:nth-child(2) strong{margin-top:10px;font-size:9px}.output-picker button>span:nth-child(2) em{color:var(--muted-2);margin-top:3px;font-size:7px;font-style:normal;line-height:1.4}.output-check{border:1px solid var(--line);color:#fff;background:#fff;border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:10px;right:10px}.is-selected .output-check{border-color:var(--purple);background:var(--purple)}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:24px;display:grid}.template-option{border:1px solid var(--line);text-align:left;background:#fbfaf8;border-radius:14px;grid-template-columns:112px minmax(0,1fr);gap:13px;min-width:0;padding:9px;transition:transform .17s,border-color .17s,box-shadow .17s;display:grid}.template-option:hover{transform:translateY(-2px)}.template-option.is-selected{border-color:var(--template-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--template-accent) 16%, transparent)}.template-preview{min-height:133px;color:var(--template-ink);background:var(--template-surface);border-radius:10px;flex-direction:column;justify-content:flex-end;padding:10px;display:flex;position:relative;overflow:hidden}.template-preview:before{content:"";opacity:.15;background-image:linear-gradient(var(--template-ink) 1px, transparent 1px), linear-gradient(90deg, var(--template-ink) 1px, transparent 1px);background-size:18px 18px;position:absolute;inset:0}.template-orbit{border:8px solid var(--template-accent);border-radius:50%;width:55px;height:55px;position:absolute;top:16px;left:27px}.template-block{background:var(--template-accent-2);border-radius:8px;width:31px;height:31px;position:absolute;top:52px;right:13px;transform:rotate(15deg)}.template-preview strong,.template-preview em{z-index:1;display:block;position:relative}.template-preview strong{font-family:var(--font-display);letter-spacing:-.05em;font-size:25px}.template-preview em{font-family:var(--font-mono);margin-top:2px;font-size:5px;font-style:normal}.template-copy{align-self:center}.template-copy>span{justify-content:space-between;align-items:center;gap:8px;display:flex}.template-copy>span strong{font-family:var(--font-display);font-size:13px}.template-copy>span svg{color:var(--template-accent)}.template-copy>em{color:var(--template-accent);font-family:var(--font-mono);text-transform:uppercase;margin-top:4px;font-size:6px;font-style:normal;display:block}.template-copy p{color:var(--muted);margin:9px 0 0;font-size:7px;line-height:1.55}.review-hero{color:#fff;background:linear-gradient(135deg, color-mix(in srgb, var(--review-accent) 85%, #171525), #171525);border-radius:15px;justify-content:space-between;align-items:flex-end;gap:20px;min-height:128px;margin-top:25px;padding:20px;display:flex;position:relative;overflow:hidden}.review-hero:after{content:"";border:27px solid var(--review-accent-2);opacity:.8;border-radius:50%;width:145px;height:145px;position:absolute;top:-55px;right:8%}.review-hero>*{z-index:1;position:relative}.review-hero span,.review-hero p{font-size:7px}.review-hero span{color:var(--review-accent-2);font-family:var(--font-mono);text-transform:uppercase}.review-hero h3{max-width:330px;font-family:var(--font-display);margin:6px 0 3px;font-size:23px;line-height:1}.review-hero p{color:#ffffff8c;margin:0}.review-hero>strong{font-family:var(--font-display);flex-direction:column;align-items:flex-end;font-size:33px;display:flex}.review-hero>strong small{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:7px;font-weight:400}.review-list{border:1px solid var(--line);border-radius:13px;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:15px 0 0;display:grid;overflow:hidden}.review-list>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;padding:12px}.review-list>div:nth-child(2n){border-right:0}.review-list>div:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.review-list>.review-arc-row{border-bottom:0;border-right:0;grid-column:1/-1}.review-list dt{color:var(--muted-2);font-size:7px}.review-list dd{text-overflow:ellipsis;margin:4px 0 0;font-size:8px;font-weight:700;line-height:1.4;overflow:hidden}.truth-note{color:#6148c9;background:#f1edff;border-radius:11px;align-items:flex-start;gap:10px;margin-top:14px;padding:11px 12px;display:flex}.truth-note p,.truth-note strong,.truth-note span{margin:0;display:block}.truth-note strong{font-size:8px}.truth-note span{color:#756d8d;margin-top:2px;font-size:7px;line-height:1.5}.generation-error{color:#a23d4e;background:#fff2f4;border:1px solid #f0c2ca;border-radius:11px;align-items:flex-start;gap:10px;margin-top:12px;padding:12px;display:flex}.generation-error>svg{flex:none}.generation-error strong,.generation-error p,.generation-error small{display:block}.generation-error strong{font-family:var(--font-mono);text-transform:uppercase;font-size:7px}.generation-error p{color:#765760;margin:4px 0 0;font-size:8px;line-height:1.5}.generation-error small{color:#a5868e;margin-top:4px;font-size:6px}.studio-footer{border-top:1px solid var(--line);background:#fcfbf8;justify-content:space-between;align-items:center;gap:15px;padding:14px 36px;display:flex}.studio-footer .button-primary,.studio-footer .button-secondary{min-height:40px;font-size:9px}.studio-footer-actions{align-items:center;gap:8px;display:flex}.studio-footer .local-fallback-button{color:var(--muted)}.studio-footer .build-button{color:var(--ink);background:var(--lime);box-shadow:0 8px 20px #add33e33}.generation-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:650px;padding:38px;display:flex}.generation-mark{background:conic-gradient(var(--purple) var(--generation-progress), #e9e5ef 0);border-radius:50%;place-items:center;width:92px;height:92px;display:grid;position:relative}.generation-mark:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:6px}.generation-mark>span{z-index:1;color:#fff;background:var(--purple);border-radius:18px;place-items:center;width:55px;height:55px;animation:1.8s ease-in-out infinite generation-pulse;display:grid;position:relative}@keyframes generation-pulse{50%{transform:scale(1.06)rotate(3deg);box-shadow:0 12px 30px #7857ff42}}.generation-panel>.eyebrow{color:var(--purple);margin-top:25px}.generation-panel h2{font-family:var(--font-display);letter-spacing:-.045em;margin:9px 0 5px;font-size:27px}.generation-panel>p:not(.eyebrow){color:var(--muted);margin:0;font-size:9px}.generation-provider{color:#625a77;font-family:var(--font-mono);background:#f7f4ff;border:1px solid #ded8f2;border-radius:20px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:13px;padding:6px 10px;font-size:6px;display:flex}.generation-provider svg{color:var(--purple)}.generation-provider i{background:#beb6d3;border-radius:50%;width:3px;height:3px}.generation-progress{background:#e9e5ef;border-radius:5px;width:min(100%,350px);height:5px;margin-top:24px;overflow:hidden}.generation-progress span{background:linear-gradient(90deg, var(--purple), var(--mint));height:100%;transition:width .36s;display:block}.generation-panel ul{text-align:left;flex-direction:column;gap:5px;width:min(100%,360px);margin:22px 0 0;padding:0;list-style:none;display:flex}.generation-panel li{color:var(--muted-2);border-radius:8px;align-items:center;gap:9px;padding:7px 9px;font-size:8px;display:flex}.generation-panel li>span{border:1px solid var(--line);width:22px;height:22px;font-family:var(--font-mono);border-radius:50%;place-items:center;font-size:7px;display:grid}.generation-panel li.is-active{color:var(--ink);background:#f2effa;font-weight:700}.generation-panel li.is-active>span{color:#fff;border-color:var(--purple);background:var(--purple)}.generation-panel li.is-done{color:#3b7b66}.generation-panel li.is-done>span{background:#dcf4ec;border-color:#bde6d8}.generation-panel li.is-warning{color:#956a1e;background:#fff8e2}.generation-panel li.is-warning>span{color:#8a641d;background:#fff0b9;border-color:#efd48c}.generation-warning{background:#fff7df;border-radius:8px;width:min(100%,360px);padding:8px 10px;line-height:1.45;color:#7c602c!important;margin:12px 0 0!important;font-size:7px!important}.generation-panel>small{color:var(--muted-2);margin-top:19px;font-size:7px}.studio-preview{background:#efede8;flex-direction:column;align-items:center;padding:16px;display:flex}.preview-label{width:100%;font-family:var(--font-mono);justify-content:space-between;align-items:center;font-size:7px;display:flex}.preview-label span{color:var(--muted)}.preview-label em{color:var(--preview-accent);font-style:normal}.preview-phone{aspect-ratio:9/16;width:min(100%,190px);color:var(--preview-ink);background:radial-gradient(circle at 70% 20%, color-mix(in srgb, var(--preview-accent-2) 50%, transparent), transparent 31%), var(--preview-surface);border:7px solid #191722;border-radius:28px;flex-direction:column;margin:auto 0;padding:17px 13px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 42px #221e2f33}.preview-phone:before{content:"";background:#17151f;border-radius:4px;width:40px;height:4px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.preview-phone-top{font-family:var(--font-mono);justify-content:space-between;font-size:5px;display:flex}.preview-motion{align-self:center;place-items:center;width:130px;height:130px;margin:18px 0 auto;display:grid;position:relative}.preview-ring{border:10px solid var(--preview-accent);border-radius:50%;animation:10s linear infinite orbit-spin;position:absolute;inset:12px}.preview-ring:after{content:"";background:var(--preview-accent-2);border-radius:4px;width:12px;height:12px;position:absolute;top:-14px;left:31px}.preview-ring.second{border-style:dashed;border-width:1px;animation-direction:reverse;inset:30px 7px;transform:rotate(50deg)}.preview-motion strong{z-index:1;font-family:var(--font-display);letter-spacing:-.08em;font-size:38px}.preview-phone>p{color:var(--preview-accent);font-family:var(--font-mono);letter-spacing:.08em;margin:0 0 5px;font-size:5px}.preview-phone>h3{font-family:var(--font-display);letter-spacing:-.05em;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:18px;line-height:1;display:-webkit-box;overflow:hidden}.preview-caption{color:color-mix(in srgb, var(--preview-ink) 55%, transparent);margin-top:8px;font-size:5px;line-height:1.5}.preview-caption span{color:var(--preview-ink);background:linear-gradient(transparent 55%, var(--preview-accent-2) 55%)}.preview-track{background:color-mix(in srgb, var(--preview-ink) 15%, transparent);height:2px;margin-top:10px}.preview-track span{background:var(--preview-accent);width:40%;height:100%;display:block}.preview-note{color:var(--muted);align-items:center;gap:6px;margin:0;font-size:7px;display:flex}.exam-card{border:1px solid var(--line);background:#fff;border-radius:13px;flex-direction:column;min-width:180px;padding:12px 15px;display:flex}.exam-card span,.exam-card em{color:var(--muted);font-size:7px;font-style:normal}.exam-card strong{font-family:var(--font-display);margin:3px 0;font-size:14px}.plan-overview{color:#fff;background:radial-gradient(circle at 85% 0,#d8ff6326,#0000 18rem),#1e1a30;border-radius:21px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:25px;padding:24px 27px;display:grid}.plan-ring{background:conic-gradient(var(--lime) var(--plan-progress), #ffffff1c 0);border-radius:50%;place-items:center;width:96px;height:96px;display:grid;position:relative}.plan-ring:after{content:"";background:#1e1a30;border-radius:50%;position:absolute;inset:7px}.plan-ring>span{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.plan-ring strong{font-family:var(--font-display);font-size:22px}.plan-ring em{color:#ffffff73;font-size:7px;font-style:normal}.plan-overview-copy .eyebrow{color:var(--lime)}.plan-overview-copy h2{font-family:var(--font-display);margin:6px 0;font-size:21px}.plan-overview-copy>p:last-child{color:#ffffff7a;max-width:520px;margin:0;font-size:9px;line-height:1.55}.plan-metrics{gap:8px;display:flex}.plan-metrics>span{background:#ffffff0a;border:1px solid #ffffff17;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;min-width:72px;height:67px;display:flex}.plan-metrics strong{font-family:var(--font-display);font-size:17px}.plan-metrics em{color:#fff6;margin-top:2px;font-size:7px;font-style:normal}.plan-content-grid{grid-template-columns:minmax(0,1fr) 260px;gap:22px;margin-top:25px;display:grid}.plan-timeline-section{border:1px solid var(--line);background:#fff;border-radius:20px;padding:25px}.plan-timeline-section .section-heading-row>button{border:1px solid var(--line);color:var(--purple);background:#f7f4ff;border-radius:9px;padding:7px 9px}.plan-timeline{margin:23px 0 0;padding:0;list-style:none}.plan-timeline>li{grid-template-columns:34px minmax(0,1fr);gap:13px;padding-bottom:13px;display:grid;position:relative}.timeline-check{z-index:2;width:31px;height:31px;color:var(--muted-2);font-family:var(--font-mono);background:#fff;border:1px solid #d6d2db;border-radius:10px;place-items:center;font-size:8px;display:grid;position:relative}.plan-timeline li.is-complete .timeline-check{color:#22684f;background:#dcf4ec;border-color:#b9e5d7}.plan-timeline li.is-current .timeline-check{color:#fff;border-color:var(--purple);background:var(--purple);box-shadow:0 0 0 5px #eee9ff}.timeline-line{background:#ded9e4;width:1px;position:absolute;top:31px;bottom:-2px;left:15px}.plan-timeline li:last-child .timeline-line{display:none}.timeline-card{border:1px solid var(--line);background:#fcfbf8;border-radius:13px;padding:15px}.plan-timeline li.is-current .timeline-card{background:#f8f6ff;border-color:#c7bbfa;box-shadow:0 8px 22px #7857ff14}.timeline-card-top,.timeline-meta{align-items:center;display:flex}.timeline-card-top{justify-content:space-between;gap:15px}.timeline-card-top span{color:var(--purple);font-family:var(--font-mono);text-transform:uppercase;font-size:7px}.timeline-card-top time{color:var(--muted-2);font-size:7px}.timeline-card h3{font-family:var(--font-display);letter-spacing:-.025em;margin:6px 0 4px;font-size:15px}.timeline-card>p{color:var(--muted);margin:0;font-size:8px;line-height:1.55}.timeline-connection{color:var(--purple);background:#f0ecff;border-radius:9px;grid-template-columns:auto 1fr;gap:2px 7px;margin:8px 0;padding:8px 9px;display:grid}.timeline-connection>svg{grid-row:1/span 2;margin-top:1px}.timeline-connection span{font-family:var(--font-mono);text-transform:uppercase;font-size:6px;font-weight:800}.timeline-connection strong{color:#615879;font-size:7px;font-weight:600;line-height:1.4}.timeline-meta{color:var(--muted-2);gap:13px;margin-top:11px;font-size:7px}.timeline-meta span{align-items:center;gap:4px;display:flex}.timeline-meta button{color:var(--purple);background:0 0;border:0;align-items:center;gap:4px;margin-left:auto;padding:5px 0;font-size:7px;font-weight:800;display:flex}.revision-rail{flex-direction:column;gap:13px;display:flex}.revision-card{color:#fff;background:radial-gradient(circle at 100% 0,#d8ff632e,#0000 12rem),#5140a3;border-radius:18px;padding:21px}.revision-icon{color:#4d3d98;background:var(--lime);border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.revision-card .eyebrow{color:#d8ff63;margin-top:25px}.revision-card h3{font-family:var(--font-display);margin:7px 0 6px;font-size:18px}.revision-card>p:last-of-type{color:#ffffff8c;margin:0;font-size:8px;line-height:1.55}.review-dates{justify-content:space-between;align-items:center;margin-top:22px;display:flex}.review-dates span{background:#ffffff12;border:1px solid #ffffff21;border-radius:11px;place-items:center;width:44px;height:50px;display:grid}.review-dates strong,.review-dates em{text-align:center;display:block}.review-dates strong{font-family:var(--font-display);font-size:14px}.review-dates em{color:#ffffff73;text-transform:uppercase;font-size:6px;font-style:normal}.review-dates i{background:#fff3;width:14px;height:1px}.source-card{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:14px;display:flex}.source-card>svg:first-child{color:var(--purple);flex:none}.source-card>div{flex:1;min-width:0}.source-card span,.source-card strong,.source-card em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.source-card span,.source-card em{color:var(--muted-2);font-size:6px;font-style:normal}.source-card strong{margin:3px 0;font-size:7px}.source-card>svg:last-child{color:var(--mint)}.plan-research-sources{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px 14px}.plan-research-sources summary{color:var(--ink-soft);cursor:pointer;justify-content:space-between;align-items:center;gap:8px;font-size:7px;font-weight:800;list-style:none;display:flex}.plan-research-sources summary::-webkit-details-marker{display:none}.plan-research-sources summary svg{transition:transform .16s}.plan-research-sources[open] summary svg{transform:rotate(90deg)}.plan-research-sources ul{gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.plan-research-sources a{color:#315c98;align-items:center;gap:6px;font-size:7px;line-height:1.35;text-decoration:none;display:flex}.plan-research-sources a:hover{text-decoration:underline}.plan-research-sources a svg{flex:none}.library-stat{flex-direction:column;align-items:flex-end;min-width:135px;display:flex}.library-stat strong{font-family:var(--font-display);font-size:32px;line-height:1}.library-stat span{color:var(--muted);margin-top:4px;font-size:8px}.library-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.library-filters{border:1px solid var(--line);background:#fff;border-radius:12px;gap:5px;padding:4px;display:flex}.library-filters button{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:8px 13px;font-size:8px;font-weight:700}.library-filters button.is-active{color:#fff;background:var(--ink)}.library-search{border:1px solid var(--line);width:min(260px,35vw);height:37px;color:var(--muted-2);background:#fff;border-radius:11px;align-items:center;gap:8px;padding:0 10px;display:flex}.library-search input{background:0 0;border:0;flex:1;min-width:0;font-size:8px}.featured-library{color:#fff;background:radial-gradient(circle at 20% 30%,#7857ff4a,#0000 25rem),#1d192d;border-radius:22px;grid-template-columns:250px minmax(0,1fr);align-items:center;gap:clamp(25px,5vw,75px);min-height:375px;padding:29px clamp(29px,6vw,70px);display:grid;overflow:hidden}.featured-post{transform-origin:50%;height:310px;overflow:hidden;transform:rotate(-3deg)}.featured-post .post-experience{width:250px}.featured-post .post-pagination{display:none}.featured-post .post-paper{border-radius:15px;padding:18px}.featured-post .post-paper h2{font-size:25px}.featured-post .post-body-copy{margin:7px 0 11px;font-size:8px}.featured-copy .eyebrow{color:var(--lime)}.featured-copy h2{max-width:600px;font-family:var(--font-display);letter-spacing:-.055em;margin:10px 0 9px;font-size:clamp(28px,4vw,45px);line-height:.98}.featured-copy>p:not(.eyebrow){color:#ffffff8c;max-width:570px;margin:0;font-size:10px;line-height:1.65}.featured-chips{flex-wrap:wrap;gap:7px;margin-top:19px;display:flex}.featured-chips span{color:#ffffffa6;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:5px;padding:6px 9px;font-size:7px;display:flex}.featured-copy .button-primary{color:var(--ink);background:var(--lime);box-shadow:none;margin-top:23px}.library-grid-section{margin-top:30px}.library-grid-section .section-heading-row>span{color:var(--muted);font-size:8px}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:17px;display:grid}.library-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:15px;min-width:0;padding:0;transition:transform .18s,box-shadow .18s;overflow:hidden}.library-card:hover{transform:translateY(-3px);box-shadow:0 13px 28px #201c2f17}.library-art{height:160px;color:var(--library-ink);background:var(--library-surface);place-items:center;display:grid;position:relative;overflow:hidden}.library-art:before{content:"";opacity:.12;background-image:linear-gradient(var(--library-ink) 1px, transparent 1px), linear-gradient(90deg, var(--library-ink) 1px, transparent 1px);background-size:23px 23px;position:absolute;inset:0}.library-art>span{z-index:2;width:62px;height:62px;color:var(--library-surface);background:var(--library-accent);font-family:var(--font-display);box-shadow:19px 17px 0 -9px var(--library-accent-2);border-radius:20px;place-items:center;font-size:26px;display:grid;position:relative}.library-art i{border:1px solid var(--library-accent);border-radius:50%;width:105px;height:105px;position:absolute}.library-art i:last-child{border-style:dashed;width:145px;height:65px;transform:rotate(35deg)}.library-card-copy{padding:14px}.format-pill{color:color-mix(in srgb, var(--library-accent) 75%, #171525);background:color-mix(in srgb, var(--library-accent) 10%, white);font-family:var(--font-mono);text-transform:uppercase;border-radius:20px;padding:4px 7px;font-size:6px;display:inline-flex}.library-card h3{font-family:var(--font-display);letter-spacing:-.02em;margin:7px 0 3px;font-size:13px}.library-card-copy>p{color:var(--muted);margin:0;font-size:7px}.library-card-copy>div{border-top:1px solid var(--line);color:var(--muted-2);justify-content:space-between;margin-top:13px;padding-top:9px;font-size:6px;display:flex}.classroom-hero{color:#fff;background:radial-gradient(circle at 72% 12%,#d8ff6326,#0000 20rem),linear-gradient(135deg,#513ea8,#221b43);border-radius:22px;justify-content:space-between;align-items:center;gap:30px;min-height:210px;padding:31px 38px;display:flex;position:relative;overflow:hidden}.classroom-hero:after{content:"";border:1px dashed #fff3;border-radius:50%;width:310px;height:310px;position:absolute;top:-110px;right:20%}.classroom-hero>*{z-index:1;position:relative}.classroom-hero .eyebrow{color:var(--lime)}.classroom-hero h1{font-family:var(--font-display);letter-spacing:-.055em;margin:8px 0 5px;font-size:clamp(31px,4vw,48px)}.classroom-hero>div:first-child>p:not(.eyebrow){color:#fff9;max-width:680px;margin:0;font-size:12px;line-height:1.55}.class-member-stack{margin:17px 0 0 7px;display:flex}.class-member-stack span{border-color:#43358b}.class-member-stack span:last-child{color:var(--ink);background:var(--lime)}.class-week-score{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff12;border:1px solid #ffffff1f;border-radius:17px;flex-direction:column;min-width:190px;padding:20px;display:flex}.class-week-score span{color:var(--lime);font-family:var(--font-mono);align-items:center;gap:6px;font-size:9px;display:flex}.class-week-score strong{font-family:var(--font-display);margin-top:8px;font-size:27px}.class-week-score em{color:#ffffff7a;font-size:9px;font-style:normal}.class-demo-reset{color:#ffffffb8;background:#ffffff0f;border:1px solid #ffffff26;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:34px;margin-top:14px;font-size:10px;font-weight:700;display:flex}.classroom-grid{grid-template-columns:minmax(0,1fr) 315px;gap:22px;margin-top:23px;display:grid}.classroom-grid main,.classroom-grid aside{flex-direction:column;gap:16px;min-width:0;display:flex}.class-section-card,.study-match-card,.privacy-card{border:1px solid var(--line);background:#fff;border-radius:18px}.class-section-card{padding:23px}.classroom-view .section-heading-row h2{font-size:20px}.active-now{color:#33725d;align-items:center;gap:7px;font-size:11px;display:flex}.active-now i{background:var(--mint);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #e1f6ef}.activity-list{margin:16px 0 0;padding:0;list-style:none}.activity-list li{border-bottom:1px solid #eeebe5;align-items:center;gap:12px;padding:12px 0;display:flex}.activity-avatar{color:#fff;background:var(--avatar-color);border-radius:13px;flex:none;place-items:center;width:42px;height:42px;font-size:10px;font-weight:800;display:grid}.activity-list li>div{flex:1}.activity-list p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.activity-list p strong{color:var(--ink)}.activity-list li>div span{color:var(--muted-2);margin-top:3px;font-size:10px;display:block}.activity-list li>button{border:1px solid var(--line);min-width:48px;height:44px;color:var(--purple);background:#faf8ff;border-radius:11px;justify-content:center;align-items:center;gap:4px;transition:color .16s,background .16s,transform .16s;display:flex}.activity-list li>button span{font-size:10px;font-weight:800}.activity-list li>button.is-reacted{color:#513ea8;background:#ece7ff;border-color:#c9bdf9;transform:translateY(-1px)}.class-share{border:1px solid var(--line);width:100%;min-height:44px;color:var(--purple);background:#f8f5ff;border-radius:11px;justify-content:center;align-items:center;gap:7px;margin-top:15px;padding:9px;font-size:12px;font-weight:750;display:flex}.class-update-composer{background:#faf8ff;border:1px solid #dcd5f3;border-radius:14px;margin-top:15px;padding:14px}.class-update-composer label{margin-bottom:8px;font-size:12px;font-weight:800;display:block}.class-update-composer textarea{resize:vertical;width:100%;min-height:88px;color:var(--ink);font:inherit;background:#fff;border:1px solid #d7d0ed;border-radius:10px;padding:11px 12px;font-size:12px;line-height:1.5}.class-update-composer>div{justify-content:flex-end;align-items:center;gap:8px;margin-top:9px;display:flex}.class-update-composer>div>span{color:var(--muted-2);margin-right:auto;font-size:10px}.class-update-composer button{min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:11px;font-weight:750;display:flex}.class-update-composer button[type=submit]{color:#fff;background:var(--purple)}.class-update-composer button:disabled{opacity:.45}.class-leaderboard-card{overflow:hidden}.class-leaderboard-card .eyebrow{color:var(--purple)}.leaderboard-privacy{color:var(--muted);white-space:nowrap;background:#f1efeb;border-radius:999px;align-items:center;gap:5px;padding:7px 9px;font-size:10px;display:flex}.leaderboard-privacy.is-visible{color:#26644f;background:#e4f5ee}.leaderboard-period-tabs{border:1px solid var(--line);background:#f6f4f0;border-radius:11px;gap:3px;margin-top:17px;padding:3px;display:inline-flex}.leaderboard-period-tabs button{min-height:36px;color:var(--muted);background:0 0;border:0;border-radius:8px;padding:0 14px;font-size:11px;font-weight:750}.leaderboard-period-tabs button.is-active{color:var(--ink);background:#fff;box-shadow:0 3px 10px #1f1b2d14}.leaderboard-list{margin:15px 0 0;padding:0;list-style:none}.leaderboard-list li{border-top:1px solid #efede8;grid-template-columns:28px 40px minmax(0,1fr) auto 38px;align-items:center;gap:10px;min-height:58px;padding:8px 10px;display:grid}.leaderboard-list li.is-you{background:#f6f3ff;border:1px solid #cfc5f3;border-radius:13px;margin:5px -4px;box-shadow:0 7px 18px #513ea814}.leaderboard-rank{width:27px;height:27px;color:var(--muted);font-family:var(--font-mono);background:#f1efeb;border-radius:9px;place-items:center;font-size:10px;font-weight:800;display:grid}.leaderboard-list .rank-1 .leaderboard-rank{color:#6a4b00;background:#ffe29a}.leaderboard-list .rank-2 .leaderboard-rank{color:#4e5662;background:#e5e9ef}.leaderboard-list .rank-3 .leaderboard-rank{color:#774526;background:#f2c5a3}.leaderboard-avatar{color:#fff;background:var(--avatar-color);border-radius:12px;place-items:center;width:38px;height:38px;font-size:9px;font-weight:850;display:grid}.leaderboard-list li>div{min-width:0}.leaderboard-list li>div strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.leaderboard-list li>div em{color:var(--purple);margin-top:2px;font-size:9px;font-style:normal;display:block}.leaderboard-list li>b{font-family:var(--font-mono);white-space:nowrap;font-size:11px}.rank-movement{color:var(--muted-2);justify-content:center;align-items:center;gap:2px;font-size:10px;display:flex}.rank-movement.is-up{color:#2d8062}.rank-movement.is-down{color:#a55c58}.class-leaderboard-card footer{border-top:1px solid var(--line);background:#fbfaf8;justify-content:space-between;align-items:center;gap:14px;margin:9px -23px -23px;padding:13px 23px;display:flex}.class-leaderboard-card footer p{color:var(--muted);margin:0;font-size:10px;line-height:1.45}.class-leaderboard-card footer button{border:1px solid var(--line);min-height:36px;color:var(--purple);background:#fff;border-radius:9px;flex:none;padding:0 11px;font-size:10px;font-weight:800}.challenge-card{color:#fff;background:#1f1b2d;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:17px;display:grid}.challenge-icon{width:50px;height:50px;color:var(--ink);background:var(--lime);border-radius:15px;place-items:center;display:grid;transform:rotate(-4deg)}.challenge-card .eyebrow{color:var(--lime)}.challenge-card h2{font-family:var(--font-display);margin:5px 0 4px;font-size:20px}.challenge-card>div:nth-child(2)>p:not(.eyebrow){color:#ffffff94;margin:0;font-size:12px;line-height:1.5}.challenge-card>div:nth-child(2)>div{color:#ffffff73;flex-wrap:wrap;gap:11px;margin-top:9px;font-size:10px;display:flex}.challenge-card>button{min-height:44px;color:var(--ink);background:var(--lime);border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:10px 13px;font-size:11px;font-weight:850;display:flex}.challenge-card>button:disabled{opacity:.72;cursor:default}.challenge-playground,.challenge-result{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:15px;grid-column:1/-1;width:100%;padding:18px}.challenge-progress{color:#ffffff9e;align-items:center;gap:12px;font-size:10px;font-weight:750;display:flex}.challenge-progress>div{background:#ffffff1a;border-radius:99px;flex:1;height:5px;overflow:hidden}.challenge-progress i{border-radius:inherit;background:var(--lime);height:100%;transition:width .22s;display:block}.challenge-topic-label{color:var(--lime);font-family:var(--font-mono);text-transform:uppercase;margin:18px 0 4px;font-size:9px;font-weight:700}.challenge-playground>h3{max-width:680px;font-family:var(--font-display);margin:0;font-size:clamp(19px,2.5vw,27px);line-height:1.14}.challenge-answer-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:17px;display:grid}.challenge-answer-grid button{color:#ffffffc7;text-align:left;background:#ffffff0e;border:1px solid #ffffff1f;border-radius:11px;align-items:center;gap:10px;min-height:50px;padding:9px 11px;font-size:11px;line-height:1.35;display:flex}.challenge-answer-grid button>span{width:28px;height:28px;color:var(--ink);font-family:var(--font-mono);background:#ffffffd1;border-radius:8px;flex:none;place-items:center;font-size:9px;font-weight:850;display:grid}.challenge-answer-grid button.is-selected{background:#7a70f833;border-color:#9687e6}.challenge-answer-grid button.is-correct{background:#45b99529;border-color:#55d6a5}.challenge-answer-grid button.is-correct>span{background:var(--lime)}.challenge-answer-grid button.is-wrong{background:#ed6a5a21;border-color:#e98f83}.challenge-feedback{border-left:3px solid var(--mint);background:#45b9951c;border-radius:0 10px 10px 0;margin-top:12px;padding:10px 12px}.challenge-feedback.is-wrong{border-color:var(--coral);background:#ed6a5a1a}.challenge-feedback strong{font-size:12px}.challenge-feedback p{color:#ffffff9e;margin:4px 0 0;font-size:11px;line-height:1.5}.challenge-next{min-height:42px;color:var(--ink);background:var(--lime);border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;margin:14px 0 0 auto;padding:0 14px;font-size:11px;font-weight:850;display:flex}.challenge-next:disabled{opacity:.4}.challenge-result{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;display:grid}.challenge-result>span{width:48px;height:48px;color:var(--ink);background:var(--lime);border-radius:14px;place-items:center;display:grid}.challenge-result h3{margin:4px 0 2px;font-size:23px}.challenge-result p:not(.eyebrow){color:#ffffff8f;margin:0;font-size:11px}.challenge-result>button{color:#fff;background:#ffffff14;border:1px solid #ffffff29;border-radius:10px;align-items:center;gap:6px;min-height:42px;padding:0 12px;font-size:10px;font-weight:800;display:flex}.study-match-card{text-align:center;padding:23px}.match-orbits{place-items:center;width:95px;height:85px;margin:0 auto 7px;display:grid;position:relative}.match-orbits>span{z-index:2;color:#fff;background:var(--purple);border:5px solid #eeeaff;border-radius:15px;place-items:center;width:44px;height:44px;font-size:9px;font-weight:800;display:grid;position:relative;transform:rotate(-5deg)}.match-orbits i{border:1px dashed #bdb3e9;border-radius:50%;animation:9s linear infinite orbit-spin;position:absolute;inset:6px}.match-orbits i:last-child{border-color:#d2caec;animation-direction:reverse;inset:20px -4px}.study-match-card .eyebrow{color:var(--purple);justify-content:center}.study-match-card>h2{font-family:var(--font-display);letter-spacing:-.035em;margin:7px 0 6px;font-size:21px}.study-match-card>p:not(.eyebrow){color:var(--muted);margin:0;font-size:12px;line-height:1.55}.study-match-card>button{color:#fff;background:var(--purple);border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:44px;margin-top:17px;font-size:11px;font-weight:800;display:flex}.study-match-card>button:disabled{opacity:.68}.study-match-card>small{color:var(--muted-2);margin-top:10px;font-size:9px;line-height:1.45;display:block}.matched-profile{text-align:left;align-items:center;gap:11px;margin-top:17px;display:flex}.matched-profile>span{color:#fff;background:linear-gradient(135deg,#ff9b73,#c25883);border-radius:15px;flex:none;place-items:center;width:47px;height:47px;font-size:10px;font-weight:800;display:grid}.matched-profile h2{font-family:var(--font-display);margin:0;font-size:17px}.matched-profile p{color:var(--muted);margin:3px 0 0;font-size:10px}.study-match-card .match-reason{text-align:left;background:#f4f1ff;border-radius:10px;padding:10px;margin-top:13px!important}.shared-topic{border:1px solid var(--line);text-align:left;border-radius:10px;align-items:center;gap:9px;margin-top:12px;padding:10px;display:flex}.shared-topic svg{color:var(--purple)}.shared-topic span,.shared-topic strong{display:block}.shared-topic span{color:var(--muted-2);font-size:9px}.shared-topic strong{margin-top:2px;font-size:11px}.study-match-card>button.match-message{color:var(--purple);background:#fff;border:1px solid #d5cef3;margin-top:7px}.privacy-card{align-items:flex-start;gap:10px;padding:14px;display:flex}.privacy-card>svg{color:var(--mint);flex:none}.privacy-card strong{font-size:11px;display:block}.privacy-card p{color:var(--muted);margin:3px 0 0;font-size:10px;line-height:1.5}.leave-class{min-height:40px;color:var(--muted-2);text-underline-offset:3px;background:0 0;border:0;align-self:center;padding:5px 12px;font-size:10px;text-decoration:underline}.class-join-view{text-align:center;width:min(100%,480px);margin:70px auto}.join-illustration{justify-content:center;align-items:center;width:190px;height:110px;margin:0 auto 22px;display:flex;position:relative}.join-illustration>span{border:4px solid var(--canvas);color:#fff;background:var(--purple);border-radius:17px;place-items:center;width:53px;height:53px;font-size:9px;font-weight:800;display:grid;transform:rotate(-7deg)}.join-illustration>span:nth-child(2){background:var(--coral);margin-left:-8px;transform:translateY(-17px)rotate(5deg)}.join-illustration>span:nth-child(3){background:var(--mint);margin-left:-8px;transform:rotate(8deg)}.join-illustration>i{width:45px;height:45px;color:var(--ink);background:var(--lime);border-radius:50%;place-items:center;font-style:normal;display:grid;position:absolute;bottom:4px;right:23px}.class-join-view .eyebrow{color:var(--purple);justify-content:center}.class-join-view h1{font-family:var(--font-display);letter-spacing:-.055em;margin:8px 0;font-size:37px}.class-join-view>p:not(.eyebrow){color:var(--muted);margin:0 auto;font-size:10px;line-height:1.6}.class-join-view label{text-align:left;margin-top:25px;display:block}.class-join-view label span{margin-bottom:7px;font-size:8px;font-weight:700;display:block}.class-join-view input{border:1px solid var(--line);width:100%;height:49px;font-family:var(--font-mono);letter-spacing:.1em;text-align:center;background:#fff;border-radius:12px;padding:0 13px;font-size:13px}.class-join-view .button-primary{width:100%;margin-top:10px}.class-join-view>small{color:var(--muted-2);margin-top:13px;font-size:10px;display:block}.class-floating-notice{z-index:115;color:#fff;background:#211d32;border:1px solid #ffffff1f;border-radius:16px;grid-template-columns:42px minmax(0,1fr) 32px;align-items:center;gap:11px;width:min(390px,100vw - 32px);padding:13px;animation:.36s cubic-bezier(.2,.8,.2,1) both toast-in;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 22px 54px #1411204d}.class-floating-notice>span{width:42px;height:42px;color:var(--ink);background:var(--lime);border-radius:12px;place-items:center;display:grid}.class-floating-notice.notice-social>span{color:#fff;background:var(--purple)}.class-floating-notice.notice-success>span{color:#fff;background:var(--mint)}.class-floating-notice em,.class-floating-notice strong,.class-floating-notice p{display:block}.class-floating-notice em{color:var(--lime);font-family:var(--font-mono);letter-spacing:.06em;font-size:8px;font-style:normal}.class-floating-notice strong{margin-top:3px;font-size:12px}.class-floating-notice p{color:#ffffff91;margin:3px 0 0;font-size:10px;line-height:1.4}.class-floating-notice>button{color:#ffffff8c;background:#ffffff0f;border:0;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.app-toast{z-index:120;color:#fff;background:#211d32;border:1px solid #ffffff1a;border-radius:15px;align-items:center;gap:11px;width:min(390px,100vw - 32px);padding:12px;animation:.36s cubic-bezier(.2,.8,.2,1) both toast-in;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 22px 50px #14112047}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}.app-toast>span{width:38px;height:38px;color:var(--ink);background:var(--lime);border-radius:11px;flex:none;place-items:center;display:grid}.app-toast p{color:#ffffff8c;margin:0;font-size:8px;line-height:1.45}.app-toast p strong{color:#fff;font-size:9px;display:block}.app-toast>button{color:#ffffff80;background:#ffffff0f;border:0;border-radius:8px;flex:none;place-items:center;width:27px;height:27px;margin-left:auto;display:grid}.post-paper.has-ai-infographic{background:#111;padding:0}.post-paper.has-ai-infographic:before{display:none}.post-generated-infographic{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.post-paper.has-semantic-fallback{background:radial-gradient(circle at 83% 12%, color-mix(in srgb, var(--experience-accent-2) 38%, transparent), transparent 27%), var(--experience-surface);gap:clamp(8px,1.8vw,16px)}.post-paper.has-semantic-fallback .post-kicker{margin:clamp(15px,3vw,26px) 0 0}.post-paper.has-semantic-fallback h2{max-width:92%}.post-paper.has-semantic-fallback .post-body-copy{-webkit-line-clamp:2;max-width:90%;margin:0}.post-paper.has-semantic-fallback footer{text-transform:uppercase;margin-top:auto}.semantic-diagram{min-height:0;color:var(--experience-ink);flex:1;position:relative}.semantic-diagram strong{font-family:var(--font-display)}.semantic-linear{align-items:center;gap:clamp(5px,1vw,10px);display:flex}.semantic-linear>span{aspect-ratio:.86;border:1px solid color-mix(in srgb, var(--experience-ink) 15%, transparent);background:color-mix(in srgb, var(--experience-accent) 13%, white);border-radius:45% 45% 18px 18px;flex:1;align-content:center;min-width:0;padding:10px;display:grid;position:relative}.semantic-linear i{color:var(--experience-accent);font-family:var(--font-mono);font-size:clamp(7px,1vw,10px);font-style:normal}.semantic-linear strong{margin-top:8px;font-size:clamp(9px,1.8vw,16px);line-height:1.05}.semantic-linear em{z-index:2;color:var(--experience-accent);font-size:clamp(14px,2vw,22px);font-style:normal;position:absolute;right:clamp(-10px,-1vw,-5px)}.semantic-cycle{place-items:center;display:grid}.cycle-ring{aspect-ratio:1;border:clamp(14px, 3.5vw, 29px) solid color-mix(in srgb, var(--experience-accent) 20%, transparent);border-top-color:var(--experience-accent);border-radius:50%;width:46%;transform:rotate(28deg)}.cycle-ring:after{content:"↗";color:var(--experience-accent);font-size:clamp(24px,5vw,48px);position:absolute;top:13%;right:22%;transform:rotate(-28deg)}.semantic-cycle strong{background:var(--experience-accent-2);text-align:center;border-radius:999px;max-width:30%;padding:7px 10px;font-size:clamp(7px,1.4vw,12px);line-height:1;position:absolute}.semantic-cycle strong:first-of-type{top:10%;left:8%}.semantic-cycle strong:nth-of-type(2){top:35%;right:3%}.semantic-cycle strong:nth-of-type(3){bottom:5%;right:25%}.semantic-cycle strong:nth-of-type(4){bottom:25%;left:2%}.semantic-cutaway{place-items:center;display:grid}.cutaway-cell{aspect-ratio:1.55;border:clamp(7px, 1.4vw, 13px) solid color-mix(in srgb, var(--experience-accent) 26%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--experience-accent) 15%, white), color-mix(in srgb, var(--experience-accent-2) 30%, white));border-radius:50% 43% 53% 47%;width:61%;display:block;position:relative;transform:rotate(-8deg)}.cutaway-cell:before{content:"";border:3px solid var(--experience-accent);background:repeating-radial-gradient(ellipse at 50%, transparent 0 8px, color-mix(in srgb, var(--experience-accent) 18%, transparent) 9px 10px);border-radius:50% 38% 52% 42%;position:absolute;inset:18% 14%}.cutaway-cell i{aspect-ratio:1;background:var(--experience-accent-2);width:8%;box-shadow:0 0 0 5px color-mix(in srgb, var(--experience-accent-2) 18%, transparent);border-radius:50%;position:absolute}.cutaway-cell i:first-child{top:12%;left:11%}.cutaway-cell i:nth-child(2){bottom:20%;right:7%}.cutaway-cell i:nth-child(3){bottom:9%;left:26%}.semantic-cutaway>strong{border-left:2px solid var(--experience-accent);max-width:36%;padding-left:7px;font-size:clamp(7px,1.4vw,13px);line-height:1.08;position:absolute}.semantic-cutaway .callout-1{top:8%;right:3%}.semantic-cutaway .callout-2{bottom:12%;right:0}.semantic-cutaway .callout-3{bottom:5%;left:0}.semantic-cutaway .callout-4{top:13%;left:0}.semantic-anatomy{place-items:center;display:grid}.anatomy-membrane{border-top:8px double color-mix(in srgb, var(--experience-accent-2) 72%, white);border-bottom:8px double color-mix(in srgb, var(--experience-accent-2) 72%, white);background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--experience-accent) 14%, transparent), transparent);width:76%;height:34%;display:block;position:relative;transform:rotate(-4deg)}.anatomy-membrane:before{content:"";background:var(--experience-accent);width:16%;height:210%;box-shadow:inset 0 -12px 0 color-mix(in srgb, var(--experience-ink) 17%, transparent), 0 0 0 7px color-mix(in srgb, var(--experience-accent) 14%, transparent);border-radius:999px 999px 42% 42%;position:absolute;top:-58%;left:50%;transform:translate(-50%)}.anatomy-membrane:after{content:"✣";aspect-ratio:1;width:clamp(42px,8vw,73px);color:var(--experience-surface);background:var(--experience-accent);border-radius:50%;place-items:center;font-size:clamp(23px,5vw,44px);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-4%)}.anatomy-membrane i{aspect-ratio:1;background:var(--experience-accent-2);width:clamp(8px,1.5vw,14px);box-shadow:0 0 0 4px color-mix(in srgb, var(--experience-accent-2) 18%, transparent);border-radius:50%;position:absolute;top:-53%}.anatomy-membrane i:first-child{left:12%}.anatomy-membrane i:nth-child(2){left:29%}.anatomy-membrane i:nth-child(3){right:18%}.anatomy-membrane em{background:linear-gradient(var(--experience-accent-2), transparent);width:3px;height:70%;position:absolute;top:-38%;left:48%;transform:rotate(4deg)}.semantic-anatomy>strong{background:color-mix(in srgb, var(--experience-accent-2) 38%, white);text-align:center;border-radius:999px;max-width:36%;padding:6px 9px;font-size:clamp(7px,1.3vw,12px);line-height:1;position:absolute}.semantic-anatomy .anatomy-label-1{top:4%;left:1%}.semantic-anatomy .anatomy-label-2{top:5%;right:0}.semantic-anatomy .anatomy-label-3{bottom:3%;right:4%}.semantic-anatomy .anatomy-label-4{bottom:7%;left:2%}.semantic-comparison{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:9px;padding:8px 0;display:grid}.semantic-comparison>span{background:color-mix(in srgb, var(--experience-accent) 17%, white);text-align:center;border-radius:30px 30px 13px 13px;flex-direction:column;justify-content:space-between;align-items:center;min-width:0;padding:clamp(12px,3vw,25px) 10px;display:flex}.semantic-comparison>span:last-child{background:color-mix(in srgb, var(--experience-accent-2) 45%, white);border-radius:13px 13px 30px 30px}.semantic-comparison small{color:var(--experience-accent);font-family:var(--font-mono);align-self:flex-start}.semantic-comparison strong{margin:auto 0;font-size:clamp(11px,2.3vw,22px);line-height:1}.semantic-comparison>i{color:var(--experience-accent);font-family:var(--font-mono);align-self:center;font-size:8px;font-style:normal}.semantic-timeline{justify-content:space-around;align-items:stretch;padding-top:20px;display:flex}.timeline-track{background:linear-gradient(90deg, var(--experience-accent), var(--experience-accent-2));height:3px;position:absolute;top:34%;left:6%;right:6%}.semantic-timeline strong{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:11px;width:23%;font-size:clamp(7px,1.35vw,12px);line-height:1.1;display:flex}.semantic-timeline i{aspect-ratio:1;border:4px solid var(--experience-surface);color:#fff;background:var(--experience-accent);width:clamp(27px,5vw,43px);font-family:var(--font-mono);box-shadow:0 0 0 1px var(--experience-accent);border-radius:50%;place-items:center;font-size:7px;font-style:normal;display:grid}.semantic-network{place-items:center;display:grid}.semantic-network:before{content:"";aspect-ratio:1;border:1px dashed color-mix(in srgb, var(--experience-ink) 25%, transparent);border-radius:50%;width:68%}.semantic-network>strong{aspect-ratio:1;width:34%;color:var(--experience-surface);background:var(--experience-accent);text-align:center;border-radius:50%;place-items:center;padding:9px;font-size:clamp(9px,2vw,18px);line-height:1;display:grid;position:absolute}.semantic-network>span{background:var(--experience-accent-2);max-width:30%;font-family:var(--font-mono);border-radius:999px;padding:7px 9px;font-size:clamp(6px,1.2vw,10px);font-weight:700;position:absolute}.network-node-1{top:7%;left:3%}.network-node-2{top:16%;right:0}.network-node-3{bottom:5%;right:8%}.network-node-4{bottom:9%;left:1%}.semantic-hierarchy{flex-direction:column;align-items:center;gap:17px;padding-top:10px;display:flex}.semantic-hierarchy>strong{color:var(--experience-surface);background:var(--experience-accent);border-radius:999px;padding:10px 18px;font-size:clamp(10px,2vw,18px)}.semantic-hierarchy>div{border-top:2px solid color-mix(in srgb, var(--experience-ink) 20%, transparent);justify-content:space-around;gap:7px;width:100%;padding-top:17px;display:flex;position:relative}.semantic-hierarchy span{background:color-mix(in srgb, var(--experience-accent-2) 34%, white);font-family:var(--font-mono);text-align:center;border-radius:10px;flex:1;padding:10px 5px;font-size:clamp(6px,1.1vw,9px);font-weight:700}.semantic-equation{justify-content:center;align-items:center;gap:clamp(6px,2vw,20px);display:flex}.semantic-equation>span{align-items:center;gap:clamp(6px,2vw,20px);display:flex}.semantic-equation strong{aspect-ratio:1;background:var(--experience-accent-2);text-align:center;border-radius:28% 72% 64% 36%;place-items:center;min-width:clamp(45px,10vw,90px);padding:7px;font-size:clamp(9px,2vw,18px);display:grid}.semantic-equation i{color:var(--experience-accent);font-size:clamp(16px,4vw,35px);font-style:normal;font-weight:800}.semantic-data{justify-content:space-around;align-items:end;gap:8px;padding-top:15px;display:flex}.semantic-data>span{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;min-width:0;height:100%;display:flex}.semantic-data i{background:linear-gradient(var(--experience-accent-2), var(--experience-accent));border-radius:15px 15px 4px 4px;width:72%}.semantic-data strong{text-align:center;font-size:clamp(6px,1.1vw,10px)}.semantic-metaphor{place-items:center;display:grid}.semantic-metaphor>span{aspect-ratio:1;border:clamp(15px, 4vw, 35px) solid color-mix(in srgb, var(--experience-accent) 18%, transparent);width:45%;color:var(--experience-surface);background:var(--experience-accent);font-family:var(--font-display);text-transform:uppercase;border-radius:50%;place-items:center;font-size:clamp(27px,7vw,65px);font-weight:800;display:grid}.semantic-metaphor strong{background:var(--experience-accent-2);border-radius:999px;padding:7px 10px;font-size:clamp(7px,1.2vw,11px);position:absolute}.semantic-metaphor strong:first-of-type{top:12%;right:2%}.semantic-metaphor strong:nth-of-type(2){bottom:9%;left:4%}.semantic-metaphor strong:nth-of-type(3){bottom:17%;right:0}.infographic-transcript{border:1px solid var(--line);width:min(100%,600px);color:var(--muted);background:color-mix(in srgb, white 91%, var(--experience-surface));border-radius:12px;margin-top:12px;padding:10px 13px;font-size:8px;line-height:1.55}.infographic-transcript summary{color:var(--ink);cursor:pointer;font-size:8px;font-weight:800}.infographic-transcript p{color:var(--ink);margin:10px 0 4px;font-weight:650}.infographic-transcript ul{margin:6px 0;padding-left:16px}.infographic-transcript span{margin-top:7px;font-style:italic;display:block}@media (width<=1240px){.app-content,.topbar{padding-left:30px;padding-right:30px}.studio-layout{grid-template-columns:150px minmax(410px,1fr)}.studio-preview{display:none}.course-hero{grid-template-columns:minmax(0,1.25fr) minmax(265px,.75fr)}.course-hero-player{padding-right:24px}.classroom-grid{grid-template-columns:minmax(0,1fr) 285px}}@media (width<=1020px){:root{--sidebar-w:210px}.sidebar{padding-left:13px;padding-right:13px}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.week-plan-link{margin-top:10px}.class-strip{flex-wrap:wrap}.class-avatars{margin-left:0}.class-strip>button{margin-left:auto}.plan-content-grid{grid-template-columns:1fr}.revision-rail{grid-template-columns:1fr 1fr;display:grid}.classroom-grid{grid-template-columns:1fr}.classroom-grid>aside{grid-template-columns:1fr 1fr;align-items:start;display:grid}.leave-class{grid-column:1/-1}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){:root{--topbar-h:62px}.app-main{margin-left:0}.sidebar{z-index:80;width:min(290px,86vw);transition:transform .24s cubic-bezier(.2,.8,.2,1);transform:translate(-105%)}.sidebar.is-open{transform:translate(0)}.sidebar-close{display:block}.mobile-scrim{z-index:70;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0e0c1594;border:0;display:block;position:fixed;inset:0}.topbar{padding:0 20px}.mobile-brand{align-items:center;gap:11px;display:flex}.mobile-brand>button{border:1px solid var(--line);background:#fff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.mobile-brand .brand-mark{color:var(--ink)}.mobile-brand .brand-word span{color:var(--purple)}.global-search,.streak-pill span{display:none}.app-content{padding:28px 20px 105px}.course-hero{grid-template-columns:1fr}.course-hero-copy{padding-bottom:20px}.course-hero-player{min-height:360px;padding:15px 30px 38px}.course-hero-player .reel-experience{width:210px}.format-cards{scroll-snap-type:x mandatory;grid-template-columns:repeat(3,minmax(180px,1fr));padding-bottom:7px;overflow-x:auto}.format-card{scroll-snap-align:start}.mobile-tabbar{right:14px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:60;color:#ffffff7a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#191624f0;border:1px solid #ffffff1a;border-radius:20px;grid-template-columns:repeat(5,1fr);align-items:center;height:68px;padding:5px;display:grid;position:fixed;left:14px;box-shadow:0 16px 42px #120f1b52}.mobile-tabbar button{height:54px;color:inherit;background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.mobile-tabbar button.is-active{color:#fff;background:#ffffff14}.mobile-tabbar button em{font-size:7px;font-style:normal}.mobile-tabbar button.is-create{color:var(--ink);transform:translateY(-16px)}.mobile-tabbar button.is-create>span{background:var(--lime);border:4px solid #24202f;border-radius:15px;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 8px 18px #00000040}.mobile-tabbar button.is-create em{color:#ffffff8c;margin-top:2px}.studio-layout{grid-template-columns:1fr}.studio-steps{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.studio-steps>button{justify-content:center;padding:7px}.studio-steps>button>span:last-child,.studio-promise{display:none}.studio-card{min-height:620px}.plan-overview{grid-template-columns:auto 1fr}.plan-metrics{grid-column:1/-1}.featured-library{grid-template-columns:210px minmax(0,1fr);gap:35px;padding:28px}.featured-post{height:270px}.featured-post .post-experience{width:210px}.classroom-grid>aside{grid-template-columns:1fr}.class-floating-notice{right:16px;bottom:calc(104px + env(safe-area-inset-bottom))}.theater-backdrop{padding:0}.content-theater{border:0;border-radius:0;min-height:100dvh;max-height:100dvh}.theater-stage{min-height:calc(100dvh - 150px)}}@media (width<=620px){.app-content,.topbar{padding-left:15px;padding-right:15px}.topbar .brand-word{font-size:17px}.streak-pill{padding:0 9px}.today-welcome,.page-heading{flex-direction:column;align-items:flex-start}.today-welcome .button-primary{width:100%}.page-heading h1,.today-welcome h1{font-size:31px}.course-hero{border-radius:20px;min-height:0}.course-hero-copy{padding:28px 20px 20px}.course-source{max-width:100%}.course-source span{display:none}.course-hero-copy h2{font-size:39px}.course-facts span:nth-child(3){display:none}.hero-play{flex:1}.course-progress-row{grid-template-columns:auto 1fr auto}.course-hero-player{min-height:345px}.hero-floating-note{bottom:25px;right:15%}.dashboard-section{border-radius:17px;padding:19px 16px}.format-cards{margin-right:-16px}.format-card>div:first-child{height:134px}.class-strip{align-items:flex-start;gap:14px}.class-strip-title{width:100%}.class-strip>p{flex:1}.create-heading{margin-bottom:22px}.local-badge{display:none}.studio-step-panel{padding:26px 18px 15px}.studio-footer{padding:13px 18px}.studio-footer-actions{flex:1;justify-content:flex-end;min-width:0}.studio-footer-actions .button-secondary{min-width:0;padding:0 10px}.form-grid,.output-picker,.template-grid{grid-template-columns:1fr}.field-wide,.output-picker legend{grid-column:auto}.output-picker>button{align-items:center;gap:11px;display:flex}.output-picker button>span:nth-child(2) strong{margin-top:0}.template-option{grid-template-columns:94px 1fr}.template-preview{min-height:110px}.source-options{flex-direction:column;align-items:flex-start}.source-ready{grid-template-columns:auto minmax(0,1fr);padding:18px}.source-ready>button{grid-column:1/-1}.review-list{grid-template-columns:1fr}.review-list>div{border-right:0}.review-list>div:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.review-list>div:last-child{border-bottom:0}.generation-panel{min-height:610px;padding:25px 18px}.plan-page-heading{gap:15px}.exam-card{width:100%}.plan-overview{text-align:center;grid-template-columns:1fr;justify-items:center;padding:24px 19px}.plan-overview-copy .eyebrow{justify-content:center}.plan-metrics{grid-column:auto;width:100%}.plan-metrics>span{flex:1;min-width:0}.plan-timeline-section{padding:20px 14px}.timeline-card{padding:13px 11px}.timeline-meta{flex-wrap:wrap}.timeline-meta button{width:100%;margin-left:0}.revision-rail{grid-template-columns:1fr}.library-toolbar{flex-direction:column;align-items:stretch}.library-filters{overflow-x:auto}.library-search{width:100%}.featured-library{grid-template-columns:1fr;padding:28px 22px}.featured-post{display:none}.library-grid{grid-template-columns:1fr}.library-art{height:180px}.classroom-hero{flex-direction:column;align-items:flex-start;padding:27px 22px}.class-week-score{width:100%}.class-leaderboard-card .section-heading-row{flex-direction:column;align-items:flex-start;gap:10px}.leaderboard-list li{grid-template-columns:25px 36px minmax(0,1fr) auto;gap:8px;padding-left:4px;padding-right:4px}.leaderboard-avatar{width:35px;height:35px}.rank-movement{display:none}.class-leaderboard-card footer{flex-direction:column;align-items:stretch}.class-leaderboard-card footer button{width:100%}.class-update-composer>div{flex-wrap:wrap}.class-update-composer>div>span{width:100%;margin-right:0}.challenge-card{grid-template-columns:auto minmax(0,1fr)}.challenge-card>button{grid-column:1/-1;justify-content:center}.challenge-answer-grid{grid-template-columns:1fr}.challenge-result{grid-template-columns:auto minmax(0,1fr)}.challenge-result>button{grid-column:1/-1;justify-content:center}.theater-header{align-items:flex-start}.theater-header h2{max-width:210px}.theater-actions button:not(:last-child){display:none}.format-switcher{width:100%}.format-switcher button{flex:1;min-width:0}.theater-stage{border-radius:15px;margin:0 -8px -8px;padding:15px}.theater-stage .reel-experience{width:min(100%,315px)}.answer-grid{grid-template-columns:1fr}.answer-feedback{flex-direction:column;align-items:flex-start}.answer-feedback button{justify-content:center;width:100%}.post-paper{border-radius:15px}.app-toast{bottom:92px;right:16px}}@media (width<=380px){.topbar-actions .streak-pill{display:none}.course-hero-copy h2{font-size:34px}.course-actions{flex-direction:column;align-items:stretch}.hero-plan{justify-content:center}.studio-steps{gap:1px;padding:9px 5px}.studio-footer{flex-direction:column;align-items:stretch}.studio-footer-actions{flex-direction:column-reverse;width:100%}.studio-footer-actions>button{width:100%}.source-dropzone{min-height:170px}}.course-hero-reel-cover{aspect-ratio:9/16;color:#fff;background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--course-accent) 26%, transparent), transparent 31%), linear-gradient(155deg, #171226, #090d18 76%);border:1px solid #ffffff1f;border-radius:24px;place-items:center;width:min(100%,255px);display:grid;position:relative;overflow:hidden;box-shadow:0 26px 60px #00000042}.course-hero-reel-cover:before{content:"";aspect-ratio:1;border:1px solid color-mix(in srgb, var(--course-accent-2) 58%, transparent);width:66%;box-shadow:0 0 0 36px color-mix(in srgb, var(--course-accent) 7%, transparent), 0 0 0 72px color-mix(in srgb, var(--course-accent-2) 5%, transparent);border-radius:50%;position:absolute}.course-hero-reel-cover>span{color:#ffffff8c;font-family:var(--font-mono);letter-spacing:.12em;font-size:8px;position:absolute;top:18px;left:18px}.course-hero-reel-cover>strong{z-index:1;aspect-ratio:1;color:#171525;background:var(--course-accent);width:76px;font-family:var(--font-display);box-shadow:0 16px 36px color-mix(in srgb, var(--course-accent) 25%, transparent);border-radius:24px;place-items:center;font-size:26px;display:grid;position:relative;transform:rotate(-4deg)}.course-hero-reel-cover>p{color:#ffffff94;text-align:center;text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:8px;position:absolute;bottom:18px;left:18px;right:18px}.content-theater{position:relative}.theater-header p{align-items:center;gap:9px;display:flex}.theater-header p span{border-left:1px solid var(--line);color:var(--purple);letter-spacing:.02em;padding-left:9px;font-weight:800}.theater-actions button.is-active{color:var(--purple-dark);background:#eeeaff;border-color:#cfc5ff}.theater-action-status{z-index:12;min-height:18px;color:var(--muted);pointer-events:none;font-size:8px;position:absolute;top:66px;right:18px}.content-theater.is-reel-mode{grid-template-rows:auto auto auto minmax(0,1fr);width:min(100%,1180px);height:min(900px,100dvh - 48px);max-height:calc(100dvh - 48px);display:grid;overflow:hidden}.content-theater.is-reel-mode .theater-stage.theater-reel{place-items:initial;background:#0b0d15;min-height:0;padding:0;display:block;overflow:hidden}.reel-feed{color:#f7f7f2;background:radial-gradient(circle at 72% 10%,#7857ff2e,#0000 31rem),radial-gradient(circle at 20% 90%,#d8ff6312,#0000 25rem),#0b0d15;grid-template-columns:188px minmax(0,1fr);width:100%;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.reel-feed:before{content:"";z-index:0;opacity:.14;pointer-events:none;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.reel-feed-progress{z-index:8;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:24px;display:flex;position:absolute;top:18px;left:216px;right:24px}.reel-feed-kicker{color:#ffffffb8;min-width:0;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;flex-direction:column;gap:3px;font-size:8px;font-weight:800;display:flex}.reel-feed-kicker small{color:#ffffff59;max-width:300px;font-family:var(--font-body);letter-spacing:0;text-overflow:ellipsis;text-transform:none;white-space:nowrap;font-size:7px;font-weight:600;display:block;overflow:hidden}.reel-feed-counter{min-width:70px;color:var(--lime);font-family:var(--font-mono);letter-spacing:.1em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07090f99;border:1px solid #ffffff24;border-radius:999px;justify-content:center;padding:7px 10px;font-size:8px;display:inline-flex}.reel-feed-scroller{z-index:1;overscroll-behavior-y:contain;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-column:2;min-width:0;min-height:0;position:relative;overflow:hidden auto}.reel-feed-scroller::-webkit-scrollbar{display:none}.reel-feed-topic-nav::-webkit-scrollbar{display:none}.reel-feed-scroller:focus-visible{outline-offset:-3px;outline:3px solid #d8ff6394}.reel-feed-page{scroll-snap-align:start;scroll-snap-stop:always;width:100%;height:100%;min-height:100%;position:relative}.reel-feed-page-inner{grid-template-columns:minmax(280px,360px) minmax(250px,350px);justify-content:center;align-items:center;gap:clamp(28px,4vw,64px);width:100%;height:100%;padding:54px 50px 72px;display:grid;position:relative}.reel-feed-player-shell{aspect-ratio:9/16;background:#090d18;border-radius:23px;justify-self:end;width:auto;max-width:100%;height:min(620px,100% - 20px);overflow:hidden;box-shadow:0 28px 80px #0000006b,0 0 0 1px #ffffff14}.reel-feed-player-shell>.reel-experience{aspect-ratio:auto;border-radius:inherit;width:100%;height:100%;box-shadow:none}.reel-feed-copy{align-self:center;min-width:0;max-width:350px}.reel-feed-copy-meta{flex-wrap:wrap;gap:7px;margin:0 0 17px;display:flex}.reel-feed-copy-meta span{color:#ffffff91;font-family:var(--font-mono);text-transform:uppercase;border:1px solid #ffffff21;border-radius:999px;padding:6px 8px;font-size:7px}.reel-feed-copy h3{color:#fff;font-family:var(--font-display);letter-spacing:-.045em;margin:0;font-size:clamp(28px,3vw,43px);line-height:.98}.reel-feed-copy>p:not(.reel-feed-copy-meta){color:#ffffff94;margin:18px 0 0;font-size:11px;line-height:1.62}.reel-feed-connection{background:#ffffff0b;border:1px solid #ffffff1c;border-radius:12px;margin-top:18px;padding:11px 12px}.reel-feed-connection span,.reel-feed-connection strong{display:block}.reel-feed-connection span{color:var(--reel-feed-accent,var(--lime));font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;font-size:7px;font-weight:800}.reel-feed-connection strong{color:#ffffffb3;margin-top:6px;font-size:9px;line-height:1.5}.reel-feed-copy-fact{border-left:2px solid var(--reel-feed-accent,var(--lime));margin-top:23px;padding:2px 0 2px 15px}.reel-feed-copy-fact span{color:var(--reel-feed-accent,var(--lime));font-family:var(--font-mono);letter-spacing:.11em;text-transform:uppercase;font-size:7px;font-weight:800;display:block}.reel-feed-copy-fact strong{color:#ffffffd1;margin-top:7px;font-size:10px;line-height:1.52;display:block}.reel-feed-actions{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.reel-feed-actions button,.reel-feed-end-actions button{color:#ffffffc2;background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;min-height:38px;padding:0 13px;font-size:8px;font-weight:800}.reel-feed-actions button:first-child,.reel-feed-end-actions button:first-child{color:#171525;border-color:var(--reel-feed-accent,var(--lime));background:var(--reel-feed-accent,var(--lime))}.reel-feed-step-controls{gap:8px;display:flex;position:absolute;bottom:20px;right:50px}.reel-feed-step-controls button{color:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080a11b8;border:1px solid #ffffff24;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:104px;min-height:40px;font-size:8px;font-weight:800;display:inline-flex}.reel-feed-step-controls button:last-child{color:#171525;border-color:var(--lime);background:var(--lime)}.reel-feed-step-controls button:disabled{opacity:.32}.reel-feed-topic-nav{z-index:4;scrollbar-width:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#07090f8f;border-right:1px solid #ffffff17;flex-direction:column;grid-area:1/1;gap:5px;min-height:0;padding:62px 12px 16px;display:flex;position:relative;overflow-y:auto}.reel-feed-topic-nav:before{content:"CONCEPT SERIES";color:#ffffff5c;font-family:var(--font-mono);letter-spacing:.14em;font-size:7px;font-weight:800;position:absolute;top:19px;left:17px}.reel-feed-topic-button{color:#ffffff6b;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;min-height:56px;padding:8px;display:grid}.reel-feed-topic-button>span{width:28px;height:28px;font-family:var(--font-mono);border:1px solid #ffffff1f;border-radius:9px;place-items:center;font-size:7px;display:grid}.reel-feed-topic-button strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:8px;font-weight:720;line-height:1.35;display:-webkit-box;overflow:hidden}.reel-feed-topic-button.is-active{color:#fff;background:#d8ff6314;border-color:#d8ff6333}.reel-feed-topic-button.is-active>span{color:#171525;border-color:var(--lime);background:var(--lime)}.reel-feed-end-page{place-items:center;padding:34px;display:grid}.reel-feed-end-card{text-align:center;background:radial-gradient(circle at 50% 0,#d8ff631f,#0000 19rem),#ffffff0b;border:1px solid #ffffff1f;border-radius:26px;width:min(100%,560px);padding:clamp(28px,6vw,58px);box-shadow:0 28px 90px #0000004d}.reel-feed-end-mark{color:#171525;background:var(--lime);width:58px;height:58px;font-family:var(--font-display);border-radius:20px;place-items:center;margin:0 auto 22px;font-size:27px;display:grid;transform:rotate(-5deg)}.reel-feed-end-card>p:first-of-type{color:var(--lime);font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;font-size:8px;font-weight:800}.reel-feed-end-card h3{color:#fff;font-family:var(--font-display);letter-spacing:-.045em;margin:10px auto 0;font-size:clamp(30px,5vw,50px);line-height:1}.reel-feed-end-card h3+p{color:#ffffff94;max-width:420px;margin:18px auto 0;font-size:10px;line-height:1.6}.reel-feed-end-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:28px;display:flex}.reel-feed-cover{border-radius:inherit;width:100%;height:100%;color:var(--reel-feed-ink,#171525);background:radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--reel-feed-accent-2) 28%, transparent), transparent 34%), linear-gradient(155deg, var(--reel-feed-surface,#f5f1ff), color-mix(in srgb, var(--reel-feed-surface,#f5f1ff) 76%, var(--reel-feed-accent,#7857ff) 24%));isolation:isolate;grid-template-rows:auto auto minmax(0,1fr) auto;padding:28px;display:grid;position:relative;overflow:hidden}.reel-feed-cover:before{content:"";z-index:-1;opacity:.16;background-image:linear-gradient(color-mix(in srgb, var(--reel-feed-ink) 14%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--reel-feed-ink) 14%, transparent) 1px, transparent 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}.reel-feed-cover-head{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font-size:7px;font-weight:800;display:flex}.reel-feed-cover-index{border:1px solid color-mix(in srgb, var(--reel-feed-ink) 18%, transparent);border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.reel-feed-cover-grammar{color:var(--reel-feed-surface,white);background:var(--reel-feed-ink,#171525);border-radius:999px;padding:7px 9px}.reel-feed-cover-copy{margin-top:28px}.reel-feed-cover-copy p{color:color-mix(in srgb, var(--reel-feed-ink) 58%, transparent);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:8px;font-weight:700}.reel-feed-cover-copy h3{font-family:var(--font-display);letter-spacing:-.05em;margin:8px 0 0;font-size:clamp(27px,3.5vw,39px);line-height:.96}.reel-feed-cover-visual{place-items:center;min-height:0;padding:22px 0 14px;display:grid}.reel-feed-cover-takeaway{border-top:1px solid color-mix(in srgb, var(--reel-feed-ink) 16%, transparent);padding-top:15px}.reel-feed-cover-takeaway span,.reel-feed-cover-takeaway strong{display:block}.reel-feed-cover-takeaway span{color:color-mix(in srgb, var(--reel-feed-ink) 52%, transparent);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:7px;font-weight:800}.reel-feed-cover-takeaway strong{margin-top:6px;font-size:9px;line-height:1.4}.reel-feed-equations{flex-direction:column;gap:9px;width:100%;margin:0;padding:0;list-style:none;display:flex}.reel-feed-equation-step{border:1px solid color-mix(in srgb, var(--reel-feed-ink) 14%, transparent);background:color-mix(in srgb, var(--reel-feed-surface) 66%, transparent);border-radius:13px;grid-template-columns:25px minmax(0,1fr);gap:3px 9px;padding:10px;display:grid}.reel-feed-equation-index{color:var(--reel-feed-accent);font-family:var(--font-mono);grid-row:1/3;font-size:7px;font-weight:800}.reel-feed-equation-expression{text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,Times New Roman,serif;font-size:14px;line-height:1.18;overflow:hidden}.reel-feed-equation-explanation{color:color-mix(in srgb, var(--reel-feed-ink) 54%, transparent);text-overflow:ellipsis;white-space:nowrap;font-size:7px;line-height:1.3;overflow:hidden}.reel-feed-physics{width:100%}.reel-feed-physics-grid{border:1px solid color-mix(in srgb, var(--reel-feed-ink) 16%, transparent);background-image:linear-gradient(color-mix(in srgb, var(--reel-feed-ink) 9%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--reel-feed-ink) 9%, transparent) 1px, transparent 1px);background-size:22px 22px;border-radius:18px;height:210px;position:relative;overflow:hidden}.reel-feed-physics-axis{background:color-mix(in srgb, var(--reel-feed-ink) 30%, transparent);position:absolute}.reel-feed-physics-axis--x{height:1px;bottom:34px;left:14px;right:14px}.reel-feed-physics-axis--y{width:1px;top:14px;bottom:14px;left:34px}.reel-feed-physics-track{border-top:3px solid var(--reel-feed-accent);border-radius:50% 50% 0 0;height:112px;position:absolute;bottom:35px;left:36px;right:28px;transform:skew(-9deg)}.reel-feed-physics-track--linear,.reel-feed-physics-track--static{transform-origin:0;border-radius:0;height:1px;transform:rotate(-13deg)}.reel-feed-physics-track--sine,.reel-feed-physics-track--oscillating{background:radial-gradient(ellipse at center, transparent 52%, var(--reel-feed-accent) 54%, var(--reel-feed-accent) 58%, transparent 60%) 0 0 / 58px 52px repeat-x;border:0;border-radius:0;height:54px;top:76px;bottom:auto;transform:none}.reel-feed-physics-track--circular{border:3px solid var(--reel-feed-accent);border-radius:50%;height:auto;inset:36px 64px;transform:none}.reel-feed-physics-body{z-index:2;border:5px solid color-mix(in srgb, var(--reel-feed-accent) 26%, transparent);background:var(--reel-feed-accent);width:30px;height:30px;box-shadow:0 8px 22px color-mix(in srgb, var(--reel-feed-accent) 32%, transparent);border-radius:50%;position:absolute;bottom:30%;left:45%}.reel-feed-physics-vector{z-index:3;width:var(--reel-feed-vector-length);background:var(--reel-feed-accent-2);height:2px;transform:rotate(var(--reel-feed-vector-angle));transform-origin:0;position:absolute;bottom:calc(30% + 15px);left:calc(45% + 15px)}.reel-feed-physics-vector:after{content:"";border-top:2px solid var(--reel-feed-accent-2);border-right:2px solid var(--reel-feed-accent-2);width:8px;height:8px;position:absolute;top:-4px;right:-1px;transform:rotate(45deg)}.reel-feed-physics-labels{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.reel-feed-physics-labels span{border:1px solid color-mix(in srgb, var(--reel-feed-ink) 13%, transparent);border-radius:999px;align-items:center;gap:5px;padding:5px 7px;font-size:7px;font-weight:700;display:inline-flex}.reel-feed-physics-labels i{background:var(--reel-feed-accent-2);width:6px;height:2px}.reel-feed-structure{flex-direction:column;gap:8px;width:100%;margin:0;padding:0;list-style:none;display:flex}.reel-feed-node{border:1px solid color-mix(in srgb, var(--reel-feed-ink) 13%, transparent);background:color-mix(in srgb, var(--reel-feed-surface) 64%, transparent);border-radius:14px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;min-height:48px;padding:8px 10px;display:grid;position:relative}.reel-feed-node>span{width:28px;height:28px;color:var(--reel-feed-surface);background:var(--reel-feed-ink);font-family:var(--font-mono);border-radius:9px;place-items:center;font-size:7px;display:grid}.reel-feed-node>strong{font-size:9px;line-height:1.25}.reel-feed-node--input>span{color:var(--reel-feed-ink);background:var(--reel-feed-accent-2)}.reel-feed-node--output>span{color:var(--reel-feed-ink);background:var(--reel-feed-accent)}.reel-feed-link{z-index:3;color:var(--reel-feed-accent);font-size:12px;font-style:normal;position:absolute;bottom:-10px;right:14px;transform:rotate(90deg)}.reel-feed-empty{color:#fff9;place-items:center;height:100%;display:grid}@media (width<=1050px) and (width>=901px){.reel-feed{grid-template-columns:158px minmax(0,1fr)}.reel-feed-progress{left:184px}.reel-feed-page-inner{grid-template-columns:minmax(260px,330px) minmax(220px,300px);gap:28px;padding-left:30px;padding-right:30px}.reel-feed-copy h3{font-size:31px}.reel-feed-step-controls{right:30px}}@media (width<=900px){.content-theater.is-reel-mode{border:0;border-radius:0;grid-template-rows:auto auto minmax(0,1fr);width:100%;height:100dvh;min-height:100dvh;max-height:100dvh;padding:12px}.content-theater.is-reel-mode .theater-header{padding:0 2px 8px}.content-theater.is-reel-mode .theater-header h2{max-width:230px;font-size:14px}.content-theater.is-reel-mode .theater-header p span{display:none}.content-theater.is-reel-mode .theater-action-status{top:48px;right:14px}.content-theater.is-reel-mode .format-switcher{margin-bottom:8px}.content-theater.is-reel-mode .source-drawer{display:none}.content-theater.is-reel-mode .theater-stage.theater-reel{border-radius:17px;min-height:0;margin:0;padding:0}.reel-feed{grid-template-columns:minmax(0,1fr)}.reel-feed-progress{top:13px;left:14px;right:14px}.reel-feed-kicker{max-width:calc(100% - 88px)}.reel-feed-kicker small{max-width:220px}.reel-feed-scroller{grid-column:1}.reel-feed-topic-nav{display:none}.reel-feed-page-inner{grid-template-columns:minmax(0,1fr);place-items:center;gap:0;padding:51px 8px 64px}.reel-feed-player-shell{border-radius:20px;justify-self:center;width:auto;max-width:calc(100vw - 50px);height:min(100% - 10px,177.778vw - 88.8889px)}.reel-feed-copy{display:none}.reel-feed-step-controls{justify-content:space-between;bottom:10px;left:10px;right:10px}.reel-feed-step-controls button{min-width:96px;min-height:44px}.reel-feed-end-page{padding:18px}.reel-feed-end-card{padding:30px 20px}.reel-feed-end-actions{flex-direction:column}.reel-feed-end-actions button{width:100%;min-height:44px}.course-hero-reel-cover{width:210px}}@media (width<=620px){.content-theater.is-reel-mode .theater-actions button{width:44px;height:44px;display:grid}.content-theater.is-reel-mode .theater-header h2{max-width:min(42vw,166px)}.content-theater.is-reel-mode .format-switcher button{min-height:44px}.reel-feed-player-shell{max-width:calc(100vw - 44px);height:min(100% - 12px,177.778vw - 78.2222px)}.reel-feed-player-shell .remotion-proof{display:none}.reel-feed-cover{padding:22px}.reel-feed-cover-copy{margin-top:20px}.reel-feed-cover-copy h3{font-size:27px}.reel-feed-physics-grid{height:180px}.reel-feed-step-controls button{font-size:7px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}