@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,500;0,8..60,600;1,8..60,400&display=swap";:root{--font-ui:"Plus Jakarta Sans", system-ui, sans-serif;--font-read:"Source Serif 4", Georgia, serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--accent:#4f46e5;--accent-strong:color-mix(in oklch, var(--accent) 80%, #000);--accent-soft:color-mix(in oklch, var(--accent) 12%, white);--accent-tint:color-mix(in oklch, var(--accent) 8%, white);--accent-selection:color-mix(in oklch, var(--accent) 22%, white);--bg:oklch(98.4% .004 250);--surface:#fff;--surface-2:oklch(97.2% .005 250);--line:oklch(91% .006 255);--line-soft:oklch(94.5% .005 255);--ink:oklch(26% .02 262);--ink-2:oklch(44% .018 262);--ink-3:oklch(60% .014 262);--success-bg:#dcfce7;--success-fg:#15803d;--complete:#16a34a;--error-bg:#fef2f2;--error-fg:#b91c1c;--error-border:#fecaca;--warning-bg:#fef3c7;--warning-fg:#b45309;--radius:16px;--radius-sm:10px;--radius-button:12px;--radius-pill:999px;--shadow-sm:0 1px 2px #0f172a0d, 0 1px 3px #0f172a0a;--shadow-md:0 4px 12px #0f172a0f, 0 2px 6px #0f172a0a;--shadow-lg:0 18px 50px #0f172a24;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:22px;--space-2xl:32px;--space-3xl:40px;--maxw:1120px}[data-accent=indigo]{--c-accent:#4f46e5}[data-accent=teal]{--c-accent:#0d9488}[data-accent=amber]{--c-accent:#d97706}[data-accent=violet]{--c-accent:#7c3aed}::selection{background:var(--accent-selection)}[data-theme=dark]{--accent-strong:color-mix(in oklch, var(--accent) 70%, white);--accent-soft:color-mix(in oklch, var(--accent) 26%, var(--surface));--accent-tint:color-mix(in oklch, var(--accent) 15%, var(--surface));--accent-selection:color-mix(in oklch, var(--accent) 40%, var(--surface-2));--success-fg:#4ade80;--complete:#22c55e;--shadow-sm:0 1px 2px #00000080, 0 1px 3px #0006;--shadow-md:0 4px 14px #00000080, 0 2px 6px #0006;--shadow-lg:0 24px 60px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark],[data-theme=dark][data-palette=slate]{--bg:oklch(17.8% .012 260);--surface:oklch(21.5% .014 260);--surface-2:oklch(26.2% .016 261);--line:oklch(33.5% .018 262);--line-soft:oklch(28.5% .015 262);--ink:oklch(95.5% .006 260);--ink-2:oklch(79% .014 261);--ink-3:oklch(63% .016 262)}[data-theme=dark][data-palette=midnight]{--bg:oklch(16.5% .035 264);--surface:oklch(20.5% .04 265);--surface-2:oklch(25.2% .046 266);--line:oklch(33.5% .05 267);--line-soft:oklch(28.5% .044 266);--ink:oklch(95.5% .01 265);--ink-2:oklch(79% .022 266);--ink-3:oklch(64% .03 267)}[data-theme=dark][data-palette=carbon]{--bg:oklch(16.5% 0 0);--surface:oklch(20.5% 0 0);--surface-2:oklch(25.2% 0 0);--line:oklch(33% 0 0);--line-soft:oklch(28.2% 0 0);--ink:oklch(96% 0 0);--ink-2:oklch(79% 0 0);--ink-3:oklch(63% 0 0)}[data-theme=dark][data-palette=warm]{--bg:oklch(18.2% .009 64);--surface:oklch(22.2% .011 62);--surface-2:oklch(26.8% .013 60);--line:oklch(34% .016 58);--line-soft:oklch(29.2% .013 60);--ink:oklch(95.7% .008 70);--ink-2:oklch(80% .016 64);--ink-3:oklch(64.5% .018 60)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-ui);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}#root{min-height:100%}button{cursor:pointer;font-family:inherit}.brand{background:0 0;border:0;align-items:center;gap:10px;padding:0;display:inline-flex}.brand-mark{background:linear-gradient(135deg, var(--accent), color-mix(in oklch, var(--accent) 55%, #000));border-radius:8px;width:26px;height:26px;position:relative;box-shadow:inset 0 0 0 2px #ffffff40}.brand-mark:after{content:"";border:2px solid #ffffffeb;border-right-color:#0000;border-radius:3px;position:absolute;inset:7px;transform:rotate(-45deg)}.brand-name{letter-spacing:-.02em;color:var(--ink);font-size:18px;font-weight:800}.brand-lg .brand-mark{border-radius:10px;width:34px;height:34px}.brand-lg .brand-name{font-size:22px}.login{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-card{flex-direction:column;justify-content:center;width:100%;max-width:620px;margin-left:auto;padding:64px clamp(40px,7vw,110px);display:flex}.login-title{letter-spacing:-.025em;margin:34px 0 8px;font-size:34px}.login-sub{color:var(--ink-2);max-width:38ch;margin:0 0 30px;font-size:16px;line-height:1.5}.field{flex-direction:column;gap:7px;margin-bottom:16px;display:flex}.field label{color:var(--ink-2);font-size:13px;font-weight:600}.field input{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:11px;padding:12px 14px;font-family:inherit;font-size:15px;transition:all .15s}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint);outline:none}.login-btn{background:var(--accent);color:#fff;width:100%;box-shadow:var(--shadow-md);border:0;border-radius:12px;margin-top:6px;padding:14px;font-size:15.5px;font-weight:700;transition:all .16s}.login-btn:hover:not(:disabled){background:var(--accent-strong);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-error{color:var(--error-fg);background:var(--error-bg);border:1px solid var(--error-border);border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:13.5px}.login-fine{color:var(--ink-3);margin-top:26px;font-size:12.5px;line-height:1.5}.login-aside{background:linear-gradient(150deg, var(--accent-strong), color-mix(in oklch, var(--accent) 60%, #0b1020));color:#fff;position:relative;overflow:hidden}.login-aside:before{content:"";opacity:.5;background-image:radial-gradient(circle at 1px 1px,#ffffff29 1px,#0000 0);background-size:26px 26px;position:absolute;inset:0}.login-aside-inner{flex-direction:column;justify-content:center;max-width:560px;height:100%;padding:clamp(40px,6vw,90px);display:flex;position:relative}.aside-kicker{text-transform:uppercase;letter-spacing:.18em;opacity:.8;margin:0 0 18px;font-size:12px;font-weight:700}.aside-h{letter-spacing:-.03em;max-width:16ch;margin:0 0 18px;font-size:clamp(30px,3.4vw,44px);line-height:1.08}.aside-p{opacity:.88;max-width:36ch;margin:0 0 44px;font-size:17px;line-height:1.55}.topbar{z-index:30;background:color-mix(in oklch, var(--surface) 86%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}.topbar-inner{max-width:var(--maxw);align-items:center;gap:18px;height:64px;margin:0 auto;padding:0 24px;display:flex}.crumbs{align-items:center;gap:9px;font-size:14px;display:flex}.crumbs button{color:var(--ink-3);background:0 0;border:0;padding:0;font-size:14px}.crumbs button:hover{color:var(--accent-strong)}.crumb-sep{color:var(--line)}.crumb-cur{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:42ch;font-weight:600;overflow:hidden}.topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.icon-btn{width:38px;height:38px;color:var(--ink-2);background:0 0;border:0;border-radius:10px;place-items:center;transition:all .15s;display:grid;position:relative}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.icon-btn .dot{border:2px solid var(--surface);background:#ef4444;border-radius:50%;width:7px;height:7px;position:absolute;top:9px;right:9px}.account{display:flex;position:relative}.account-trigger{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.account-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.account-menu{background:var(--surface);border:1px solid var(--line);z-index:40;border-radius:12px;min-width:216px;padding:6px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 32px #00000029}.account-who{border-bottom:1px solid var(--line);flex-direction:column;gap:2px;padding:10px 12px 12px;display:flex}.account-who strong{color:var(--ink);font-size:13.5px}.account-who span{color:var(--ink-3);overflow-wrap:anywhere;font-size:12.5px}.account-menu>button{text-align:left;width:100%;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:8px;margin-top:6px;padding:9px 12px;font-size:13.5px;transition:all .15s}.account-menu>button:hover{background:var(--surface-2);color:var(--ink)}.avatar{background:linear-gradient(140deg, var(--accent), color-mix(in oklch, var(--accent) 55%, #000));color:#fff;letter-spacing:.02em;border-radius:50%;place-items:center;font-weight:700;display:grid}.page{max-width:var(--maxw);margin:0 auto;padding:40px 24px 90px}.muted{color:var(--ink-3);font-size:14px}.section-head{justify-content:space-between;align-items:baseline;margin:6px 0 18px;display:flex}.section-head h2{letter-spacing:-.01em;margin:0;font-size:19px}.full-loader{min-height:100vh;color:var(--ink-3);place-items:center;font-size:14px;display:grid}.dash-head{grid-template-columns:1fr minmax(280px,360px);align-items:end;gap:28px;margin-bottom:40px;display:grid}.dash-hello{color:var(--ink-2);margin:0 0 6px;font-size:15px}.dash-title{letter-spacing:-.03em;margin:0;font-size:34px}.resume{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:8px;padding:18px 20px;transition:all .16s;display:flex}.resume:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.resume-k{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-strong);font-size:12px;font-weight:700}.resume-t{letter-spacing:-.01em;font-size:16px;font-weight:700}.resume-cta{color:var(--accent-strong);align-items:center;gap:6px;margin-top:2px;font-size:14px;font-weight:600;display:inline-flex}.prog-wrap{align-items:center;gap:10px;width:100%;display:flex}.prog-track{background:var(--line-soft);border-radius:999px;flex:1;overflow:hidden}.prog-fill{background:linear-gradient(90deg, var(--accent), color-mix(in oklch, var(--accent) 70%, #000));border-radius:999px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.prog-text{color:var(--ink-3);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12.5px}.course-grid.grid-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;display:grid}.ccard{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:all .18s;display:flex;overflow:hidden}.ccard:hover{box-shadow:var(--shadow-lg);border-color:color-mix(in oklch, var(--c-accent) 35%, var(--line));transform:translateY(-3px)}.ccard-grid{flex-direction:column}.ccard-cover{background:color-mix(in oklch, var(--c-accent) 10%, white);height:130px;position:relative;overflow:hidden}.ccard-grid .ccard-cover{height:130px}.ccard-code{color:var(--c-accent);letter-spacing:.04em;box-shadow:var(--shadow-sm);background:#ffffffeb;border-radius:7px;padding:4px 9px;font-size:12px;font-weight:800;position:absolute;bottom:12px;left:14px}.ccard-body{flex-direction:column;flex:1;gap:9px;padding:18px 20px 20px;display:flex}.ccard-meta{align-items:center;gap:10px;display:flex}.pill{letter-spacing:.01em;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:700}.st-new{background:var(--surface-2);color:var(--ink-2)}.st-prog{background:color-mix(in oklch, var(--c-accent) 14%, white);color:var(--c-accent)}.st-done{background:var(--success-bg);color:var(--success-fg)}.ccard-cat{color:var(--ink-3);font-size:12.5px}.ccard-title{letter-spacing:-.015em;margin:0;font-size:18px;line-height:1.25}.ccard-sub{color:var(--ink-2);flex:1;margin:0;font-size:14px;line-height:1.5}.ccard-foot{margin-top:6px}.ccard-cta{color:var(--c-accent);justify-content:space-between;align-items:center;margin-top:4px;font-size:14px;font-weight:700;display:flex}.ccard-cta span{align-items:center;gap:6px;display:inline-flex}.glyph{opacity:.9;position:absolute;inset:0}.glyph:before,.glyph:after{content:"";position:absolute}.glyph-tokens{background:repeating-linear-gradient(90deg, transparent 0 18px, color-mix(in oklch, var(--c-accent) 22%, transparent) 18px 20px), repeating-linear-gradient(0deg, transparent 0 18px, color-mix(in oklch, var(--c-accent) 14%, transparent) 18px 20px)}.glyph-grid{background-image:radial-gradient(circle at 2px 2px, color-mix(in oklch, var(--c-accent) 32%, transparent) 2px, transparent 0);background-size:22px 22px}.glyph-waves{background:repeating-linear-gradient(115deg, color-mix(in oklch, var(--c-accent) 16%, transparent) 0 10px, transparent 10px 26px)}.glyph-dots{background-image:radial-gradient(circle at center, color-mix(in oklch, var(--c-accent) 40%, transparent) 3px, transparent 0);background-size:30px 30px}.course-hero{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:32px;padding:34px 36px;display:flex;position:relative;overflow:hidden}.course-hero:before{content:"";background:var(--c-accent);width:5px;position:absolute;top:0;bottom:0;left:0}.course-hero-code{letter-spacing:.04em;color:var(--c-accent);text-transform:uppercase;font-size:13px;font-weight:700}.course-hero-title{letter-spacing:-.03em;margin:10px 0;font-size:30px;line-height:1.1}.course-hero-sub{color:var(--ink-2);max-width:56ch;margin:0 0 16px;font-size:16px;line-height:1.55}.course-hero-meta{color:var(--ink-3);align-items:center;gap:12px;font-size:14px;display:flex}.meta-dot{color:var(--line)}.course-hero-prog{flex-direction:column;flex-shrink:0;align-items:center;gap:12px;display:flex}.ring{--p:0;background:conic-gradient(var(--c-accent) calc(var(--p) * 1%), var(--line-soft) 0);border-radius:50%;place-items:center;width:104px;height:104px;display:grid;position:relative}.ring:before{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:11px}.ring span{letter-spacing:-.02em;color:var(--ink);font-size:22px;font-weight:800;position:relative}.ring-label{color:var(--ink-3);font-size:13px}.hero-enroll{flex-direction:column;flex-shrink:0;align-items:center;gap:12px;display:flex}.enroll-btn{background:var(--accent);color:#fff;box-shadow:var(--shadow-md);white-space:nowrap;border:0;border-radius:12px;padding:14px 24px;font-size:15px;font-weight:700;transition:all .16s}.enroll-btn:hover:not(:disabled){background:var(--accent-strong);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.enroll-btn:disabled{opacity:.6;cursor:not-allowed}.modules{flex-direction:column;gap:16px;display:flex}.mod{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.mod-head{background:var(--surface-2);text-align:left;border:0;align-items:center;gap:12px;width:100%;padding:18px 22px;display:flex}.mod-head:hover{background:color-mix(in oklch, var(--accent) 5%, var(--surface-2))}.mod-head svg{color:var(--ink-3);flex-shrink:0}.mod-title{letter-spacing:-.01em;color:var(--ink);flex:1;margin:0;font-size:16.5px;font-weight:700}.mod-count{color:var(--ink-3);background:var(--surface);border:1px solid var(--line);font-variant-numeric:tabular-nums;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600}.mod-items{padding:6px 10px 12px}.item-row{border-radius:var(--radius-sm);align-items:center;gap:14px;padding:13px 14px;display:flex;position:relative}.item-row+.item-row{border-top:1px solid var(--line-soft);border-radius:0}.item-click{cursor:pointer;transition:background .14s}.item-click:hover{background:var(--accent-tint);border-radius:var(--radius-sm)}.item-click:hover+.item-row{border-top-color:#0000}.item-hl{background:color-mix(in oklch, var(--accent) 5%, transparent)}.item-status{border:2px solid var(--line);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.item-status.is-done{background:var(--complete);border-color:var(--complete)}.item-icon{color:var(--ink-2);flex-shrink:0;place-items:center;display:grid}.item-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.item-title{color:var(--ink);letter-spacing:-.005em;font-size:15.5px;font-weight:650}.item-click:hover .item-title{color:var(--accent-strong)}.item-meta{color:var(--ink-3);align-items:center;gap:12px;font-size:13px;display:flex}.item-meta-row{align-items:center;gap:5px;display:inline-flex}.item-pts{font-weight:600}.item-go{color:var(--accent-strong);opacity:0;transition:all .15s;transform:translate(-4px)}.item-click:hover .item-go{opacity:1;transform:translate(0)}.item-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);background:var(--surface-2);border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.empty{text-align:center;border:1px dashed var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:8px;padding:64px 20px;display:flex}.empty p{margin:0;font-size:16px;font-weight:600}.reader{background:var(--surface);height:100vh;position:relative;overflow-y:auto}.reader-prog{background:var(--accent);transform-origin:0;z-index:50;height:3px;transition:transform .1s linear;position:fixed;top:0;left:0;right:0}.reader-bar{z-index:20;background:color-mix(in oklch, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:14px 28px;display:flex;position:sticky;top:0}.back-btn{color:var(--ink-2);background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;padding:6px 8px;font-size:14px;font-weight:600;display:inline-flex}.back-btn:hover{background:var(--surface-2);color:var(--ink)}.reader-bar-title{color:var(--ink-3);margin-left:2px;font-size:13.5px}.reader-bar-status{color:var(--ink-3);background:var(--surface-2);border-radius:999px;align-items:center;gap:5px;margin-left:auto;padding:5px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.reader-bar-status.on{color:var(--success-fg);background:var(--success-bg)}.ls{max-width:720px;margin:0 auto;padding:56px 28px 40px}.ls-head{margin-bottom:14px}.ls-kicker{letter-spacing:.04em;text-transform:uppercase;color:var(--accent-strong);font-size:13px;font-weight:700}.ls-title{font-family:var(--font-read);letter-spacing:-.02em;margin:14px 0 16px;font-size:clamp(30px,4.4vw,44px);line-height:1.12}.ls-lede{font-family:var(--font-read);color:var(--ink-2);letter-spacing:-.005em;margin:-8px 0 20px;font-size:clamp(18px,2.1vw,21px);line-height:1.45}.ls-lede em{font-style:italic}.ls-lede strong{font-weight:700}.ls-grid{display:block}.ls-body{font-family:var(--font-read)}.ls-content p{color:var(--ink);letter-spacing:-.003em;margin:22px 0;font-size:19px;line-height:1.7}.ls-content code{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--line-soft);color:var(--accent-strong);border-radius:5px;padding:2px 6px;font-size:.86em}.ls-content h2{font-family:var(--font-read);letter-spacing:-.02em;margin:44px 0 8px;font-size:27px;line-height:1.2}.ls-content h3{font-family:var(--font-read);letter-spacing:-.015em;margin:32px 0 6px;font-size:22px;line-height:1.25}.ls-content ul,.ls-content ol{color:var(--ink);margin:20px 0;padding-left:24px;font-size:19px;line-height:1.7}.ls-content li{margin:8px 0}.ls-content a{color:var(--accent-strong);text-underline-offset:2px;text-decoration:underline}.ls-content strong{font-weight:700}.ls-content em{font-style:italic}.ls-content blockquote{border-left:4px solid var(--accent);margin:34px 0;padding:6px 0 6px 26px}.ls-content blockquote p{font-family:var(--font-read);color:var(--ink);letter-spacing:-.01em;margin:0 0 8px;font-size:23px;font-style:italic;line-height:1.42}.ls-content blockquote cite{font-family:var(--font-ui);color:var(--ink-3);font-size:14px;font-style:normal;font-weight:600}.ls-content img{border-radius:12px;max-width:100%;height:auto;margin:20px 0}.ls-fig{margin:36px 0}.ls-fig video,.ls-fig img{border:1px solid var(--line);border-radius:12px;width:100%;display:block}.ls-fig figcaption{font-family:var(--font-ui);color:var(--ink-3);text-align:center;margin-top:12px;font-size:13.5px;line-height:1.45}.ls-download{font-family:var(--font-ui);color:var(--accent-strong);border:1px solid var(--line);background:var(--surface-2);border-radius:12px;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.ls-download:hover{background:var(--accent-tint)}.ph{background:repeating-linear-gradient(45deg, color-mix(in oklch, var(--ph-tint) 9%, var(--surface-2)) 0 12px, var(--surface-2) 12px 24px);border:1px solid var(--line);place-items:center;width:100%;display:grid}.ph-label{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-3);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:12.5px}.ask-wrap{align-items:center;display:flex;position:relative}.ask-trigger{border:1px solid var(--line);background:var(--surface-2);width:32px;height:32px;color:var(--ink-2);border-radius:999px;justify-content:center;align-items:center;padding:0;transition:color .16s,background .16s,border-color .16s;display:inline-flex}.ask-trigger:hover{color:var(--accent-strong);border-color:var(--accent)}.ask-trigger.is-open{color:#fff;background:var(--accent);border-color:#0000}.ask-pop{z-index:30;width:min(340px,100vw - 32px);font-family:var(--font-ui);text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:14px;position:absolute;top:calc(100% + 10px);right:0}.ask-pop-title{color:var(--ink);margin:0 0 10px;font-size:13.5px;font-weight:700}.ask-pop-note{color:var(--ink-3);margin:10px 0 0;font-size:11.5px;line-height:1.45}.ask-input{box-sizing:border-box;width:100%;font:inherit;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:9px 11px;font-size:14px;transition:border-color .16s,box-shadow .16s}.ask-input::placeholder{color:var(--ink-3)}.ask-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklch, var(--accent) 18%, transparent);outline:none}.ask-actions{gap:8px;margin-top:10px;display:flex}.ask-btn{text-align:center;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);flex:1 1 0;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:13.5px;font-weight:600;text-decoration:none;transition:background .16s,transform .16s;display:inline-flex}.ask-btn:hover{transform:translateY(-1px)}.ask-btn-primary{color:#fff;background:var(--accent);border-color:#0000;font-weight:700}.ask-btn-primary:hover{background:var(--accent-strong)}.ask-btn.is-disabled{opacity:.5;pointer-events:none}.ls-pager{margin:56px 0 20px}.ls-pager-inner{font-family:var(--font-ui);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);justify-content:space-between;align-items:stretch;gap:10px;padding:12px;display:flex}.ls-pager-btn{border-radius:var(--radius-sm);min-width:0;font:inherit;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;flex:1 1 0;align-items:center;gap:12px;padding:12px 14px;transition:background .16s,transform .16s;display:flex}.ls-pager-btn:hover:not(:disabled){background:var(--surface);transform:translateY(-1px)}.ls-pager-btn:disabled{opacity:.6;cursor:default}.ls-pager-btn svg{flex-shrink:0}.ls-pager-next,.ls-pager-finish{text-align:right;justify-content:flex-end}.ls-pager-text{flex-direction:column;gap:2px;min-width:0;display:flex}.ls-pager-label{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);font-size:11.5px;font-weight:700}.ls-pager-next .ls-pager-label,.ls-pager-finish .ls-pager-label{color:var(--accent-strong)}.ls-pager-title{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.ls-pager-spacer{flex:1 1 0}.ls-pager-finish.is-done .ls-pager-label{color:var(--complete)}@media (width<=560px){.ls-pager-inner{flex-direction:column;gap:4px}.ls-pager-next,.ls-pager-finish{text-align:left;flex-direction:row-reverse;justify-content:flex-start}.ls-pager-spacer{display:none}}.celebrate{z-index:60;pointer-events:none;position:fixed;inset:0}.confetti{width:100%;height:100%}.celebrate-toast{background:var(--ink);color:var(--surface);box-shadow:var(--shadow-lg);border-radius:14px;align-items:center;gap:12px;padding:16px 26px;font-size:18px;font-weight:700;animation:.4s cubic-bezier(.2,1.3,.4,1) toastPop;display:flex;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.celebrate-emoji{font-size:24px}@keyframes toastPop{0%{opacity:0;transform:translate(-50%,-40%)scale(.8)}}@media (width<=900px){.login{grid-template-columns:1fr}.login-aside{display:none}.dash-head{grid-template-columns:1fr}.course-hero{flex-direction:column}}.google-btn{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);font-family:var(--font-ui);box-shadow:var(--shadow-sm);border-radius:12px;justify-content:center;align-items:center;gap:11px;margin-top:6px;padding:13px 18px;font-size:15.5px;font-weight:600;transition:all .16s;display:inline-flex}.google-btn:hover:not(:disabled){background:var(--surface-2);box-shadow:var(--shadow-md);transform:translateY(-1px)}.google-btn:disabled{opacity:.6;cursor:not-allowed}.google-btn svg{flex-shrink:0}[data-theme=dark] [data-accent]{--c-accent:var(--accent)}[data-theme=dark] .ccard-cover{background:color-mix(in oklch, var(--c-accent) 20%, var(--surface))}[data-theme=dark] .ccard-code{background:color-mix(in oklch, var(--surface) 78%, transparent);color:color-mix(in oklch, var(--c-accent) 62%, white);box-shadow:0 1px 3px #00000073}[data-theme=dark] .st-prog{background:color-mix(in oklch, var(--c-accent) 22%, var(--surface));color:color-mix(in oklch, var(--c-accent) 60%, white)}[data-theme=dark] .st-done{background:color-mix(in oklch, var(--complete) 22%, var(--surface));color:var(--success-fg)}[data-theme=dark] .item-status.is-done{background:var(--complete);border-color:var(--complete);color:#06210f}[data-theme=dark] .reader-bar-status.on{color:var(--success-fg);background:color-mix(in oklch, var(--complete) 20%, var(--surface))}[data-theme=dark] .ls-pager-finish.is-done .ls-pager-label{color:var(--complete)}[data-theme=dark] .ls-callout{border-color:color-mix(in oklch, var(--accent) 30%, var(--surface))}[data-theme=dark] .celebrate-toast{background:var(--surface-2);color:var(--ink);border:1px solid var(--line)}[data-theme=dark] .ls-content code{color:color-mix(in oklch, var(--accent) 55%, white)}[data-theme=dark] .icon-btn .dot{border-color:var(--surface)}[data-theme=dark] .ph-label{background:var(--surface-2)}.ls-content{--cur-panel:var(--surface);--cur-code-bg:var(--surface-2);--cur-line:var(--line);--cur-ink-soft:var(--ink-2);--cur-task:#4a7c59;--cur-task-bg:#eef4ee;--cur-task-edge:#cfdccf;--cur-note:#5b7ba6;--cur-note-bg:#f0f3f8;--cur-warn:#d1a000;--cur-warn-bg:#fff8e1;--cur-warn-ink:#6b5900;--cur-warn-strong:#a08000}[data-theme=dark] .ls-content{--cur-task:#7fb08c;--cur-task-bg:color-mix(in oklch, #4a7c59 18%, var(--surface));--cur-task-edge:color-mix(in oklch, #4a7c59 34%, var(--surface));--cur-note:#8fb0d9;--cur-note-bg:color-mix(in oklch, #5b7ba6 18%, var(--surface));--cur-warn:#e0b83a;--cur-warn-bg:color-mix(in oklch, #d1a000 16%, var(--surface));--cur-warn-ink:#e6d7a4;--cur-warn-strong:#f0cf62}.ls-content p.lede{color:var(--cur-ink-soft);margin:0 0 24px;font-size:21px;line-height:1.45}.ls-content pre{font-family:var(--font-mono);background:var(--cur-code-bg);border:1px solid var(--cur-line);white-space:pre;border-radius:8px;margin:20px 0;padding:16px 19px;font-size:15px;line-height:1.55;overflow-x:auto}.ls-content pre code{font-size:inherit;color:inherit;background:0 0;border:0;padding:0}.ls-content p.orient{color:var(--cur-ink-soft);border-left:3px solid var(--accent);margin:26px 0;padding-left:18px;font-style:italic}.ls-content section.checkpoint{background:var(--cur-panel);border:1px dashed var(--cur-task);border-radius:10px;margin:30px 0 38px;padding:16px 22px 18px}.ls-content section.checkpoint h3{color:var(--cur-task);margin:2px 0 0;font-size:20px}.ls-content section.checkpoint p.record{background:var(--cur-task-bg);border-radius:6px;margin:16px 0 0;padding:10px 14px;font-size:16px}.ls-content section.exercise{background:var(--cur-task-bg);border:1px solid var(--cur-task-edge);border-left:5px solid var(--cur-task);border-radius:0 10px 10px 0;margin:40px 0;padding:20px 26px 24px}.ls-content section.exercise h2,.ls-content section.exercise h3{color:var(--cur-task);margin:4px 0 0}.ls-content section.checkpoint p.meta,.ls-content section.exercise p.meta{font-family:var(--font-ui);letter-spacing:.05em;text-transform:uppercase;color:var(--cur-task);margin:8px 0 14px;font-size:12.5px;font-weight:600}.ls-content section.checkpoint p,.ls-content section.exercise p,.ls-content section.checkpoint li,.ls-content section.exercise li{font-size:17.5px}.ls-content section.checkpoint>ol,.ls-content section.exercise>ol{margin:14px 0}.ls-content aside.callout{background:var(--cur-note-bg);border-left:4px solid var(--cur-note);border-radius:0 8px 8px 0;margin:28px 0;padding:14px 20px}.ls-content aside.callout .label{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--cur-note);margin-bottom:5px;font-size:12px;font-weight:700;display:block}.ls-content aside.callout p{margin:6px 0;font-size:17px}.ls-content aside.goal{background:var(--accent-tint);border:1px solid var(--accent-soft);border-left:5px solid var(--accent);border-radius:0 10px 10px 0;margin:28px 0 34px;padding:16px 22px}.ls-content aside.goal .label{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);margin-bottom:5px;font-size:12px;font-weight:700;display:block}.ls-content p.build-thread{font-family:var(--font-ui);color:var(--accent-strong);background:var(--accent-tint);border-radius:var(--radius-pill);margin:0;padding:5px 12px;font-size:13px;display:inline-block}.ls-content div.chat{border:1px solid var(--cur-line);background:var(--cur-panel);font-family:var(--font-ui);border-radius:12px;margin:28px 0;padding:18px 21px 10px;font-size:15px;line-height:1.55}.ls-content div.chat .msg{margin-bottom:16px}.ls-content div.chat .who{letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:11.5px;font-weight:700;display:block}.ls-content div.chat .msg.user .who{color:var(--cur-note)}.ls-content div.chat .msg.ai .who{color:var(--accent-strong)}.ls-content div.chat .msg .bubble{border-radius:10px;padding:10px 15px}.ls-content div.chat .msg.user .bubble{background:var(--cur-note-bg)}.ls-content div.chat .msg.ai .bubble{background:var(--cur-code-bg)}.ls-content div.chat .bubble p{font-size:15px;font-family:var(--font-ui);margin:0 0 6px}.ls-content div.chat .bubble p:last-child{margin-bottom:0}.ls-content div.chat .bubble pre{background:var(--cur-panel);margin:8px 0 3px;padding:10px 13px;font-size:14px}.ls-content div.chat .note{background:var(--cur-warn-bg);border-left:3px solid var(--cur-warn);color:var(--cur-warn-ink);border-radius:0 6px 6px 0;margin:8px 0 16px;padding:8px 13px;font-size:14px}.ls-content div.chat .note .n{color:var(--cur-warn-strong);font-weight:700}.ls-content figure.diagram{border:1px solid var(--cur-line);background:#fff;border-radius:12px;margin:28px 0;padding:16px}.ls-content figure.diagram svg{width:100%;height:auto;display:block}.ls-content figure.diagram figcaption{font-family:var(--font-ui);color:var(--cur-ink-soft);text-align:center;padding-top:10px;font-size:13.5px}[data-theme=dark] .ls-content figure.diagram figcaption{color:#4b5261}.ls-content table{border-collapse:collapse;width:100%;margin:24px 0;font-size:16px}.ls-content th,.ls-content td{text-align:left;border-bottom:1px solid var(--cur-line);vertical-align:top;padding:9px 13px}.ls-content th{font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--cur-ink-soft);font-size:12.5px;font-weight:700}.ls-content ol.modules{margin:28px 0;padding:0;list-style:none}.ls-content ol.modules li{border:1px solid var(--cur-line);background:var(--cur-panel);border-radius:10px;margin-bottom:14px;padding:17px 22px}.ls-content ol.modules li .num{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);font-size:12.5px;font-weight:700}.ls-content ol.modules li h3{margin:3px 0 5px;font-size:20px}.ls-content ol.modules li p{color:var(--cur-ink-soft);margin:0;font-size:16.5px;line-height:1.55}.ls-content{overflow-wrap:break-word}.ls-content table{display:block;overflow-x:auto}