:root{--accent:#2e5bff;--accent-hover:#1f47d6;--accent-weak:#e9eefe;--bg:#fff;--card:#fff;--surface:#f6f8fb;--border:#e5e9f0;--ink:#12141c;--body-c:#3d4454;--muted:#7a8494;--green:#12b76a;--green-weak:#e4f7ee;--amber:#b07914;--amber-weak:#fdf3e0;--red:#d64545;--red-weak:#fdeaea;--editor-bg:#1c2233;--editor-chrome:#161b29;--editor-line:#56607a;--editor-border:#2a3147;--shadow:0 10px 30px #12141c1a;--radius:10px;--nav-h:64px;--pager-h:72px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--accent:#5b7cff;--accent-hover:#7590ff;--accent-weak:#5b7cff29;--bg:#0f1219;--card:#141926;--surface:#161c29;--border:#262d3d;--ink:#eef1f7;--body-c:#b9c1d0;--muted:#7e879a;--green:#2fd58b;--green-weak:#12b76a29;--amber:#e5a83c;--amber-weak:#e5a83c24;--red:#ef6b6b;--red-weak:#d6454529;--editor-bg:#171c2b;--editor-chrome:#121623;--editor-line:#4d576f;--editor-border:#262d3d;--shadow:0 10px 30px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-padding-top:calc(var(--nav-h) + 16px)}body{font-family:var(--font);color:var(--body-c);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:16.5px;line-height:1.65}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{color:var(--ink);font-weight:700;line-height:1.3}button{font-family:var(--font)}.navbar{z-index:50;height:var(--nav-h);background:var(--bg);border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:0 20px;display:flex;position:sticky;top:0}.nav-logo{color:var(--ink);letter-spacing:-.3px;flex-shrink:0;align-items:center;gap:9px;font-size:20px;font-weight:800;display:flex}.nav-logo:hover{text-decoration:none}.nav-logo .logo-mark{background:var(--accent);color:#fff;width:32px;height:32px;font-family:var(--mono);border-radius:9px;place-items:center;font-size:14px;font-weight:700;display:grid}.progress-pill{border:1px solid var(--border);background:var(--card);white-space:nowrap;border-radius:999px;align-items:center;font-size:14.5px;display:flex;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.progress-pill .pill-part{color:var(--body-c);align-items:center;gap:7px;padding:8px 18px;display:flex}.progress-pill .pill-part+.pill-part{border-left:1px solid var(--border)}.progress-pill strong{color:var(--ink);font-weight:700}.progress-pill .pill-icon{color:var(--accent);display:flex}.nav-right{align-items:center;gap:10px;margin-left:auto;display:flex}.nav-search{width:min(240px,26vw);position:relative}.nav-search input{border:1px solid var(--border);background:var(--surface);width:100%;height:40px;font-size:14px;font-family:var(--font);color:var(--ink);border-radius:999px;outline:none;padding:0 16px 0 38px}.nav-search input::placeholder{color:var(--muted)}.nav-search input:focus{border-color:var(--accent);background:var(--bg);box-shadow:0 0 0 3px var(--accent-weak)}.nav-search .search-icon{color:var(--muted);pointer-events:none;display:flex;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.search-results{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:min(340px,90vw);box-shadow:var(--shadow);z-index:60;max-height:380px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden auto}.search-results a{color:var(--ink);border-bottom:1px solid var(--surface);padding:10px 16px;font-size:14px;display:block}.search-results a:hover{background:var(--accent-weak);text-decoration:none}.search-results .result-section{color:var(--muted);font-size:12px;display:block}.search-empty{color:var(--muted);padding:14px 16px;font-size:14px}.icon-btn{border:1px solid var(--border);background:var(--card);cursor:pointer;width:40px;height:40px;color:var(--body-c);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .12s,color .12s;display:flex}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.nav-burger{display:none}.course-layout{grid-template-columns:340px minmax(0,1fr);display:grid}.course-layout.collapsed{grid-template-columns:minmax(0,1fr)}.course-layout.collapsed .sidebar{display:none}.sidebar-expand{left:14px;top:calc(var(--nav-h) + 14px);z-index:45;position:fixed}.sidebar{border-right:1px solid var(--border);background:var(--bg);top:var(--nav-h);height:calc(100vh - var(--nav-h) - var(--pager-h));padding:20px 16px calc(var(--pager-h) + 24px);position:sticky;overflow-y:auto}.sidebar-head{justify-content:space-between;align-items:center;gap:10px;padding:2px 8px 16px;display:flex}.sidebar-course-title{color:var(--ink);letter-spacing:-.2px;font-size:19px;font-weight:800}.sidebar-collapse{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px;display:flex}.sidebar-collapse:hover{background:var(--surface);color:var(--ink)}.chapter{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);margin-bottom:10px;overflow:hidden}.chapter-head{align-items:center;gap:10px;padding:0 0 0 14px;display:flex}.chapter-head:hover{background:var(--surface)}.chapter-toggle{cursor:pointer;min-width:0;color:var(--ink);text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:13px 14px 13px 0;font-size:15.5px;font-weight:700;display:flex}.chapter-head .chapter-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.status-btn{cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;margin:-2px;padding:2px;transition:transform .1s,background .12s;display:flex}.status-btn:hover{background:var(--red-weak);transform:scale(1.12)}.status-btn:hover .status-icon{color:var(--red)}.chapter-head .chevron{color:var(--muted);transition:transform .15s;display:flex}.chapter-head .chevron.open{transform:rotate(180deg)}.chapter-items{padding:2px 0 8px}.lesson-row{border-left:3px solid #0000;align-items:center;gap:10px;padding:0 14px 0 26px;display:flex}.lesson-row a{min-width:0;color:var(--body-c);flex:1;padding:8px 0;font-size:14.5px}.lesson-row:hover{background:var(--surface)}.lesson-row:hover a{color:var(--accent);text-decoration:none}.lesson-row.active{background:var(--accent-weak);border-left-color:var(--accent)}.lesson-row.active a{color:var(--ink);font-weight:700}.status-icon{flex-shrink:0;display:flex}.status-icon.done{color:var(--green)}.status-icon.progress{color:var(--accent)}.status-icon.todo{color:var(--muted);opacity:.55}.content{padding:44px 40px calc(var(--pager-h) + 56px);min-width:0}.content-inner{max-width:800px;margin:0 auto}.breadcrumb{color:var(--muted);margin-bottom:10px;font-size:13.5px}.breadcrumb a{color:var(--muted)}.breadcrumb a:hover{color:var(--accent)}.content h1{letter-spacing:-.5px;margin:0 0 8px;font-size:32px}.page-meta{align-items:center;gap:10px;margin:10px 0 26px;display:flex}.badge{border-radius:999px;padding:3px 12px;font-size:12.5px;font-weight:700;display:inline-block}.badge-category{background:var(--accent-weak);color:var(--accent)}.badge-difficulty{background:var(--green-weak);color:var(--green)}.badge-difficulty[data-level=Medium]{background:var(--amber-weak);color:var(--amber)}.badge-difficulty[data-level=Hard]{background:var(--red-weak);color:var(--red)}.prose h2{margin:42px 0 14px;padding-top:6px;font-size:24px}.prose h3{margin:30px 0 10px;font-size:19px}.prose p{margin:0 0 18px}.prose ul,.prose ol{margin:0 0 18px;padding-left:26px}.prose li{margin-bottom:7px}.prose li>ul,.prose li>ol{margin-top:7px;margin-bottom:0}.prose strong{color:var(--ink)}.prose code:not(pre code){font-family:var(--mono);background:var(--surface);border:1px solid var(--border);color:var(--ink);white-space:nowrap;border-radius:6px;padding:2px 7px;font-size:.85em}.prose blockquote{background:var(--accent-weak);border-left:4px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;color:var(--body-c);margin:0 0 20px;padding:14px 18px}.prose blockquote p{margin:0}.prose blockquote p+p{margin-top:10px}.prose table{border-collapse:collapse;width:100%;margin:0 0 22px;font-size:15px}.prose th,.prose td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:10px 14px}.prose th{background:var(--surface);color:var(--ink)}.prose hr{border:0;border-top:1px solid var(--border);margin:36px 0}.prose img{max-width:100%}.diagram{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:center;margin:6px 0 26px;padding:22px 18px 14px}.diagram img{max-width:100%;height:auto}.diagram .diagram-dark,[data-theme=dark] .diagram .diagram-light{display:none}[data-theme=dark] .diagram .diagram-dark{display:inline}.diagram figcaption{color:var(--muted);margin-top:10px;font-size:13px}.editor-block{border-radius:var(--radius);border:1px solid var(--editor-border);background:var(--editor-bg);margin:6px 0 26px;overflow:hidden}.editor-body{overflow-x:auto}.editor-block .shiki{margin:0;padding:18px 20px;font-size:14px;line-height:1.7;background:var(--editor-bg)!important}.editor-block .shiki code{font-family:var(--mono);counter-reset:line;display:block}.editor-block .shiki .line{counter-increment:line}.editor-block .shiki .line:before{content:counter(line);text-align:right;width:2em;color:var(--editor-line);-webkit-user-select:none;user-select:none;margin-right:1.4em;display:inline-block}.editor-footer{background:var(--editor-chrome);border-top:1px solid var(--editor-border);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.run-btn{color:#e8ecf6;cursor:pointer;background:0 0;border:1px solid #414b66;border-radius:8px;align-items:center;gap:8px;padding:8px 18px;font-size:14px;font-weight:600;transition:background .12s,border-color .12s;display:inline-flex}.run-btn:hover{background:#ffffff0f;border-color:#6b7694}.run-btn:disabled{opacity:.6;cursor:wait}.run-arrows{font-size:15px;line-height:1}.editor-footer .copy-btn{color:#8b95ad;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 10px;font-size:13px;font-weight:600}.editor-footer .copy-btn:hover{color:#e8ecf6;background:#ffffff0f}.editor-footer .copy-btn.copied{color:var(--green)}.output-section{margin:0 0 26px}.output-section.is-hidden{display:none}.output-title{color:var(--ink);margin:26px 0 12px;font-size:18px;font-weight:700}.output-box{background:var(--editor-bg);border:1px solid var(--editor-border);border-radius:var(--radius);overflow-x:auto}.output-box pre{font-family:var(--mono);color:#dfe6f3;margin:0;padding:16px 20px;font-size:14px;line-height:1.7}.pager-bar{height:var(--pager-h);background:var(--bg);border-top:1px solid var(--border);z-index:48;align-items:center;gap:18px;padding:0 22px;display:flex;position:fixed;bottom:0;left:0;right:0}.pager-btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--card);color:var(--ink);flex-shrink:0;align-items:center;gap:8px;padding:11px 22px;font-size:15px;font-weight:700;transition:border-color .12s,background .12s;display:inline-flex}.pager-btn:hover{border-color:var(--accent);text-decoration:none}.pager-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.pager-btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.pager-btn.hidden-slot{visibility:hidden}.pager-dots{flex:1;justify-content:center;align-items:center;gap:7px;min-width:0;display:flex;overflow:hidden}.pager-dot{background:var(--border);border-radius:999px;flex-shrink:1;width:17px;min-width:6px;height:6px;transition:background .12s}.pager-dot:hover{background:var(--muted)}.pager-dot.visited{background:color-mix(in srgb, var(--accent) 55%, var(--bg))}.pager-dot.current{background:var(--accent);width:34px;min-width:34px;height:8px}.hero{background:linear-gradient(180deg, var(--accent-weak) 0%, var(--bg) 100%);border-bottom:1px solid var(--border);text-align:center;padding:76px 24px 64px}.hero h1{letter-spacing:-1px;max-width:760px;margin:0 auto 16px;font-size:clamp(32px,5vw,50px)}.hero h1 .accent{color:var(--accent)}.hero p{max-width:620px;color:var(--body-c);margin:0 auto 30px;font-size:18px}.btn-primary{background:var(--accent);color:#fff;border-radius:999px;padding:13px 32px;font-size:16.5px;font-weight:700;transition:background .12s;display:inline-block}.btn-primary:hover{background:var(--accent-hover);text-decoration:none}.landing-section{max-width:1080px;margin:0 auto;padding:56px 24px}.landing-section>h2{margin:0 0 8px;font-size:28px}.landing-section>.section-sub{color:var(--muted);margin:0 0 30px}.category-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:16px;display:grid}.category-card{border:1px solid var(--border);color:inherit;background:var(--card);border-radius:14px;padding:24px;transition:border-color .12s,box-shadow .12s,transform .12s}.category-card:hover{border-color:var(--accent);box-shadow:var(--shadow);text-decoration:none;transform:translateY(-2px)}.category-card .card-icon{background:var(--accent-weak);border-radius:10px;place-items:center;width:44px;height:44px;margin-bottom:14px;font-size:22px;display:grid}.category-card h3{margin:0 0 6px;font-size:18.5px}.category-card p{color:var(--body-c);margin:0;font-size:14.5px}.category-card .card-count{color:var(--accent);margin-top:14px;font-size:13.5px;font-weight:700;display:block}.pattern-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.pattern-card{border:1px solid var(--border);color:inherit;background:var(--card);border-radius:12px;padding:16px 18px;transition:border-color .12s,box-shadow .12s}.pattern-card:hover{border-color:var(--accent);box-shadow:var(--shadow);text-decoration:none}.pattern-card .pattern-name{color:var(--ink);margin-bottom:3px;font-weight:700;display:block}.pattern-card .pattern-desc{color:var(--muted);font-size:13.5px;line-height:1.5;display:block}.footer{border-top:1px solid var(--border);text-align:center;color:var(--muted);background:var(--surface);padding:28px 24px;font-size:14px}@media (width<=1080px){.progress-pill .pill-part:first-child{display:none}}@media (width<=880px){.progress-pill{display:none}.nav-search{width:min(200px,40vw)}.nav-burger{display:flex}.sidebar-collapse,.sidebar-expand{display:none}.course-layout,.course-layout.collapsed{grid-template-columns:minmax(0,1fr)}.course-layout.collapsed .sidebar{display:block}.sidebar{left:0;top:var(--nav-h);width:min(340px,88vw);height:calc(100vh - var(--nav-h));z-index:44;background:var(--bg);padding-bottom:24px;transition:transform .2s;position:fixed;transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow);transform:translate(0)}.sidebar-backdrop{inset:var(--nav-h) 0 0 0;z-index:42;background:#0a0e1680;border:0;padding:0;position:fixed}.content{padding:28px 18px calc(var(--pager-h) + 48px)}.pager-dots{display:none}.pager-bar{gap:10px;height:64px;padding:0 14px}.pager-btn,.pager-btn.hidden-slot{flex:1;justify-content:center;padding:11px 10px;font-size:14.5px}.content{padding-bottom:112px}}@media (width<=560px){.navbar{gap:8px;padding:0 12px}.nav-logo>span:last-child{display:none}.nav-search{width:clamp(110px,38vw,180px)}.nav-search input{padding-left:34px}}