:root{--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;--mono:ui-monospace,"SF Mono","JetBrains Mono","Cascadia Code",Menlo,Consolas,monospace;--bg:#f3f5f6;--surface:#ffffff;--surface-2:#f8fafb;--ink:#14181b;--muted:#565f66;--faint:#838c92;--border:#e2e7ea;--border-strong:#d0d7db;--accent:#0a7680;--accent-strong:#0a6b74;--accent-soft:rgba(10,118,128,.10);--accent-line:rgba(10,118,128,.26);--on-accent:#ffffff;--warm:#b0700a;--warm-soft:rgba(176,112,10,.12);--star:#e2a50c;--good:#158049;--good-soft:rgba(21,128,73,.12);--bad:#b3261e;--bad-soft:rgba(179,38,30,.10);--code-bg:#f6f8f9;--anon-sat:52%;--anon-lit:42%;--shadow:0 1px 2px rgba(16,24,28,.05),0 8px 24px -14px rgba(16,24,28,.22);--shadow-soft:0 1px 1px rgba(16,24,28,.04);--k:#0a6b74;--s:#b0700a;--c:#838c92;--fn:#6d5ae0;--n:#158049}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0c1013;--surface:#141a1e;--surface-2:#191f24;--ink:#e8edef;--muted:#98a2a8;--faint:#69737a;--border:#232b30;--border-strong:#313b41;--accent:#2bc4cf;--accent-strong:#33cdd7;--accent-soft:rgba(43,196,207,.12);--accent-line:rgba(43,196,207,.30);--on-accent:#07191b;--warm:#f0ad42;--warm-soft:rgba(240,173,66,.13);--star:#f0b429;--good:#3cb371;--good-soft:rgba(60,179,113,.13);--bad:#f2857c;--bad-soft:rgba(242,133,124,.12);--code-bg:#10161a;--anon-sat:58%;--anon-lit:62%;--shadow:0 1px 2px rgba(0,0,0,.3),0 12px 30px -16px rgba(0,0,0,.7);--shadow-soft:0 1px 1px rgba(0,0,0,.3);--k:#2bc4cf;--s:#f0ad42;--c:#69737a;--fn:#8b7bf0;--n:#3cb371}}:root[data-theme=dark]{--bg:#0c1013;--surface:#141a1e;--surface-2:#191f24;--ink:#e8edef;--muted:#98a2a8;--faint:#69737a;--border:#232b30;--border-strong:#313b41;--accent:#2bc4cf;--accent-strong:#33cdd7;--accent-soft:rgba(43,196,207,.12);--accent-line:rgba(43,196,207,.30);--on-accent:#07191b;--warm:#f0ad42;--warm-soft:rgba(240,173,66,.13);--star:#f0b429;--good:#3cb371;--good-soft:rgba(60,179,113,.13);--bad:#f2857c;--bad-soft:rgba(242,133,124,.12);--code-bg:#10161a;--anon-sat:58%;--anon-lit:62%;--shadow:0 1px 2px rgba(0,0,0,.3),0 12px 30px -16px rgba(0,0,0,.7);--shadow-soft:0 1px 1px rgba(0,0,0,.3);--k:#2bc4cf;--s:#f0ad42;--c:#69737a;--fn:#8b7bf0;--n:#3cb371}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh;display:flex;flex-direction:column}body>main{flex:1 1}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::selection{background:var(--accent-soft)}.wrap{max-width:1120px}.wrap,.wrap-wide{margin:0 auto;padding:0 24px;width:100%}.wrap-wide{max-width:1240px}.mono{font-family:var(--mono)}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:600}.dot,.m{color:var(--faint)}.m{font-family:var(--mono);font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:saturate(160%) blur(10px);backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--border)}.nav-inner{gap:20px;height:60px}.brand,.nav-inner{display:flex;align-items:center}.brand{gap:10px}.logo{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:linear-gradient(150deg,var(--accent-strong),color-mix(in srgb,var(--accent) 55%,#000 8%));color:var(--on-accent);font-weight:700;font-size:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);flex:none}.brand b,.logo{font-family:var(--mono)}.brand b{font-weight:600;letter-spacing:.22em;font-size:15px}.brand .sub{color:var(--faint);font-size:12.5px;border-left:1px solid var(--border-strong);padding-left:10px;margin-left:2px;white-space:nowrap}.brand-wrap{position:relative;display:flex;align-items:center}.brand-tip{position:absolute;top:calc(100% + 12px);left:0;width:max-content;max-width:min(360px,calc(100vw - 32px));background:var(--ink);color:var(--bg);font-size:12.5px;line-height:1.6;padding:9px 13px;border-radius:9px;box-shadow:var(--shadow);z-index:60;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .16s ease,transform .16s ease}.brand-tip b{font-family:var(--mono);letter-spacing:.12em;font-weight:600}.brand-tip i{font-family:var(--mono);font-style:normal;opacity:.62}.brand-tip:before{content:"";position:absolute;bottom:100%;left:15px;border:5px solid transparent;border-bottom:5px solid var(--ink)}.brand:focus-visible~.brand-tip{opacity:1;transform:none}@media (hover:hover){.brand-wrap:hover .brand-tip{opacity:1;transform:none}}.nav-links{display:flex;gap:4px;margin-left:8px}.nav-links a{padding:7px 11px;border-radius:8px;font-size:14px;color:var(--muted);font-weight:500;white-space:nowrap}.nav-links a:hover{color:var(--ink);background:var(--surface-2)}.nav-links a.active{color:var(--ink)}.nav-right{margin-left:auto;display:flex;align-items:center;gap:10px}.nav-search{position:relative;margin-left:auto}.nav-search input{width:210px;border:1px solid var(--border);background:var(--surface-2);color:var(--ink);border-radius:9px;padding:7px 11px 7px 32px;font-size:13.5px;outline:none;transition:width .18s,border-color .14s}.nav-search input::placeholder{color:var(--faint)}.nav-search input:focus{width:260px;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--surface)}.nav-search svg{left:10px}.nav-search kbd,.nav-search svg{position:absolute;top:50%;transform:translateY(-50%);color:var(--faint);pointer-events:none}.nav-search kbd{right:8px;font-family:var(--mono);font-size:10px;border:1px solid var(--border-strong);border-radius:4px;padding:1px 4px}.nav-search input:focus+svg+kbd,.nav-search input:not(:placeholder-shown)~kbd{opacity:0}.usermenu{position:relative}.usermenu-panel{position:absolute;right:0;top:calc(100% + 8px);min-width:208px;z-index:60;background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow);padding:6px;animation:rise .18s ease}.usermenu-panel .uhead{padding:9px 10px 10px;border-bottom:1px solid var(--border);margin-bottom:6px}.usermenu-panel .uhead .un{font-weight:600;font-size:14px}.usermenu-panel .uhead .ur{font-family:var(--mono);font-size:11.5px;color:var(--faint);margin-top:2px}.usermenu-panel a,.usermenu-panel button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:8px 10px;border-radius:8px;font-size:13.5px;color:var(--muted);background:none;border:none;font-weight:500}.usermenu-panel a:hover,.usermenu-panel button:hover{background:var(--surface-2);color:var(--ink)}.usermenu-panel svg{color:var(--faint);flex:none}.usermenu-panel .sep{height:1px;background:var(--border);margin:6px 0}.icon-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--muted);display:grid;place-items:center;flex:none}.icon-btn:hover{color:var(--ink);border-color:var(--border-strong)}.icon-btn.on{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.btn-primary{display:inline-flex;align-items:center;gap:7px;background:var(--accent-strong);color:var(--on-accent);border:none;padding:8px 14px;border-radius:8px;font-weight:600;font-size:13.5px;box-shadow:var(--shadow-soft);white-space:nowrap}.btn-primary:hover{filter:brightness(1.06)}.btn-primary:disabled{opacity:.5;filter:none}.btn-ghost{display:inline-flex;align-items:center;gap:7px;background:var(--surface);color:var(--ink);border:1px solid var(--border-strong);padding:8px 14px;border-radius:8px;font-weight:600;font-size:13.5px;white-space:nowrap}.btn-ghost:hover{border-color:var(--accent-line);color:var(--accent)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.btn-ghost.on{border-color:var(--accent-line);color:var(--accent);background:var(--accent-soft)}.btn-lg{padding:11px 18px;font-size:14.5px;border-radius:10px}.btn-danger{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 34%,transparent)}.btn-danger:hover{color:var(--bad);border-color:var(--bad);background:var(--bad-soft)}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-size:12px;font-weight:600;color:#fff;flex:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.avatar.pixel{display:block;border-radius:25%;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border);overflow:hidden}.avatar.pixel svg{display:block;width:100%;height:100%}.avatar.pixel rect{fill:hsl(var(--anon-hue,200) var(--anon-sat) var(--anon-lit))}.cat{font-family:var(--mono);color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:6px}.cat,.verified{font-size:11px;padding:2px 8px;white-space:nowrap}.verified{display:inline-flex;align-items:center;gap:4px;color:var(--good);background:var(--good-soft);border-radius:20px;font-weight:600}.pin{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-weight:700}.pin,.role-badge{font-family:var(--mono);font-size:10.5px}.role-badge{color:var(--warm);background:var(--warm-soft);padding:2px 7px;border-radius:20px;white-space:nowrap}.role-badge.q{color:var(--accent);background:var(--accent-soft)}.role-badge.learner{color:var(--muted);background:var(--surface-2)}.rate{position:relative;display:inline-block;font-size:14px;line-height:1;letter-spacing:1px;font-family:var(--mono)}.rate .bg{color:var(--border-strong)}.rate .fg{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:var(--star)}.rate-wrap{display:inline-flex;align-items:center;gap:6px}.rate-val{font-family:var(--mono);font-size:12.5px;color:var(--warm);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rate-n{font-family:var(--mono);font-size:11.5px;color:var(--faint)}.sec-head{display:flex;align-items:baseline;justify-content:space-between;margin:8px 0 16px;gap:12px}.sec-head h2{font-size:17px;font-weight:650;margin:0;letter-spacing:-.01em}.sec-head .more{font-family:var(--mono);font-size:12.5px;color:var(--accent);white-space:nowrap}.sec-head .more:hover{text-decoration:underline}.masthead{padding:40px 0 26px}.masthead h1{font-size:30px;line-height:1.2;margin:12px 0 8px;letter-spacing:-.01em;text-wrap:balance;max-width:20ch;font-weight:700}.masthead p.lede{color:var(--muted);font-size:15.5px;margin:0 0 22px;max-width:54ch}.cta-row{gap:12px}.cta-row,.stats{display:flex;flex-wrap:wrap}.stats{gap:26px;margin-top:22px}.stat .n{font-family:var(--mono);font-size:21px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat .l{color:var(--muted);font-size:12.5px;letter-spacing:.02em}.paths-band{padding:8px 0 30px}.paths{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.path{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;overflow:hidden;box-shadow:var(--shadow-soft);transition:transform .16s,box-shadow .16s,border-color .16s;display:block}.path:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--border-strong)}.path .cover{height:4px;border-radius:4px;margin:-18px -18px 16px}.path .row{display:flex;align-items:center;gap:8px;margin-bottom:11px}.path .level{font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--warm);background:var(--warm-soft);padding:3px 8px;border-radius:20px;font-weight:600}.path .level.beginner{color:var(--good);background:var(--good-soft)}.path .level.advanced{color:var(--accent);background:var(--accent-soft)}.path .lessons{font-family:var(--mono);font-size:12px;color:var(--faint);margin-left:auto}.path h3{font-size:16px;margin:0 0 6px;line-height:1.35;font-weight:650}.path p{color:var(--muted);font-size:13px;margin:0 0 16px;line-height:1.5}.prog{display:flex;align-items:center;gap:10px}.track{flex:1 1;height:6px;background:var(--border);border-radius:6px;overflow:hidden}.track>span{display:block;height:100%;border-radius:6px;background:var(--warm);transition:width .4s ease}.prog .pct{font-family:var(--mono);font-size:12px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.path.done{color:var(--good)}.path.done .track>span{background:var(--good)}.grid{display:grid;grid-template-columns:minmax(0,1fr) 312px;grid-gap:32px;gap:32px;padding-bottom:56px;align-items:start}.grid>*{min-width:0}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px;border-bottom:1px solid var(--border);padding-bottom:12px}.tab{border:1px solid transparent;background:none;color:var(--muted);font-size:13.5px;font-weight:500;padding:6px 12px;border-radius:8px;display:inline-block}.tab:hover{background:var(--surface-2);color:var(--ink)}.tab.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line);font-weight:600}.tab .c{font-family:var(--mono);font-size:11px;opacity:.7;margin-left:5px}.feed{display:flex;flex-direction:column}.art{display:block;padding:20px 4px;border-bottom:1px solid var(--border);transition:background .14s}.art:hover{background:var(--surface-2)}.art:hover .art-title{color:var(--accent)}.art.featured{background:var(--surface);border:1px solid var(--border-strong);border-radius:14px;padding:20px;margin-bottom:14px;box-shadow:var(--shadow);position:relative}.art.featured:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;background:var(--accent);border-radius:3px}.art-top{display:flex;align-items:center;gap:8px;margin-bottom:9px;flex-wrap:wrap}.art-title{font-size:17px;font-weight:650;line-height:1.4;margin:0 0 6px;letter-spacing:-.005em;transition:color .14s}.art.featured .art-title{font-size:19px}.art-excerpt{color:var(--muted);font-size:14px;margin:0 0 12px;line-height:1.55;max-width:68ch}.code-peek{font-family:var(--mono);font-size:12.5px;color:var(--ink);background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:9px 12px;margin:0 0 13px;max-width:68ch;overflow-x:auto;white-space:pre}.art-meta{gap:14px;flex-wrap:wrap}.art-meta,.who{display:flex;align-items:center}.who{gap:8px}.who .avatar{width:24px;height:24px;font-size:10px}.who .name{font-size:13px;font-weight:500}.tag-row{display:flex;gap:6px;flex-wrap:wrap}.tag{font-family:var(--mono);font-size:11.5px;color:var(--muted)}.tag:before{content:"#";color:var(--faint)}.tag:hover{color:var(--accent)}.spring{margin-left:auto;display:flex;align-items:center;gap:14px}.side{display:flex;flex-direction:column;gap:18px;position:-webkit-sticky;position:sticky;top:84px}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:var(--shadow-soft)}.card.rule{background:linear-gradient(180deg,var(--accent-soft),transparent 70%);border-color:var(--accent-line)}.card h4{margin:0 0 10px;font-size:13px;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-weight:600}.rule .quote{font-size:14.5px;line-height:1.6;margin:0 0 14px;color:var(--ink)}.rule .quote b{color:var(--accent);font-weight:650}.rule .btn-primary{width:100%;justify-content:center}.tagcloud{display:flex;flex-wrap:wrap;gap:8px}.chip{font-family:var(--mono);font-size:12.5px;color:var(--muted);border:1px solid var(--border);border-radius:20px;padding:4px 11px;background:var(--surface-2);display:inline-flex;align-items:center}.chip.on,.chip:hover{color:var(--accent);border-color:var(--accent-line)}.chip.on{background:var(--accent-soft)}.chip .c{color:var(--faint);margin-left:5px}.people{display:flex;flex-direction:column;gap:13px}.person{display:flex;align-items:center;gap:11px}.person .avatar{width:30px;height:30px;font-size:11px}.person .pn{font-size:13.5px;font-weight:550}.person .pr{font-family:var(--mono);font-size:11.5px;color:var(--faint)}.person .role{margin-left:auto;font-family:var(--mono);font-size:10.5px;color:var(--warm);background:var(--warm-soft);padding:2px 7px;border-radius:20px}footer.site{border-top:1px solid var(--border);padding:24px 0 48px;color:var(--faint);font-size:12.5px}.foot-inner{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.foot-inner .mono{color:var(--muted)}.foot-inner a:hover{color:var(--accent)}.crumb{display:flex;gap:8px;align-items:center;padding:22px 0 0;font-family:var(--mono);font-size:12.5px;color:var(--faint);flex-wrap:wrap}.crumb a:hover{color:var(--accent)}.crumb .sep{opacity:.6}.lead{max-width:760px}.a-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:18px 0 14px}h1.title{font-size:33px;line-height:1.22;letter-spacing:-.015em;margin:0 0 18px;text-wrap:balance;font-weight:750;max-width:20ch}.byline{gap:12px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid var(--border)}.byline,.byline .who{display:flex;align-items:center}.byline .who{gap:9px}.byline .name{font-weight:600;font-size:14px}.byline .m{font-family:var(--mono);font-size:12.5px;color:var(--faint)}.byline .spring{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.layout{display:grid;grid-template-columns:minmax(0,1fr) 232px;grid-gap:44px;gap:44px;padding:30px 0 20px;align-items:start}.layout>*,.p-layout>*,.shell>*{min-width:0}.toc{position:-webkit-sticky;position:sticky;top:82px;display:flex;flex-direction:column;gap:2px;max-height:calc(100vh - 110px);overflow-y:auto}.toc h4{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:0 0 8px}.toc a{font-size:13px;color:var(--muted);padding:5px 10px;border-left:2px solid var(--border);line-height:1.4;transition:color .14s,border-color .14s}.toc a:hover{color:var(--ink)}.toc a.on{color:var(--accent);border-left-color:var(--accent);font-weight:600}.toc a.sub{padding-left:22px;font-size:12.5px}.toc .path-link{margin-top:16px;background:var(--surface);border-radius:12px;padding:12px;border:1px solid var(--border);border-left:none}.toc .path-link:hover{border-color:var(--accent-line)}.toc .path-link .lbl{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--warm)}.toc .path-link .pt{font-size:13px;font-weight:600;margin-top:3px;line-height:1.35;color:var(--ink)}.toc .path-link .pp{font-family:var(--mono);font-size:11px;color:var(--faint);margin-top:6px}.read-prog{position:fixed;top:0;left:0;height:2px;background:var(--accent);z-index:60;transition:width .1s linear}.prose{max-width:720px;font-size:16.5px;line-height:1.75;min-width:0;overflow-wrap:break-word}.prose>:first-child{margin-top:0}.prose h2{font-size:23px;margin:38px 0 14px;letter-spacing:-.01em;font-weight:700;scroll-margin-top:80px}.prose h3{font-size:18.5px;margin:28px 0 10px}.prose h3,.prose h4{font-weight:650;scroll-margin-top:80px}.prose h4{font-size:16px;margin:22px 0 8px}.prose p{margin:0 0 18px;color:var(--ink)}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;-webkit-text-decoration-color:var(--accent-line);text-decoration-color:var(--accent-line)}.prose a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.prose ol,.prose ul{margin:0 0 18px;padding-left:22px}.prose li{margin:6px 0}.prose li::marker{color:var(--faint)}.prose code{font-family:var(--mono);font-size:.86em;background:var(--accent-soft);color:var(--accent);padding:2px 6px;border-radius:5px}.prose pre code{background:none;color:inherit;padding:0;border-radius:0;font-size:inherit}.prose blockquote{margin:0 0 20px;padding:2px 0 2px 18px;border-left:3px solid var(--border-strong);color:var(--muted)}.prose hr{border:none;border-top:1px solid var(--border);margin:32px 0}.prose img{max-width:100%;height:auto;border-radius:12px;border:1px solid var(--border);display:block;margin:0 0 8px}.prose strong{font-weight:650}.prose table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:14.5px;display:block;overflow-x:auto}.prose td,.prose th{border:1px solid var(--border);padding:8px 12px;text-align:left}.prose th{background:var(--surface-2);font-weight:650;font-size:13.5px}.prose td{color:var(--muted)}.callout{display:flex;gap:12px;background:var(--warm-soft);border:1px solid color-mix(in srgb,var(--warm) 30%,transparent);border-radius:12px;padding:14px 16px;margin:0 0 22px;font-size:14.5px;line-height:1.6}.callout svg{flex:none;margin-top:2px}.callout b,.callout svg{color:var(--warm)}.callout p:last-child{margin-bottom:0}.callout.info{background:var(--accent-soft);border-color:var(--accent-line)}.callout.info b,.callout.info svg{color:var(--accent)}.fig{margin:0 0 22px}.fig figcaption{text-align:center;color:var(--faint);font-size:12.5px;margin-top:8px;font-family:var(--mono)}.code{margin:0 0 22px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--code-bg)}.code .bar{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:12px;color:var(--muted)}.code .bar .fname{color:var(--ink)}.code .bar .lang{margin-left:auto;color:var(--faint);text-transform:uppercase;letter-spacing:.05em;font-size:10.5px}.code .bar .copy{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:6px;padding:3px 9px;font-family:var(--mono);font-size:11px}.code .bar .copy:hover{color:var(--accent);border-color:var(--accent-line)}.code .bar .copy.ok{color:var(--good);border-color:color-mix(in srgb,var(--good) 40%,transparent)}.code pre{margin:0;padding:16px 18px;overflow-x:auto;font-family:var(--mono);font-size:13.5px;line-height:1.7;color:var(--ink)}.hljs-built_in,.hljs-keyword,.hljs-meta-keyword,.hljs-name,.hljs-selector-tag{color:var(--k)}.hljs-addition,.hljs-attr,.hljs-bullet,.hljs-quote,.hljs-string,.hljs-symbol,.hljs-template-variable{color:var(--s)}.hljs-comment,.hljs-deletion,.hljs-meta{color:var(--c);font-style:italic}.hljs-function,.hljs-section,.hljs-selector-id,.hljs-title{color:var(--fn)}.hljs-literal,.hljs-number,.hljs-params,.hljs-type,.hljs-variable{color:var(--n)}.hljs-attribute,.hljs-selector-attr,.hljs-selector-class{color:var(--k)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.rate-panel{max-width:720px;margin:34px 0;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px;display:flex;align-items:center;gap:22px;flex-wrap:wrap;box-shadow:var(--shadow-soft)}.rate-big{display:flex;align-items:baseline;gap:8px}.rate-big .num{font-family:var(--mono);font-size:38px;font-weight:700;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rate-big .out{font-family:var(--mono);color:var(--faint);font-size:15px}.rate-meta .stars5{font-family:var(--mono);color:var(--star);font-size:16px;letter-spacing:2px}.rate-panel .divider{width:1px;align-self:stretch;background:var(--border)}.rate-give{flex:1 1;min-width:210px}.rate-give .q{font-size:13.5px;color:var(--muted);margin-bottom:8px}.rate-give .pick{display:flex;gap:4px}.rate-give .pick button{border:none;background:none;font-size:28px;line-height:1;color:var(--border-strong);padding:0 1px;transition:color .12s}.rate-give .pick button.lit,.rate-give .pick button:hover{color:var(--star)}.rate-give .hint{font-family:var(--mono);font-size:11.5px;color:var(--faint);margin-top:6px}.comments{max-width:720px;margin:12px 0 40px}.comments h2{font-size:20px;margin:0 0 18px}.comments h2 .c{font-family:var(--mono);color:var(--faint);font-size:15px;font-weight:400}.cbox{display:flex;gap:12px;margin-bottom:26px}.cbox textarea{flex:1 1;resize:vertical;min-height:72px;border:1px solid var(--border-strong);border-radius:12px;padding:12px 14px;font-family:var(--sans);font-size:14px;background:var(--surface);color:var(--ink);line-height:1.6}.cbox textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.cbox-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}.cbox-actions .tip{font-family:var(--mono);font-size:11.5px;color:var(--faint)}.cmt{display:flex;gap:12px;padding:16px 0;border-top:1px solid var(--border)}.cmt .body{flex:1 1;min-width:0}.cmt .h{display:flex;align-items:center;gap:8px;margin-bottom:5px;flex-wrap:wrap}.cmt .name{font-weight:600;font-size:14px}.cmt .t{font-family:var(--mono);font-size:11.5px;color:var(--faint)}.cmt p{margin:0;font-size:14.5px;line-height:1.6;overflow-wrap:break-word}.cmt p+p{margin-top:10px}.cmt code{font-family:var(--mono);font-size:.88em;background:var(--accent-soft);color:var(--accent);padding:1px 5px;border-radius:4px}.cmt .acts{display:flex;gap:16px;margin-top:8px;flex-wrap:wrap;align-items:center}.cmt .acts,.cmt .acts button{font-family:var(--mono);font-size:12px;color:var(--faint)}.cmt .acts button{background:none;border:none;padding:0}.cmt .acts .mark,.cmt .acts button:hover{color:var(--accent)}.cmt .acts .mark{font-weight:600}.cmt .acts .marked{color:var(--good)}.cmt .acts .up.on{color:var(--accent);font-weight:600}.cmt .reply,.cmt.reply{margin-left:44px}.cmt .del:hover{color:var(--bad)}.quote-ref{display:flex;gap:8px;align-items:flex-start;background:var(--accent-soft);border-radius:0 8px 8px 0;padding:8px 12px;margin:0 0 10px;cursor:pointer;font-size:13px;color:var(--muted);line-height:1.5;width:100%;text-align:left;border:none;border-left:3px solid var(--accent-line)}.quote-ref:hover{border-left-color:var(--accent);color:var(--ink)}.quote-ref .qi{color:var(--accent);flex:none;margin-top:1px}.quote-ref .qt{flex:1 1}.quote-ref .jump{font-family:var(--mono);font-size:10.5px;color:var(--accent);white-space:nowrap;align-self:center}.ref-target{scroll-margin-top:90px;border-radius:6px;transition:background .45s ease,box-shadow .45s ease}.ref-target.flash{background:var(--warm-soft);box-shadow:0 0 0 6px var(--warm-soft)}.quoted-span{background:linear-gradient(to bottom,transparent 58%,var(--warm-soft) 58%);cursor:pointer;border-radius:2px}.quoted-span:hover{background:linear-gradient(to bottom,transparent 58%,color-mix(in srgb,var(--warm) 32%,transparent) 58%)}.ref-count{display:inline-flex;align-items:center;gap:4px;vertical-align:middle;margin-left:8px;font-family:var(--mono);font-size:11.5px;color:var(--warm);background:var(--warm-soft);border:1px solid color-mix(in srgb,var(--warm) 30%,transparent);border-radius:20px;padding:2px 9px;cursor:pointer;line-height:1.4}.ref-count:hover{border-color:var(--warm)}.ref-count svg{width:12px;height:12px}.ref-pop{display:none;margin:12px 0 20px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.ref-pop.open{display:block;animation:rise .28s ease}.ref-pop .ph{padding:8px 14px;border-bottom:1px solid var(--border);letter-spacing:.06em;text-transform:uppercase;display:flex;justify-content:space-between}.ref-pop .ph,.ref-pop .ph .x{font-family:var(--mono);font-size:10.5px;color:var(--faint)}.ref-pop .ph .x{cursor:pointer;background:none;border:none}.ref-pop .ph .x:hover{color:var(--ink)}.ref-pop .ri{display:flex;gap:10px;padding:13px 14px}.ref-pop .ri+.ri{border-top:1px solid var(--border)}.ref-pop .ri .rb{flex:1 1;min-width:0}.ref-pop .ri .rh{display:flex;gap:8px;align-items:center;margin-bottom:4px}.ref-pop .ri .name{font-weight:600;font-size:13px}.ref-pop .ri p{margin:0;font-size:13.5px;color:var(--muted);line-height:1.55}.ref-pop .ri .goto{font-family:var(--mono);font-size:11.5px;color:var(--accent);margin-top:8px;display:inline-block;cursor:pointer;background:none;border:none;padding:0}.ref-pop .ri .goto:hover{text-decoration:underline}.sel-bubble{position:absolute;z-index:200;display:none;transform:translate(-50%,-100%)}.sel-bubble.show{display:block}.sel-bubble .cta{display:inline-flex;align-items:center;gap:6px;background:var(--ink);color:var(--bg);border:none;padding:7px 12px;border-radius:9px;font-size:12.5px;font-weight:600;box-shadow:var(--shadow);cursor:pointer;white-space:nowrap}.sel-bubble .cta:hover{filter:brightness(1.1)}.sel-bubble .cta svg{width:13px;height:13px}.sel-bubble:after{content:"";position:absolute;left:50%;bottom:-5px;transform:translateX(-50%) rotate(45deg);width:9px;height:9px;background:var(--ink)}.sel-composer{position:absolute;z-index:210;display:none;width:328px;max-width:calc(100vw - 32px);background:var(--surface);border:1px solid var(--border-strong);border-radius:14px;box-shadow:var(--shadow);padding:14px}.sel-composer.show{display:block}.sel-composer .lbl{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:7px}.sel-composer .q{border-left:3px solid var(--warm);background:var(--warm-soft);padding:7px 10px;border-radius:0 7px 7px 0;font-size:12.5px;color:var(--muted);margin-bottom:11px;max-height:66px;overflow:auto;line-height:1.5}.sel-composer textarea{width:100%;border:1px solid var(--border-strong);border-radius:10px;padding:10px 12px;font-family:var(--sans);font-size:13.5px;background:var(--surface);color:var(--ink);resize:vertical;min-height:64px;line-height:1.55}.sel-composer textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.sel-composer .row{display:flex;justify-content:flex-end;gap:8px;margin-top:11px}.sel-composer .row button{padding:7px 14px;border-radius:9px;font-size:13px;font-weight:600}.sel-composer .cancel{background:none;border:1px solid var(--border-strong);color:var(--muted)}.sel-composer .cancel:hover{color:var(--ink)}.sel-composer .submit{background:var(--accent-strong);color:var(--on-accent);border:none}.sel-composer .submit:hover{filter:brightness(1.06)}.ebar{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:saturate(160%) blur(10px);backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--border)}.ebar-in{display:flex;align-items:center;gap:14px;height:58px;padding:0 24px;max-width:1240px;margin:0 auto}.ebar .crumb{font-size:12.5px;color:var(--faint);border-left:1px solid var(--border-strong);padding-left:14px;padding-top:0}.ebar .crumb,.saved{font-family:var(--mono)}.saved{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.saved .sdot{width:7px;height:7px;border-radius:50%;background:var(--good);flex:none}.saved.dirty .sdot{background:var(--warm)}.saved.saving .sdot{background:var(--accent);animation:pulse 1s ease-in-out infinite}.saved.error .sdot{background:var(--bad)}@keyframes pulse{50%{opacity:.35}}.shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:32px;gap:32px;max-width:1240px;margin:0 auto;padding:26px 24px 70px;align-items:start}.rule-banner{display:flex;gap:12px;align-items:flex-start;background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:12px;padding:13px 16px;margin-bottom:22px;font-size:13.5px;line-height:1.55;color:var(--ink)}.rule-banner svg{flex:none;margin-top:2px}.rule-banner b,.rule-banner svg{color:var(--accent)}.title-in{width:100%;border:none;background:none;outline:none;color:var(--ink);font-family:var(--sans);font-size:30px;font-weight:750;line-height:1.25;letter-spacing:-.015em;padding:4px 0;margin-bottom:6px;display:block}.title-in::placeholder{color:var(--border-strong)}.excerpt-in{width:100%;border:none;background:none;outline:none;color:var(--muted);font-family:var(--sans);font-size:15px;line-height:1.5;padding:2px 0 14px;border-bottom:1px solid var(--border);margin-bottom:18px;display:block}.excerpt-in::placeholder{color:var(--faint)}.toolbar{position:-webkit-sticky;position:sticky;top:70px;z-index:10;display:flex;align-items:center;gap:2px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:6px;margin-bottom:16px;box-shadow:var(--shadow-soft)}.tb{width:34px;height:34px;border-radius:8px;border:none;background:none;color:var(--muted);display:grid;place-items:center;font-family:var(--mono);font-size:14px;font-weight:600}.tb:hover{background:var(--surface-2);color:var(--ink)}.tb.on{background:var(--accent-soft);color:var(--accent)}.tb-sep{width:1px;height:20px;background:var(--border);margin:0 5px}.tb-txt{width:auto;padding:0 11px;gap:6px;display:inline-flex}.tb-right,.tb-txt{align-items:center}.tb-right{margin-left:auto;display:flex;gap:2px}.paper{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:26px 30px;box-shadow:var(--shadow-soft)}.paper textarea.md{width:100%;border:none;outline:none;background:none;color:var(--ink);font-family:var(--mono);font-size:14.5px;line-height:1.8;resize:none;min-height:520px;display:block;-moz-tab-size:2;tab-size:2}.paper textarea.md::placeholder{color:var(--faint)}.paper .doc{font-size:16.5px;line-height:1.75;min-height:520px}.editor-drop{position:relative}.editor-drop.over:after{content:"松开以插入图片";position:absolute;inset:0;border-radius:14px;border:2px dashed var(--accent);background:var(--accent-soft);display:grid;place-items:center;font-family:var(--mono);font-size:13px;color:var(--accent);pointer-events:none}.field{margin-bottom:14px}.field:last-child{margin-bottom:0}.field label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:6px;font-weight:500}.inp,.sel{width:100%;border:1px solid var(--border-strong);border-radius:9px;padding:9px 11px;font-family:var(--sans);font-size:13.5px;background:var(--surface);color:var(--ink)}.sel{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23838c92' stroke-width='3'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;padding-right:30px}.inp:focus,.sel:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.tags-in{display:flex;flex-wrap:wrap;gap:6px;border:1px solid var(--border-strong);border-radius:9px;padding:8px}.tags-in:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.ttag{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:12px;color:var(--accent);background:var(--accent-soft);padding:3px 8px;border-radius:6px}.ttag b{cursor:pointer;color:var(--faint);font-weight:400}.ttag b:hover{color:var(--accent)}.tags-in input{border:none;outline:none;background:none;font-family:var(--sans);font-size:13px;color:var(--ink);flex:1 1;min-width:70px;padding:2px}.cover-up{border:1px dashed var(--border-strong);border-radius:10px;padding:16px;text-align:center;color:var(--faint);font-size:12.5px;background:var(--surface-2);width:100%;display:block}.cover-up:hover{border-color:var(--accent-line);color:var(--accent)}.checklist{list-style:none;margin:0;flex-direction:column}.checklist,.ck{padding:0;display:flex;gap:10px}.ck{align-items:flex-start;font-size:13px;line-height:1.45;cursor:pointer;text-align:left;background:none;border:none;color:var(--ink);width:100%}.ck .box{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--border-strong);flex:none;display:grid;place-items:center;color:transparent;margin-top:1px}.ck.checked .box{background:var(--good);border-color:var(--good);color:#fff}.ck.checked span{color:var(--muted)}.ck .box svg{width:11px;height:11px}.gate{margin-top:14px;font-family:var(--mono);font-size:11.5px;color:var(--warm);display:flex;gap:7px;align-items:center}.gate.ok{color:var(--good)}.pub-row{display:flex;gap:8px;margin-top:4px}.pub-row .btn-ghost,.pub-row .btn-primary{flex:1 1;justify-content:center}.visibility{text-align:center}.visibility,.wordcount{font-family:var(--mono);font-size:11px;color:var(--faint);margin-top:10px}.wordcount{display:flex;justify-content:space-between}.hero{background:var(--surface);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,var(--accent-soft),transparent 55%);pointer-events:none}.hero-in{position:relative;padding:30px 0 28px}.hero .crumb{padding:0;margin-bottom:16px}.hero h1{font-size:32px;line-height:1.2;letter-spacing:-.015em;margin:8px 0 12px;text-wrap:balance;max-width:22ch;font-weight:750}.hero .desc{color:var(--muted);font-size:16px;max-width:60ch;margin:0 0 20px;line-height:1.6}.chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.chips .chip.level{color:var(--warm);background:var(--warm-soft);border-color:transparent;font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:12px}.hero-foot{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.prog-wide{flex:1 1;min-width:240px;max-width:440px}.prog-wide .top{display:flex;justify-content:space-between;font-family:var(--mono);font-size:12px;color:var(--muted);margin-bottom:7px}.prog-wide .top b{color:var(--warm)}.prog-wide .track{height:8px;background:var(--border);border-radius:8px;overflow:hidden}.prog-wide .track>span{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--warm),color-mix(in srgb,var(--warm) 70%,var(--star)))}.authors{align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}.authors,.stack{display:flex}.stack .avatar{width:28px;height:28px;font-size:10px;border:2px solid var(--surface);margin-left:-8px}.stack .avatar:first-child{margin-left:0}.p-layout{display:grid;grid-template-columns:308px minmax(0,1fr);grid-gap:40px;gap:40px;padding:32px 0 60px;align-items:start}.p-side{position:-webkit-sticky;position:sticky;top:82px}.p-side h4{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:0 0 12px}.sec-group{margin-bottom:18px}.sec-title{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--muted);margin:0 0 8px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em}.sec-title .n{color:var(--faint);font-weight:400}.lesson{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:10px;color:var(--muted);font-size:13.5px;line-height:1.35}.lesson:hover{background:var(--surface);color:var(--ink)}.lesson .ic{width:22px;height:22px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--mono);font-size:11px;border:1.5px solid var(--border-strong);color:var(--faint)}.lesson.done .ic{background:var(--good);border-color:var(--good);color:#fff}.lesson.done{color:var(--ink)}.lesson.current{background:var(--accent-soft);color:var(--accent);font-weight:600}.lesson.current .ic{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.lesson .t{flex:1 1}.lesson .min{font-family:var(--mono);font-size:11px;color:var(--faint)}.p-main h2{font-size:21px;margin:0 0 16px;letter-spacing:-.01em}.learn{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px 20px;gap:12px 20px;margin:0 0 36px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:16px}.learn .li{display:flex;gap:10px;font-size:14px;line-height:1.5}.learn .li svg{color:var(--good);flex:none;margin-top:3px}.syl-sec{margin-bottom:30px}.syl-h{display:flex;align-items:baseline;gap:10px;margin:0 0 12px}.syl-h .idx{font-family:var(--mono);font-size:13px;color:var(--accent);font-weight:700}.syl-h h3{font-size:17px;margin:0;font-weight:650}.syl-h .meta{margin-left:auto;font-family:var(--mono);font-size:11.5px;color:var(--faint)}.lrow{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;margin-bottom:8px;background:var(--surface);transition:border-color .14s,transform .14s}.lrow:hover{border-color:var(--border-strong);transform:translateX(2px)}.lrow .st{width:26px;height:26px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--mono);font-size:12px;border:1.5px solid var(--border-strong);color:var(--faint)}.lrow.done .st{background:var(--good);border-color:var(--good);color:#fff}.lrow.current .st{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.lrow .info{flex:1 1;min-width:0}.lrow .lt{font-size:15px;font-weight:600;line-height:1.4}.lrow.done .lt{color:var(--muted)}.lrow .lm{font-family:var(--mono);font-size:11.5px;color:var(--faint);margin-top:3px}.lrow .rt{color:var(--star)}.lrow .go,.lrow .rt{font-family:var(--mono);font-size:12px;white-space:nowrap}.badge-cur,.lrow .go{color:var(--accent)}.badge-cur{font-family:var(--mono);font-size:10px;background:var(--accent-soft);padding:2px 8px;border-radius:20px;font-weight:600}.page-head{padding:34px 0 20px}.page-head h1{font-size:27px;margin:10px 0 8px;letter-spacing:-.01em;font-weight:700}.page-head p{color:var(--muted);margin:0;max-width:60ch}.toolrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}.toolrow .spacer{margin-left:auto}.empty{text-align:center;color:var(--faint);padding:48px 24px;font-family:var(--mono);font-size:13px}.empty a{color:var(--accent)}.pager{display:flex;gap:8px;padding:30px 0 10px}.pager,.pager a,.pager span{align-items:center;justify-content:center}.pager a,.pager span{font-family:var(--mono);font-size:13px;min-width:34px;height:34px;padding:0 10px;border:1px solid var(--border);border-radius:8px;display:inline-flex;color:var(--muted);background:var(--surface)}.pager .cur,.pager a:hover{border-color:var(--accent-line);color:var(--accent)}.pager .cur{background:var(--accent-soft);font-weight:600}.pager .off{opacity:.4;pointer-events:none}.notice{display:flex;gap:10px;align-items:flex-start;border-radius:10px;padding:11px 14px;font-size:13.5px;margin-bottom:16px;line-height:1.55}.notice.err{background:var(--bad-soft);border:1px solid color-mix(in srgb,var(--bad) 30%,transparent);color:var(--bad)}.notice.ok{background:var(--good-soft);border:1px solid color-mix(in srgb,var(--good) 30%,transparent);color:var(--good)}.notice.warn{background:var(--warm-soft);border:1px solid color-mix(in srgb,var(--warm) 30%,transparent);color:var(--warm)}.toast-host{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:300;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{background:var(--ink);color:var(--bg);padding:9px 16px;border-radius:10px;font-size:13.5px;font-weight:500;box-shadow:var(--shadow);animation:rise .22s ease;max-width:min(92vw,460px)}.toast.err{background:var(--bad);color:#fff}.auth-wrap{max-width:400px;margin:0 auto;padding:60px 24px 80px}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:var(--shadow)}.auth-card h1{font-size:21px;margin:14px 0 6px;font-weight:700}.auth-card p.sub{color:var(--muted);font-size:13.5px;margin:0 0 22px}.auth-card .field label{font-size:13px}.auth-card .btn-primary{width:100%;justify-content:center;margin-top:6px;padding:11px}.demo-users{margin-top:22px;border-top:1px solid var(--border);padding-top:16px}.demo-users h5{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin:0 0 10px;font-weight:600}.demo-users .du{display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:9px;width:100%;background:none;border:1px solid transparent;text-align:left}.demo-users .du:hover{background:var(--surface-2);border-color:var(--border)}.demo-users .du .avatar{width:26px;height:26px;font-size:10px}.demo-users .du .dn{font-size:13px;font-weight:550}.demo-users .du .dr{font-family:var(--mono);font-size:11px;color:var(--faint);margin-left:auto}.profile-head{display:flex;align-items:center;gap:18px;padding:32px 0 24px;flex-wrap:wrap}.profile-head .avatar{width:64px;height:64px;font-size:22px}.profile-head h1{font-size:24px;margin:0 0 4px;font-weight:700}.profile-head .ph-meta{font-family:var(--mono);font-size:12.5px;color:var(--faint)}.profile-head .ph-bio{color:var(--muted);font-size:14px;margin:6px 0 0;max-width:60ch}.mini-stats{display:flex;gap:22px;margin-left:auto}.mini-stats .ms{text-align:right}.mini-stats .ms .n{font-family:var(--mono);font-size:19px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mini-stats .ms .l{font-size:11.5px;color:var(--faint)}.draft-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;margin-bottom:8px;background:var(--surface)}.draft-row .info{flex:1 1;min-width:0}.draft-row .dt{font-size:15px;font-weight:600;line-height:1.4}.draft-row .dm{font-family:var(--mono);font-size:11.5px;color:var(--faint);margin-top:3px}.draft-row .acts{display:flex;gap:8px}.status-pill{font-family:var(--mono);font-size:10.5px;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.status-pill.draft{color:var(--warm);background:var(--warm-soft)}.status-pill.published{color:var(--good);background:var(--good-soft)}.hitlist{display:flex;flex-direction:column}.hit{display:block;padding:16px 4px;border-bottom:1px solid var(--border)}.hit:hover{background:var(--surface-2)}.hit .ht{font-size:16px;font-weight:620;margin-bottom:5px}.hit:hover .ht{color:var(--accent)}.hit .hx{font-size:13.5px;color:var(--muted);line-height:1.55}.hit mark{background:var(--warm-soft);color:var(--warm);padding:0 2px;border-radius:3px;font-weight:600}.learn-shell{display:flex;flex-direction:column;min-height:100vh}.learn-bar{position:-webkit-sticky;position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:16px;height:56px;padding:0 20px;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:saturate(160%) blur(10px);backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--border)}.learn-menu{display:none;align-items:center;justify-content:center;width:32px;height:32px;flex:none;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted)}.learn-menu:hover{color:var(--ink);border-color:var(--border-strong)}.learn-back{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:14px;min-width:0}.learn-back b{color:var(--ink);font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.learn-back:hover,.learn-back:hover b{color:var(--accent)}.learn-prog{display:flex;align-items:center;gap:10px;margin-left:auto;min-width:0}.learn-prog .track{width:140px;flex:none}.learn-prog .track>span{background:var(--accent)}.learn-prog .m{white-space:nowrap}.learn-exit{flex:none;font-size:13px;color:var(--muted);border:1px solid var(--border);border-radius:8px;padding:5px 11px}.learn-exit:hover{color:var(--ink);border-color:var(--border-strong);background:var(--surface-2)}.learn-body{flex:1 1;display:grid;grid-template-columns:292px minmax(0,1fr);align-items:start}.learn-side{position:-webkit-sticky;position:sticky;top:56px;align-self:start;height:calc(100vh - 56px);overflow-y:auto;border-right:1px solid var(--border);background:var(--surface);padding:18px 14px 28px;min-width:0}.learn-side .side-head{padding:0 8px 14px;border-bottom:1px solid var(--border);margin-bottom:12px}.learn-side .side-head h2{font-size:12px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 4px;font-weight:600}.syl-chapter{margin-bottom:16px}.syl-chapter h3{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:650;color:var(--muted);margin:0 0 6px;padding:0 8px}.syl-chapter h3 .n{margin-left:auto;font-family:var(--mono);font-size:10.5px;color:var(--faint);background:var(--surface-2);border-radius:20px;padding:1px 7px}.syl-item{position:relative;display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:9px;font-size:13px;color:var(--muted);overflow:hidden}.syl-item:hover{background:var(--surface-2);color:var(--ink)}.syl-item .mark{flex:none;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--border-strong);background:var(--surface);font-family:var(--mono);font-size:10px;color:var(--faint)}.syl-item .t{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.syl-item .min{flex:none;font-family:var(--mono);font-size:10.5px;color:var(--faint)}.syl-item.done .mark{background:var(--good);border-color:var(--good);color:#fff}.syl-item.done .t{color:var(--faint)}.syl-item.current{background:var(--accent-soft);color:var(--accent);font-weight:600}.syl-item.current .mark{border-color:var(--accent);color:var(--accent)}.syl-item.current .min{color:var(--accent)}.syl-item.current.done .mark{background:var(--good);border-color:var(--good);color:#fff}.syl-item .resume{position:absolute;left:0;bottom:0;height:2px;background:var(--warm);border-radius:0 2px 2px 0}.learn-side .side-foot{display:flex;align-items:center;gap:6px;justify-content:center;margin-top:8px;padding:9px;border-radius:9px;font-size:12.5px;color:var(--muted);border:1px solid var(--border)}.learn-side .side-foot:hover{color:var(--accent);border-color:var(--accent-line)}.learn-scrim{display:none}.learn-main{padding:34px 40px 80px;max-width:860px;min-width:0;width:100%}.lesson-head{margin-bottom:26px}.lh-eyebrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.lh-chapter{font-size:12px;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:20px;padding:2px 10px}.lh-done{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--good);background:var(--good-soft);border-radius:20px;padding:2px 9px;font-weight:600}.lesson-head h1{font-size:30px;line-height:1.3;margin:0 0 14px;letter-spacing:-.01em;font-weight:700}.lh-meta{gap:9px;flex-wrap:wrap}.lh-meta,.lh-meta .who{display:flex;align-items:center}.lh-meta .who{gap:8px}.lh-meta .who .name{font-size:13.5px;font-weight:550}.lh-meta .who:hover .name,.lh-standalone:hover{color:var(--accent)}.learn-main .prose{max-width:none}.lesson-foot{margin:38px 0 26px;border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden}.lf-done{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 18px;border-bottom:1px solid var(--border);background:var(--surface-2)}.lf-check{display:inline-flex;align-items:center;gap:10px;background:none;border:none;padding:0;font-size:14.5px;font-weight:600;color:var(--ink)}.lf-check .box{width:22px;height:22px;border-radius:7px;flex:none;border:1.5px solid var(--border-strong);background:var(--surface);display:grid;place-items:center;color:#fff;transition:background .14s,border-color .14s}.lf-check:hover .box{border-color:var(--accent)}.lf-check.on{color:var(--good)}.lf-check.on .box{background:var(--good);border-color:var(--good)}.lf-check:disabled{opacity:.6;cursor:wait}.lf-err{font-size:12.5px;color:var(--bad)}.lf-nav{display:flex;align-items:stretch;gap:12px;padding:14px 18px}.lf-nav>.m,.lf-next,.lf-prev{display:flex;align-items:center}.lf-next,.lf-prev{gap:10px;min-width:0}.lf-prev{flex-direction:column;align-items:flex-start;gap:1px;padding:8px 14px}.lf-next{margin-left:auto;padding:9px 16px}.lf-next .txt{display:flex;flex-direction:column;align-items:flex-end;gap:1px;min-width:0}.lf-next .lbl,.lf-prev .lbl{font-family:var(--mono);font-size:10.5px;opacity:.7;letter-spacing:.04em}.lf-next .t,.lf-prev .t{font-size:13.5px;font-weight:600;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.disc{border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden}.disc-head{display:flex;align-items:center;gap:9px;width:100%;padding:14px 18px;background:none;border:none;color:var(--ink);text-align:left}.disc-head:hover{background:var(--surface-2)}.disc-t{font-size:14.5px;font-weight:650}.disc-n{font-family:var(--mono);font-size:11.5px;color:var(--accent);background:var(--accent-soft);border-radius:20px;padding:1px 8px}.disc-hint{margin-left:auto}.disc-caret{font-size:9px;color:var(--faint)}.disc.open .disc-head{border-bottom:1px solid var(--border)}.disc-body{padding:4px 18px 18px}.disc-body .comments{margin:0;max-width:none}.enroll{background:var(--surface);border:1px solid var(--border-strong);border-radius:14px;padding:16px;margin-bottom:18px;box-shadow:var(--shadow)}.en-top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:9px}.en-top b{font-family:var(--mono);font-size:19px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.en-count{margin-top:7px}.en-cta{width:100%;justify-content:center;margin-top:14px}.en-next{margin-top:9px;text-align:center;line-height:1.5}.side-syl h4{margin:0 0 10px;font-size:13px;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-weight:600}.resume-banner{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border:1px solid var(--accent-line);border-radius:14px;background:linear-gradient(120deg,var(--accent-soft),transparent 70%);padding:16px 18px;margin-bottom:22px}.rb-text{min-width:0;flex:1 1}.rb-title{font-size:17px;font-weight:650;margin:4px 0 3px}.resume-banner:hover .rb-title{color:var(--accent)}.rb-cta{flex:none}.path-open{display:block}.path-cta{display:flex;align-items:center;gap:7px;justify-content:center;margin-top:12px;padding:8px 12px;border-radius:9px;border:1px solid var(--border);background:var(--surface-2);font-size:13px;font-weight:550;color:var(--muted);min-width:0}.path-cta .t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.path-cta:hover{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.syl-h .meta .ok{color:var(--good);font-weight:600}.admin-body{padding:20px 0 64px}.admin-foot{margin-top:22px;line-height:1.7;max-width:78ch}.admin-foot b{color:var(--muted);font-weight:650}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.tile{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;min-width:0;box-shadow:var(--shadow-soft)}.tile-n{font-family:var(--mono);font-size:24px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.2}.tile-l{font-size:13px;font-weight:550;margin-top:2px}.tile-note{font-family:var(--mono);font-size:11px;color:var(--faint);margin-top:4px}.admin-sec{margin-top:28px}.admin-sec-head{margin-bottom:14px}.admin-sec-head h3{font-size:16px;margin:0 0 4px;font-weight:650}.admin-sec-head p{margin:0;color:var(--faint);font-size:12.5px;max-width:68ch}.charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.chart{margin:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px 10px;min-width:0}.chart-head{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.chart-head h4{margin:0;font-size:13px;font-weight:600}.chart-total{margin-left:auto;font-family:var(--mono);font-size:15px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chart-total i{font-style:normal;font-size:10.5px;color:var(--faint);margin-left:3px}.bars{gap:2px;height:72px}.bar,.bars{display:flex;align-items:flex-end}.bar{position:relative;flex:1 1;min-width:0;height:100%}.bar>span{display:block;width:100%;border-radius:4px 4px 0 0;transition:opacity .12s}.bar:hover>span{opacity:.72}.bar:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);font-family:var(--mono);font-size:11px;padding:4px 8px;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s;z-index:5}.bar:hover:after{opacity:1}.chart-foot{display:flex;justify-content:space-between;gap:8px;margin-top:7px;border-top:1px solid var(--border);padding-top:6px}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:12px}.admin-grid .card{min-width:0}.barlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}.barlist li{display:grid;grid-template-columns:minmax(0,1fr) 34% auto;align-items:center;grid-gap:12px;gap:12px}.bl-text{min-width:0}.bl-label{display:block;font-size:13.5px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bl-text a:hover .bl-label{color:var(--accent)}.bl-note{display:block;font-family:var(--mono);font-size:10.5px;color:var(--faint);margin-top:1px}.bl-track{height:8px;background:var(--border);border-radius:6px;overflow:hidden;min-width:0}.bl-track>span{display:block;height:100%;border-radius:6px}.bl-value{font-family:var(--mono);font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.bl-value i{font-style:normal;font-size:10.5px;color:var(--faint)}.ranklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.ranklist li{display:flex;align-items:center;gap:10px;min-width:0}.rk{font-family:var(--mono);font-size:11px;color:var(--faint);width:16px;flex:none}.rk-title{flex:1 1;min-width:0;font-size:13.5px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rk-title:hover{color:var(--accent)}.ranklist .m{flex:none}.actlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px}.actlist li{display:flex;gap:10px;min-width:0}.act-body{min-width:0}.act-txt{font-size:13px;line-height:1.5;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.actlist .m a:hover{color:var(--accent)}.usearch{position:relative;display:flex;align-items:center}.usearch svg{position:absolute;left:10px;color:var(--faint);pointer-events:none}.usearch input{width:230px;border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:9px;padding:7px 11px 7px 30px;font-size:13.5px;outline:none}.usearch input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.utable{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}.urow,.utable-head{display:grid;grid-template-columns:minmax(0,2.4fr) 84px 92px 62px 62px 96px minmax(0,auto);align-items:center;grid-gap:12px;gap:12px;padding:11px 16px}.utable-head{background:var(--surface-2);font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-weight:600}.urow,.utable-head{border-bottom:1px solid var(--border)}.urow:last-child{border-bottom:none}.urow.open,.urow:hover{background:var(--surface-2)}.ucell{min-width:0}.ucell.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ucell.num,.utable-head .num{text-align:right}.uwho{display:flex;align-items:center;gap:11px}.uinfo{min-width:0}.un{font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px}.ume,.un a:hover{color:var(--accent)}.ume{font-size:10px;background:var(--accent-soft);padding:1px 6px;border-radius:20px;font-weight:600}.ue,.ume{font-family:var(--mono)}.ue{font-size:11.5px;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uacts{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.uacts .btn-ghost{padding:5px 9px;font-size:12.5px}.uacts .btn-ghost:disabled{opacity:.38;cursor:not-allowed}.upanel{grid-column:1/-1;border-top:1px dashed var(--border-strong);margin-top:11px;padding-top:14px;min-width:0}.upanel.danger{border-top-color:color-mix(in srgb,var(--bad) 40%,transparent)}.upanel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px 14px;gap:10px 14px}.newuser .field,.upanel .field,.upanel-grid{margin-bottom:12px}.upanel-grid .field{margin-bottom:0}.newuser .field>span,.upanel .field>span{display:block;font-size:12.5px;color:var(--muted);margin-bottom:6px;font-weight:500}.newuser textarea.inp,.upanel textarea.inp{resize:vertical;line-height:1.55}.upanel-hint{font-size:13px;color:var(--muted);line-height:1.6;margin:0 0 12px;max-width:70ch}.upanel-hint b{color:var(--ink);font-weight:650}.upanel.danger .upanel-hint b{color:var(--bad)}.upanel-acts{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn-primary.danger{background:var(--bad);border-color:var(--bad);color:#fff}.btn-primary.danger:hover{background:color-mix(in srgb,var(--bad) 84%,#000)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.newuser{width:100%;margin-top:12px}.newuser h4{margin-bottom:14px}.reveal{opacity:0;transform:translateY(10px);animation:rise .5s cubic-bezier(.2,.7,.2,1) forwards}.d1{animation-delay:.04s}.d2{animation-delay:.1s}.d3{animation-delay:.16s}.d4{animation-delay:.22s}@keyframes rise{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.reveal{animation:none;opacity:1}.art.featured,.lrow:hover,.path:hover,.reveal{transform:none}*{transition:none!important;animation-duration:.001ms!important}}@media (max-width:1040px){.nav-search input{width:150px}.nav-search input:focus{width:190px}}@media (max-width:940px){.grid{grid-template-columns:minmax(0,1fr)}.side{position:static;flex-direction:column}.paths{grid-template-columns:minmax(0,1fr)}.brand .sub,.nav-links{display:none}.layout{grid-template-columns:minmax(0,1fr)}.toc{display:none}.shell{grid-template-columns:minmax(0,1fr)}.shell .side{position:static}.toolbar{top:58px}.p-layout{grid-template-columns:minmax(0,1fr)}.p-side{position:static;order:2}.learn{grid-template-columns:minmax(0,1fr)}.nav-search{margin-left:auto}.nav-search input{width:130px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid,.charts{grid-template-columns:minmax(0,1fr)}.utable-head{display:none}.urow{grid-template-columns:minmax(0,1fr);gap:8px}.ucell.num,.urow .ucell.m{display:none}.uacts{justify-content:flex-start}.learn-body,.upanel-grid{grid-template-columns:minmax(0,1fr)}.learn-menu{display:inline-flex}.learn-side{position:fixed;top:56px;left:0;bottom:0;width:min(320px,84vw);z-index:55;transform:translateX(-100%);transition:transform .2s ease;box-shadow:var(--shadow);height:auto}.learn-side.open{transform:none}.learn-scrim{display:block;position:fixed;inset:56px 0 0;background:rgba(0,0,0,.38);z-index:54}.learn-main{padding:26px 20px 70px}.learn-prog .track{width:88px}}@media (max-width:560px){.wrap,.wrap-wide{padding:0 16px}.masthead h1{font-size:25px}.hero h1,h1.title{font-size:26px}.prose{font-size:16px}.spring{margin-left:0;width:100%}.stats{gap:18px}.btn-primary .lbl{display:none}.ebar-in,.shell{padding-left:16px;padding-right:16px}.title-in{font-size:24px}.ebar .crumb,.nav-search{display:none}.paper{padding:20px 18px}.cmt .reply,.cmt.reply{margin-left:20px}.mini-stats{margin-left:0}.profile-head .avatar{width:52px;height:52px;font-size:18px}.tiles{grid-template-columns:minmax(0,1fr)}.usearch,.usearch input{width:100%}.barlist li{grid-template-columns:minmax(0,1fr) auto}.bl-track{display:none}.lesson-head h1{font-size:24px}.learn-exit,.learn-prog .m{display:none}.lf-nav{flex-wrap:wrap}.lf-next{margin-left:0;width:100%;justify-content:space-between}.lf-next .txt{align-items:flex-start}.lf-prev{width:100%}.lf-next .t,.lf-prev .t{max-width:min(60vw,240px)}}