:root{--purple-900: #24104f;--purple-800: #35127d;--purple-700: #4a16b8;--purple-600: #6429de;--purple-100: #f0e9ff;--orange-600: #ff880d;--orange-500: #ff9f28;--coral-500: #ff6f52;--cream: #fff8ef;--paper: #fffefd;--ink: #130f2b;--muted: #756e90;--line: #ece7f5;--shadow: 0 24px 70px rgba(60, 30, 120, .18);--fs-h1: clamp(25px, 1.6vw + 18px, 40px);--fs-h2: clamp(16px, .5vw + 14px, 20px);--fs-h3: clamp(15px, .4vw + 13px, 18px);--fs-body: clamp(13px, .25vw + 12px, 15px);--fs-plain-header-h1: clamp(18px, .8vw + 15px, 24px);--fs-brand: clamp(25px, 1vw + 20px, 30px);--side-nav-w: 84px;--side-nav-w-wide: 240px;color:var(--ink);background:#f5edff;font-family:Inter,ui-rounded,SF Pro Rounded,Nunito Sans,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{border:0;color:inherit;cursor:pointer;font:inherit}.app-shell{background:radial-gradient(circle at top left,rgba(255,140,36,.13),transparent 33%),linear-gradient(135deg,#f8f1ff,#fffaf6 45%,#f3edff);display:flex;min-height:100vh;min-height:100dvh}.app-main{display:flex;flex:1;flex-direction:column;height:100vh;height:100dvh;min-width:0}.screen-content{flex:1;overflow:auto;padding:calc(env(safe-area-inset-top) + 16px) calc(env(safe-area-inset-right) + 20px) 20px calc(env(safe-area-inset-left) + 20px);scrollbar-width:none}.screen-content::-webkit-scrollbar{display:none}.side-nav{display:none}.page{animation:enter .24s ease both;min-height:100%;padding-bottom:10px}@keyframes enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}h1,h2,h3,p{margin:0}h1{font-size:var(--fs-h1);letter-spacing:-.01em;line-height:1.12}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}p{color:var(--muted);font-size:var(--fs-body);line-height:1.45}.top-header,.plain-header{align-items:center;display:flex;justify-content:space-between;min-height:48px}.plain-header h1{font-size:var(--fs-plain-header-h1)}.brand{align-items:center;display:flex;gap:10px}.brand img{border-radius:10px;height:38px;object-fit:cover;object-position:top;width:38px}.brand span{color:var(--purple-800);font-size:var(--fs-brand);font-weight:950;letter-spacing:-.04em}.brand span span{color:var(--orange-600)}.brand-compact img{height:32px;width:32px}.brand-compact span{font-size:24px}.icon-button{align-items:center;background:transparent;border-radius:14px;display:inline-flex;height:38px;justify-content:center;width:38px}.notification{position:relative}.notification:after{background:var(--orange-600);border:2px solid #fff;border-radius:50%;content:"";height:9px;position:absolute;right:8px;top:8px;width:9px}.hero-cat{display:grid;justify-content:center;margin:14px 0 -6px}.hero-cat img{clip-path:inset(8% 18% 36% 18%);height:185px;object-fit:cover;object-position:top;width:260px}.topic-search{align-items:center;background:linear-gradient(135deg,var(--purple-800),var(--purple-600));border-radius:18px;box-shadow:0 14px 24px #4a16b838;color:#fff;display:flex;font-weight:800;gap:12px;min-height:58px;padding:0 20px;width:100%}.compact-search{min-height:48px}.home-page section{margin-top:24px}.home-dashboard{display:block}.home-rail{display:grid;gap:16px}.home-rail-streak h2{align-items:center;display:flex;gap:6px;margin-bottom:8px}.home-rail-streak p{margin-bottom:14px}.chip-grid{display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-top:12px}.category-chip{align-items:center;background:var(--purple-100);border:1px solid #eadcff;border-radius:13px;color:var(--purple-700);display:flex;font-size:12px;font-weight:850;gap:6px;justify-content:center;min-height:44px;padding:0 8px}.category-chip.orange{background:#fff0df;border-color:#ffe1c0;color:#ef7200}.category-chip.pink{background:#fff0f4;border-color:#ffd8e2;color:#e23e67}.category-chip.blue{background:#eaf0ff;border-color:#d3e0ff;color:#2f4fc9}.primary-button{align-items:center;background:linear-gradient(135deg,var(--purple-700),var(--purple-800));border-radius:16px;box-shadow:0 15px 28px #4a16b838;color:#fff;display:inline-flex;font-weight:900;gap:9px;justify-content:center;min-height:54px;padding:0 20px;width:100%}.generate-button{margin-top:20px}.primary-button:disabled{cursor:not-allowed;opacity:.5}.topic-composer{background:linear-gradient(135deg,var(--purple-800),var(--purple-600));border-radius:18px;box-shadow:0 14px 24px #4a16b838;margin:22px 0;padding:16px 18px}.topic-composer textarea{background:transparent;border:0;color:#fff;font:inherit;font-weight:700;min-height:64px;outline:none;resize:none;width:100%}.topic-composer textarea::placeholder{color:#ffffffb3}.example-chips h2,.difficulty-section h2{margin-bottom:10px}.example-chip-grid{display:flex;flex-wrap:wrap;gap:8px}.example-chip{background:var(--purple-100);border:1px solid #eadcff;border-radius:12px;color:var(--purple-700);font-size:12px;font-weight:800;padding:9px 12px;text-align:left}.difficulty-row{display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.difficulty-option{background:#fff;border:1px solid var(--line);border-radius:13px;color:var(--muted);font-size:12px;font-weight:850;min-height:44px}.difficulty-option.active{background:var(--purple-100);border-color:#eadcff;color:var(--purple-700)}.create-page .example-chips,.create-page .difficulty-section,.section-block{margin-top:24px}.section-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.section-title button,.link-button{background:transparent;color:var(--purple-700);font-size:13px;font-weight:850}.course-list{display:grid;gap:10px}.my-courses-status{margin-top:10px}.my-courses-status.error{color:#e23e67}.my-courses-empty{align-items:start;background:#fff;border:1px dashed var(--line);border-radius:15px;display:grid;gap:12px;padding:20px}.my-courses-empty p{margin:0}.my-courses-empty .primary-button{width:auto}.course-card{align-items:center;background:#fff;border:1px solid var(--line);border-radius:15px;display:flex;gap:12px;padding:10px;text-align:left;width:100%}.course-card.compact .course-card-body p{display:none}.course-icon{align-items:center;background:linear-gradient(135deg,#30105f,#5517b8);border-radius:13px;color:#d9c3ff;display:flex;flex:0 0 55px;height:55px;justify-content:center;overflow:hidden;width:55px}.course-icon.accounting,.course-icon.business{background:linear-gradient(135deg,#0f7d73,#55c2aa);color:#fff4c2}.course-icon.history{background:linear-gradient(135deg,#2b2b2b,#97725e);color:#fff3df}.course-icon.science{background:linear-gradient(135deg,#0f8f7a,#57c9ac);color:#eafff6}.course-icon.language{background:linear-gradient(135deg,#c9432b,var(--coral-500));color:#fff3ee}.course-icon.math{background:linear-gradient(135deg,#1e3a8a,#4f6fee);color:#e6edff}.course-icon.design{background:linear-gradient(135deg,#7c1d5e,#e0508f);color:#ffe6f0}.course-icon.health{background:linear-gradient(135deg,#a01224,#f2545f);color:#ffe4e6}.course-icon.finance{background:linear-gradient(135deg,#8a5a00,#f0b429);color:#fff6df}.course-card-body{flex:1;min-width:0}.course-card-top{align-items:center;display:flex;gap:8px;justify-content:space-between}.course-card strong{font-size:13px}.course-card p{margin-top:4px}.tag{background:var(--purple-100);border-radius:9px;color:var(--purple-700);display:inline-flex;font-size:10px;font-weight:900;padding:5px 8px;white-space:nowrap}.tag.accounting,.tag.business{background:#fff1df;color:#f17800}.tag.history{background:#fff0f4;color:#e23e67}.tag.science{background:#e3fbf3;color:#0f8f7a}.tag.language{background:#ffe9e2;color:#c9432b}.tag.math{background:#e6edff;color:#2f4fc9}.tag.design{background:#ffe3f2;color:#c72575}.tag.health{background:#ffe1e4;color:#d21f34}.tag.finance{background:#fff3d6;color:#b9770e}.course-meta{color:var(--muted);display:flex;flex-wrap:wrap;font-size:11px;gap:12px;margin-top:7px}.course-meta span{align-items:center;display:inline-flex;gap:4px}.bottom-nav{align-items:center;background:#fffffff0;border-top:1px solid var(--line);display:grid;flex-shrink:0;grid-template-columns:repeat(5,1fr);padding:8px 18px calc(env(safe-area-inset-bottom) + 18px)}.bottom-nav button{align-items:center;background:transparent;color:#89849b;display:flex;flex-direction:column;font-size:10px;font-weight:750;gap:4px}.bottom-nav .nav-active{color:var(--purple-700)}.bottom-nav .nav-create{align-self:start;background:linear-gradient(135deg,var(--purple-700),var(--purple-800));border-radius:50%;box-shadow:0 12px 22px #4a16b847;color:#fff;height:52px;justify-content:center;margin:-20px auto 0;width:52px}.side-nav-brand{display:none;padding:0 16px 20px}.side-nav-items{display:flex;flex-direction:column;gap:4px;padding:0 12px}.side-nav-items button{align-items:center;background:transparent;border-radius:14px;color:#89849b;display:flex;font-size:13px;font-weight:800;gap:14px;padding:12px;width:100%}.side-nav-items button span{display:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-nav-items .nav-active{background:var(--purple-100);color:var(--purple-700)}.side-nav-items .nav-create{background:linear-gradient(135deg,var(--purple-700),var(--purple-800));color:#fff}.center-title{text-align:center}.center-title p{margin-top:7px}.input-preview{align-items:center;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 18px #23104f0f;display:flex;gap:10px;margin:24px 0;min-height:50px;padding:0 16px}.builder-cat{display:grid;justify-items:center;margin-bottom:18px}.cat-badge{border-radius:24px;display:inline-grid;overflow:hidden;place-items:center}.cat-badge img{height:130%;object-fit:cover;object-position:top;width:130%}.cat-sm{height:44px;width:44px}.cat-md{height:72px;width:72px}.cat-lg{height:136px;width:136px}.big-card,.share-card,.resume-card,.header-menu,.lesson-card,.members-card,.group-streak,.challenge-card,.reactions-card,.streak-card,.review-row,.room-course,.benefits-card,.profile-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 28px #23104f0f}.big-card{padding:18px}.step-list{display:grid;gap:18px;margin-top:18px}.build-step{align-items:center;display:grid;gap:12px;grid-template-columns:24px 1fr auto}.build-step svg{color:var(--purple-700)}.build-step span{font-weight:800}.build-step small{color:var(--muted)}.cat-tip{align-items:center;background:#f8f4ff;border-radius:18px;display:flex;gap:12px;margin-top:18px;padding:12px}.sticky-cta{bottom:12px;margin-top:20px;position:sticky;z-index:5}.builder-error{color:var(--coral-500);display:grid;gap:8px;justify-items:center;text-align:center}.builder-error h2{color:var(--ink)}.builder-error p{color:var(--muted)}.builder-error-actions{display:grid;gap:10px;grid-template-columns:auto 1fr}.builder-error-actions .icon-button{background:#fff;border:1px solid var(--line)}.course-workspace{display:block}.course-workspace-lesson,.course-workspace.has-lesson .course-workspace-outline{display:none}.course-workspace.has-lesson .course-workspace-lesson{display:block}.course-hero{align-items:center;display:flex;gap:14px;margin:18px 0}.course-hero .course-icon{flex-basis:72px;height:72px;width:72px}.course-hero p{margin:6px 0 10px}.progress-line{background:#eee8fb;border-radius:99px;height:7px;overflow:hidden;width:100%}.progress-line span{background:linear-gradient(90deg,var(--purple-700),var(--orange-600));border-radius:inherit;display:block;height:100%}.resume-card{display:grid;gap:12px;margin:0 0 18px;padding:16px}.resume-card-progress{display:grid;gap:8px}.resume-card-progress span{color:var(--muted);font-size:12px;font-weight:700}.resume-card-title{font-weight:850;margin:0}.header-menu{padding:0;position:absolute;right:16px;top:56px;width:min(320px,calc(100% - 32px));z-index:21}.header-menu .share-card{border:none;box-shadow:none}.menu-backdrop{top:0;right:0;bottom:0;left:0;position:fixed;z-index:20}.share-card{align-items:center;display:grid;gap:10px;grid-template-columns:28px 1fr auto auto;padding:14px}.share-card svg{color:var(--purple-700)}.share-card code,.room-course code{background:var(--purple-100);border-radius:10px;color:var(--purple-700);font-weight:900;padding:10px}.share-card button,.challenge-card button{background:var(--purple-700);border-radius:10px;color:#fff;font-size:12px;font-weight:850;padding:10px 12px}.lesson-path{display:grid;gap:10px;margin-top:10px}.lesson-row{align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;display:grid;gap:10px;grid-template-columns:34px 1fr auto 18px;min-height:64px;padding:10px;text-align:left}.step-dot{align-items:center;border:2px solid #d9d1e8;border-radius:50%;display:flex;font-size:12px;font-weight:900;height:28px;justify-content:center;width:28px}.step-dot.active{background:var(--purple-700);border-color:var(--purple-700);color:#fff}.lesson-row strong{display:block;font-size:13px;margin-bottom:5px}.lesson-row small{color:var(--purple-700);font-size:12px}.lesson-status-icon.completed{color:#2ea043}.lesson-status-icon.locked{color:var(--muted)}.lesson-complete-error{color:var(--coral-500);font-size:13px;margin-top:8px;text-align:center}[class*=path-].locked,.lesson-row.locked{cursor:not-allowed;opacity:.55}.path-coding{background:var(--purple-900);border-radius:18px;display:grid;gap:2px;margin-top:10px;padding:14px 10px;position:relative}.path-coding-rail{background:#ffffff1f;border-radius:99px;bottom:18px;left:44px;position:absolute;top:18px;width:2px}.path-coding-row{align-items:center;background:transparent;border-left:3px solid transparent;border-radius:8px;display:grid;gap:10px;grid-template-columns:20px 26px 1fr auto 16px;padding:10px 8px;position:relative;text-align:left}.path-coding-row.active{background:#ffffff12;border-left-color:var(--orange-600)}.path-coding-line{color:#ffffff59;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;text-align:right}.path-coding-marker{align-items:center;background:var(--purple-600);border-radius:7px;color:#fff;display:flex;height:26px;justify-content:center;width:26px}.path-coding-body strong{color:#f4eeff;display:block;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;margin-bottom:4px}.path-coding-comment{color:var(--orange-500);font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.path-coding-duration{color:#ffffff80;font-size:11px}.path-coding-row svg{color:#ffffff73}.path-accounting{background:var(--cream);border:1px solid var(--line);border-radius:16px;margin-top:10px;overflow:hidden}.path-accounting-head{color:var(--muted);display:grid;font-size:10px;font-weight:800;gap:10px;grid-template-columns:44px 1fr auto 16px;letter-spacing:.04em;padding:10px 12px 6px;text-transform:uppercase}.path-accounting-row{align-items:center;background:#fff;border-bottom:1px dashed var(--line);display:grid;gap:10px;grid-template-columns:44px 1fr auto 16px;padding:12px;text-align:left}.path-accounting-row:last-of-type{border-bottom:0}.path-accounting-row.active{background:#fff8ef}.path-accounting-stub{align-items:center;background:#fff1df;clip-path:polygon(0 0,100% 0,100% 78%,85% 100%,15% 100%,0 78%);color:#f17800;display:flex;font-size:11px;font-weight:900;height:34px;justify-content:center;width:34px}.path-accounting-duration{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums;text-align:right}.path-history{display:grid;gap:14px;margin-top:10px;padding-left:4px;position:relative}.path-history:before{background:repeating-linear-gradient(to bottom,#97725e 0 8px,transparent 8px 16px);border-radius:99px;bottom:6px;content:"";left:19px;position:absolute;top:6px;width:3px}.path-history-row{align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;display:grid;gap:10px;grid-template-columns:36px 1fr auto 16px;padding:10px;position:relative;text-align:left}.path-history-marker{align-items:center;background:linear-gradient(135deg,#2b2b2b,#97725e);border-radius:50%;box-shadow:0 0 0 4px var(--cream);color:#fff3df;display:flex;height:32px;justify-content:center;width:32px;z-index:1}.path-history-row.active .path-history-marker{box-shadow:0 0 0 4px var(--cream),0 0 0 6px var(--orange-600)}.path-business{display:grid;gap:10px;margin-top:10px}.path-business-row{align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;display:grid;gap:10px;grid-template-columns:36px 1fr auto 16px;margin:0 auto;padding:10px;text-align:left;width:100%}.path-business-row.active{border-color:#55c2aa}.path-business-marker{align-items:center;background:linear-gradient(135deg,#0f7d73,#55c2aa);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);color:#fff4c2;display:flex;font-size:12px;font-weight:900;height:36px;justify-content:center;width:36px}.path-science{display:grid;gap:2px;margin-top:10px}.path-science-bond{background:#57c9ac;display:block;height:14px;margin-left:27px;width:3px}.path-science-row{align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;display:grid;gap:10px;grid-template-columns:54px 1fr auto 16px;padding:10px;text-align:left;width:100%}.path-science-row.active{border-color:#57c9ac}.path-science-marker{align-items:center;background:linear-gradient(135deg,#0f8f7a,#7be3c8);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);color:#02362b;display:flex;height:54px;justify-content:center;width:54px}.path-language{display:grid;gap:16px;margin-top:10px}.path-language-row{align-items:center;background:transparent;display:flex;gap:8px;justify-content:flex-start;text-align:left;width:100%}.path-language-row.reverse{flex-direction:row-reverse}.path-language-bubble{background:#fff;border:1px solid var(--line);border-radius:16px 16px 16px 4px;display:block;max-width:82%;padding:12px 14px;position:relative}.path-language-row.reverse .path-language-bubble{border-bottom-left-radius:16px;border-bottom-right-radius:4px;margin-left:auto}.path-language-row.active .path-language-bubble{border-color:var(--coral-500)}.path-language-bubble:after{background:#fff;border-bottom:1px solid var(--line);border-right:1px solid var(--line);bottom:-5px;content:"";height:12px;left:14px;position:absolute;transform:rotate(45deg);width:12px}.path-language-row.reverse .path-language-bubble:after{left:auto;right:14px}.path-language-bubble strong{display:block;font-size:13px;margin-bottom:4px}.path-language-bubble small{color:var(--muted);display:block;font-size:11px;margin-top:4px}.path-math{background:#101b3d;border-radius:18px;display:grid;gap:2px;margin-top:10px;padding:14px 10px;position:relative}.path-math-rail{background:#ffffff1f;border-radius:99px;bottom:18px;left:26px;position:absolute;top:18px;width:2px}.path-math-row{align-items:center;background:transparent;border-left:3px solid transparent;border-radius:8px;display:grid;gap:10px;grid-template-columns:40px 1fr auto 16px;padding:10px 8px;position:relative;text-align:left}.path-math-row.active{background:#ffffff12;border-left-color:#4f6fee}.path-math-step{align-items:center;color:#9db4ff;display:flex;flex-direction:column;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:900;gap:2px}.path-math-body strong{color:#eef2ff;display:block;font-size:12.5px;margin-bottom:4px}.path-math-duration{color:#ffffff80;font-size:11px}.path-math-row svg{color:#ffffff73}.path-design{display:grid;gap:14px;margin-top:14px}.path-design-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 22px #3c1e781a;display:flex;gap:10px;justify-content:space-between;padding:12px 14px;text-align:left;transform:rotate(var(--tilt, 0deg));transition:transform .15s ease}.path-design-card:hover{transform:rotate(0)}.path-design-card.active{border-color:#e0508f}.path-design-body strong{display:block;font-size:13px;margin-bottom:5px}.path-health{display:grid;gap:2px;margin-top:10px}.path-health-pulse{background:repeating-linear-gradient(to bottom,#f2545f 0 6px,transparent 6px 12px);display:block;height:14px;margin-left:19px;width:3px}.path-health-row{align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;display:grid;gap:10px;grid-template-columns:36px 1fr auto 16px;padding:10px;text-align:left;width:100%}.path-health-row.active{border-color:#f2545f}.path-health-marker{align-items:center;background:linear-gradient(135deg,#a01224,#f2545f);border-radius:50%;color:#ffe4e6;display:flex;height:32px;justify-content:center;width:32px}.path-finance{display:grid;gap:10px;margin-top:10px}.path-finance-row{align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;display:grid;gap:10px;grid-template-columns:32px 1fr auto 16px;padding:10px;text-align:left}.path-finance-row.active{border-color:#f0b429}.path-finance-marker{align-items:center;background:linear-gradient(135deg,#8a5a00,#f0b429);border-radius:8px;color:#fff6df;display:flex;font-size:12px;font-weight:900;height:32px;justify-content:center;width:32px}.mini-progress{align-items:center;color:var(--muted);display:flex;flex:1;flex-direction:column;font-size:11px;font-weight:800;gap:7px;margin:0 12px}.mini-progress div{background:#eee8fb;border-radius:99px;height:6px;overflow:hidden;width:100%}.mini-progress i{background:var(--purple-700);display:block;height:100%}.lesson-title{margin:18px 0}.lesson-title .tag{margin-top:8px}.mascot-note{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.mascot-note>div{background:#fff;border:1px solid var(--line);border-radius:18px;padding:13px;width:calc(100% - 86px)}.mascot-note strong,.mascot-note span{display:block;font-size:13px}.mascot-note span{color:var(--muted);margin-top:4px}.lesson-blocks{display:grid;gap:14px}.lesson-card{padding:16px}.speech-card strong{display:block;margin-bottom:7px}.code-card{overflow:hidden;padding:0}.code-tabs{align-items:center;display:grid;font-size:13px;font-weight:900;grid-template-columns:1fr 1fr auto;padding:13px 15px}.code-tabs span:first-child{color:var(--purple-700)}.code-preview-grid{display:grid;grid-template-columns:1.4fr .8fr}pre{background:#121422;color:#f7f4ff;font-size:11px;line-height:1.55;margin:0;overflow:auto;padding:14px}.mini-preview{align-content:center;border-left:1px solid var(--line);display:grid;gap:12px;justify-items:center;padding:14px 10px}.mini-preview button{background:var(--purple-700);border-radius:10px;color:#fff;font-size:12px;font-weight:850;padding:10px}.formula-card{background:var(--purple-100);border:1px solid #e4d7ff;border-radius:14px;color:var(--purple-800);display:grid;gap:6px;padding:14px}.formula-card span{font-size:12px;font-weight:850}.table-wrap{border:1px solid var(--line);border-radius:12px;margin-top:10px;overflow:hidden}table{border-collapse:collapse;font-size:11px;width:100%}th,td{border-bottom:1px solid var(--line);padding:9px 7px;text-align:left}th{background:#f8f4ff;color:var(--purple-800);font-weight:900}.case-card span{align-items:center;color:var(--purple-700);display:inline-flex;font-weight:900;gap:6px}.case-card strong{display:block;margin-top:8px}.timeline-block{display:grid;gap:12px;position:relative}.timeline-item{align-items:start;display:grid;gap:12px;grid-template-columns:58px 1fr}.timeline-item>span{background:var(--purple-700);border-radius:10px;color:#fff;font-weight:950;padding:9px 0;text-align:center}.timeline-item>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}.quiz-card{background:#fff;border:1px solid var(--line);border-radius:18px;display:grid;gap:10px;padding:16px}.quiz-card>span{color:var(--purple-700);font-size:12px;font-weight:900}.quiz-card button:not(.primary-button){background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px;text-align:left}.quiz-card .correct{border-color:var(--purple-700)!important;box-shadow:inset 4px 0 0 var(--purple-700)}.checklist{display:grid;gap:9px;margin-top:10px}.checklist span{align-items:center;display:flex;gap:8px}.review-hero{align-items:start;display:flex;justify-content:space-between;margin-top:16px}.paw-ring{align-items:center;background:radial-gradient(circle at center,#fff 58%,transparent 59%),conic-gradient(var(--purple-700) 0 70%,#eee8fb 70% 100%);border-radius:50%;display:flex;font-weight:950;height:78px;justify-content:center;width:78px}.review-cat{align-items:center;display:flex;gap:14px;margin:18px 0}.speech-bubble{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 20px #23104f0f;font-size:13px;padding:13px}.review-list{display:grid;gap:10px;margin-top:10px}.review-row{align-items:center;display:grid;gap:12px;grid-template-columns:55px 1fr auto;padding:10px;text-align:left}.review-row span{background:var(--purple-700);border-radius:7px;color:#fff;display:inline-flex;font-size:10px;font-weight:850;margin-top:5px;padding:4px 7px}.streak-card{align-items:center;display:grid;gap:12px;grid-template-columns:34px 1fr;margin-top:14px;padding:14px}.streak-card svg{color:var(--orange-600)}.streak-dots{display:flex;gap:7px;margin-top:9px}.streak-dots span{background:#d8d2e6;border-radius:50%;height:12px;width:12px}.streak-dots .done{background:var(--orange-600)}.room-layout{display:block}.room-course{align-items:center;display:flex;justify-content:space-between;margin-top:12px;padding:14px}.room-course span{align-items:center;color:var(--muted);display:flex;font-size:12px;gap:5px;margin-top:6px}.members-card{margin-top:18px;padding:14px}.member-row{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.avatar{align-items:center;background:#f5f1ff;border:4px solid var(--purple-100);border-radius:50%;display:inline-flex;font-weight:950;height:58px;justify-content:center;margin:0 auto;position:relative;width:58px}.avatar span{background:var(--purple-700);border-radius:99px;bottom:-6px;color:#fff;font-size:10px;padding:3px 6px;position:absolute;right:-6px}.avatar.teal{background:#dff9f5;border-color:#9de6da}.avatar.blue{background:#eaf5ff;border-color:#aad5ff}.avatar.pink{background:#fff0f4;border-color:#ffd0dd}.member small{display:block;font-weight:800;margin-top:8px}.group-streak,.challenge-card,.reactions-card{align-items:center;display:flex;gap:13px;margin-top:14px;padding:15px}.group-streak svg{color:var(--orange-600)}.group-streak>strong{color:var(--orange-600);font-size:24px;margin-left:auto}.week-row{display:flex;gap:8px;margin-top:10px}.week-row span{align-items:center;border:1px solid #ffd5a2;border-radius:50%;color:var(--muted);display:flex;font-size:10px;height:24px;justify-content:center;width:24px}.week-row .done{background:#fff1df;color:var(--orange-600)}.challenge-card button{margin-left:auto}.reactions-card{justify-content:space-between}.reactions-card div{align-items:center;display:flex;gap:10px}.reactions-card span{font-size:24px;font-weight:950}.reactions-card button{align-items:center;background:#fff3e4;border-radius:12px;color:var(--orange-600);display:flex;height:42px;justify-content:center;width:42px}.chat-input{align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;display:grid;gap:10px;grid-template-columns:44px 1fr 42px;margin-top:14px;padding:8px}.chat-input span{color:#aaa3b8}.chat-input button{align-items:center;background:var(--purple-700);border-radius:50%;color:#fff;display:flex;height:42px;justify-content:center;width:42px}.discover-header{margin-bottom:10px}.filter-row{display:flex;gap:8px;margin:14px 0 20px;overflow-x:auto}.filter-row button{background:#fff;border:1px solid var(--line);border-radius:12px;color:var(--purple-700);flex:0 0 auto;font-size:12px;font-weight:900;padding:11px 13px}.filter-row .active{background:var(--purple-700);color:#fff}.discover-list .course-card{align-items:start}.reaction-buttons{background:#fff;border:1px solid var(--line);border-radius:18px;display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr;margin-top:16px;padding:14px}.reaction-buttons p{grid-column:1 / -1}.reaction-buttons button{background:#f6f2ff;border-radius:12px;color:var(--purple-700);font-size:12px;font-weight:900;padding:12px 8px}.profile-card,.paywall-hero{align-items:center;display:flex;flex-direction:column;margin-top:14px;padding:20px;text-align:center}.profile-card button{align-items:center;background:#fff1df;border-radius:12px;color:var(--orange-600);display:inline-flex;font-weight:900;gap:7px;margin-top:14px;padding:12px 16px}.stats-grid{display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin:16px 0}.stat-card{background:#fff;border:1px solid var(--line);border-radius:16px;display:grid;gap:5px;justify-items:center;padding:14px 8px}.stat-card svg{color:var(--purple-700)}.stat-card strong{font-size:20px}.stat-card span,.limit-row span{color:var(--muted);font-size:12px}.limit-row{display:flex;justify-content:space-between;margin:16px 0 10px}.paywall-hero span{align-items:center;background:var(--purple-700);border-radius:99px;color:#fff;display:inline-flex;font-weight:950;gap:6px;margin:-22px 0 14px;padding:9px 14px}.benefits-card{display:grid;gap:14px;margin:18px 0;padding:16px}.benefit-row{align-items:start;display:flex;gap:12px}.benefit-row svg{color:var(--purple-700);margin-top:2px}.benefit-row span{color:var(--muted);display:block;font-size:12px;margin-top:3px}.pricing-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.pricing-grid button{background:#fff;border:1px solid var(--line);border-radius:17px;display:grid;min-height:112px;padding:14px;position:relative;text-align:left}.pricing-grid .selected{border:2px solid var(--orange-600)}.pricing-grid small{background:var(--orange-600);border-radius:99px;color:#fff;font-size:10px;font-weight:950;padding:4px 8px;position:absolute;right:10px;top:-10px}.pricing-grid span{font-size:20px;font-weight:950}.pricing-grid em{color:var(--purple-700);font-size:12px;font-style:normal;font-weight:850}.center{display:block;margin:14px auto 0}.fine-print{font-size:11px;margin-top:18px;text-align:center}.small-utility{align-items:center;background:#f8f4ff;border-radius:12px;color:var(--purple-700);display:flex;gap:6px;margin:10px auto 0;padding:10px 12px}.settings-section{margin-top:18px}.settings-section h2{margin-bottom:14px}.settings-account-row{align-items:center;display:flex;gap:14px}.settings-field{display:grid;flex:1;gap:6px}.settings-field label{color:var(--muted);font-size:12px;font-weight:800}.settings-input{background:#fff;border:1px solid var(--line);border-radius:13px;color:var(--ink);font:inherit;font-weight:800;min-height:44px;padding:0 14px;width:100%}.settings-caption{color:var(--muted);font-size:12px;line-height:1.45;margin-top:10px}.settings-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.settings-row{align-items:center;border-top:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;padding:14px 0}.settings-row:first-of-type{border-top:0;padding-top:0}.settings-row span{align-items:center;display:inline-flex;font-weight:850;gap:6px}.settings-row .settings-caption{margin-top:4px}.settings-value{color:var(--muted);font-weight:800}.settings-segmented{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:14px}.settings-segmented-option{align-items:center;background:#fff;border:1px solid var(--line);border-radius:13px;color:var(--muted);display:inline-flex;font-size:12px;font-weight:850;gap:6px;justify-content:center;min-height:44px}.settings-segmented-option.active{background:var(--purple-100);border-color:#eadcff;color:var(--purple-700)}.switch{background:var(--line);border-radius:99px;display:inline-flex;flex-shrink:0;height:26px;padding:3px;transition:background .15s ease;width:44px}.switch span{background:#fff;border-radius:50%;box-shadow:0 2px 6px #23104f33;height:20px;transition:transform .15s ease;width:20px}.switch.on{background:var(--purple-600)}.switch.on span{transform:translate(18px)}.danger-button{color:var(--coral-500)}.settings-status{border-radius:12px;font-size:12px;font-weight:800;margin-top:12px;padding:10px 12px}.settings-status.success{background:#eafff2;color:#1a9a5c}.settings-status.error{background:#fff0ee;color:var(--coral-500)}.about-row{align-items:center;background:transparent;border-top:1px solid var(--line);color:var(--ink);display:flex;font-weight:800;gap:10px;padding:14px 0;width:100%}.about-row:first-of-type{border-top:0}.about-row-chevron{color:var(--muted);margin-left:auto}.reduce-motion .page{animation:none}.auth-page h1{margin:18px 0 6px}.auth-page>p{margin-bottom:20px}.auth-empty{display:grid;gap:8px;margin-top:40px;text-align:center}.auth-oauth-row{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.auth-oauth-button{align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;display:flex;font-size:13px;font-weight:850;gap:8px;justify-content:center;min-height:48px}.auth-oauth-button:disabled{cursor:not-allowed;opacity:.5}.auth-divider{align-items:center;color:var(--muted);display:flex;font-size:11px;font-weight:800;gap:10px;margin-bottom:18px;text-align:center}.auth-divider:before,.auth-divider:after{background:var(--line);content:"";flex:1;height:1px}.auth-form{display:grid;gap:12px}.auth-field{align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;display:flex;gap:10px;min-height:52px;padding:0 14px}.auth-field svg:first-child{color:var(--muted);flex-shrink:0}.auth-input{background:transparent;border:0;color:var(--ink);flex:1;font:inherit;min-width:0;outline:none}.auth-field-toggle{background:transparent;color:var(--muted);flex-shrink:0}.auth-forgot{justify-self:end}.auth-error{background:#fff0f4;border-radius:12px;color:#e23e67;font-size:12px;font-weight:800;padding:10px 12px}.auth-notice{background:var(--purple-100);border-radius:12px;color:var(--purple-700);font-size:12px;font-weight:800;padding:10px 12px}.auth-switch{margin-top:18px;text-align:center}.auth-switch button{background:transparent;color:var(--purple-700);font-weight:850}@media (min-width: 768px){.side-nav{background:var(--paper);border-right:1px solid var(--line);display:flex;flex-direction:column;flex-shrink:0;height:100vh;height:100dvh;padding:20px 0;padding-top:calc(env(safe-area-inset-top) + 20px);position:sticky;top:0;width:var(--side-nav-w)}.bottom-nav{display:none}.top-header{justify-content:flex-end}.top-header .brand{display:none}.screen-content{padding-left:calc(env(safe-area-inset-left) + 32px);padding-right:calc(env(safe-area-inset-right) + 32px);padding-top:calc(env(safe-area-inset-top) + 28px)}.page.auth-page,.page.builder-page,.page.paywall-page,.page.profile-page,.page.review-page,.page.settings-page{margin:0 auto;width:100%}.page.auth-page,.page.builder-page{max-width:480px}.page.paywall-page{max-width:560px}.page.profile-page,.page.review-page,.page.settings-page{max-width:640px}.home-dashboard{display:block}.chip-grid{grid-template-columns:repeat(5,1fr)}.course-list{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.home-main .course-card.compact .course-card-body p{display:block}.course-list.discover-list{grid-template-columns:repeat(2,1fr)}.course-workspace,.course-workspace.has-lesson{align-items:start;display:grid;gap:0;grid-template-columns:minmax(280px,340px) 1fr}.course-workspace-outline,.course-workspace.has-lesson .course-workspace-outline{display:block}.course-workspace-lesson,.course-workspace.has-lesson .course-workspace-lesson{border-left:1px solid var(--line);display:block;padding-left:28px}.course-workspace-lesson .plain-header .icon-button:first-child{visibility:hidden}.path-business-row{max-width:100%!important}.path-language-bubble{max-width:88%}.path-science-marker,.path-business-marker{height:32px;width:32px}.path-science-row{grid-template-columns:32px 1fr auto 16px}.room-layout{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(280px,340px) 1fr}}@media (min-width: 1200px){.page{margin:0 auto;max-width:1320px}.side-nav{padding-left:12px;padding-right:12px;width:var(--side-nav-w-wide)}.side-nav-brand{display:block}.side-nav-items button span{display:inline}.home-dashboard{align-items:start;display:grid;gap:32px;grid-template-columns:2fr 1fr}.home-rail{position:sticky;top:28px}.course-list.discover-list{grid-template-columns:repeat(3,1fr)}}[data-theme=dark]{--ink: #f1edfb;--muted: #a79cc9;--line: #37294f;--paper: #1c1533;--cream: #171227;background:#130f22}[data-theme=dark] .app-shell{background:radial-gradient(circle at top left,rgba(255,140,36,.1),transparent 33%),linear-gradient(135deg,#180f2e,#150f26 45%,#140c28)}[data-theme=dark] .side-nav{background:var(--cream)}[data-theme=dark] .notification:after{border-color:var(--paper)}[data-theme=dark] .difficulty-option,[data-theme=dark] .course-card,[data-theme=dark] .big-card,[data-theme=dark] .share-card,[data-theme=dark] .resume-card,[data-theme=dark] .header-menu,[data-theme=dark] .lesson-card,[data-theme=dark] .members-card,[data-theme=dark] .group-streak,[data-theme=dark] .challenge-card,[data-theme=dark] .reactions-card,[data-theme=dark] .streak-card,[data-theme=dark] .review-row,[data-theme=dark] .room-course,[data-theme=dark] .benefits-card,[data-theme=dark] .profile-card,[data-theme=dark] .builder-error-actions .icon-button,[data-theme=dark] .lesson-row,[data-theme=dark] .path-accounting-row,[data-theme=dark] .path-history-row,[data-theme=dark] .path-business-row,[data-theme=dark] .path-science-row,[data-theme=dark] .path-language-bubble,[data-theme=dark] .path-language-bubble:after,[data-theme=dark] .mascot-note>div,[data-theme=dark] .timeline-item>div,[data-theme=dark] .quiz-card,[data-theme=dark] .quiz-card button:not(.primary-button),[data-theme=dark] .speech-bubble,[data-theme=dark] .chat-input,[data-theme=dark] .filter-row button,[data-theme=dark] .reaction-buttons,[data-theme=dark] .stat-card,[data-theme=dark] .pricing-grid button,[data-theme=dark] .settings-input,[data-theme=dark] .settings-segmented-option,[data-theme=dark] .switch span,[data-theme=dark] .auth-oauth-button,[data-theme=dark] .auth-field{background:var(--paper)}[data-theme=dark] .cat-tip,[data-theme=dark] th,[data-theme=dark] .small-utility{background:var(--cream)}[data-theme=dark] .bottom-nav{background:#171227f0}[data-theme=dark] .bottom-nav button{color:var(--muted)}