:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}body{margin:0}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}main.container{flex-direction:column;gap:12px;padding-top:20px;padding-bottom:80px;display:flex}.topbar{z-index:30;background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0}.topbar-inner{align-items:center;gap:20px;min-height:56px;display:flex}.brand{color:var(--ink);align-items:center;gap:8px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.tabs{align-items:center;gap:2px;display:flex}.tab{border-radius:var(--radius-btn);color:var(--muted);align-items:center;gap:7px;padding:5px 10px;font-size:14px;text-decoration:none;display:inline-flex}.tab:hover{background:var(--surface);color:var(--ink)}.tab[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:500}.topbar-right{align-items:center;gap:10px;margin-left:auto;display:flex}.search{border:1px solid var(--line);border-radius:var(--radius-btn);background:var(--surface);width:200px;height:34px;color:var(--muted);font:inherit;align-items:center;gap:7px;padding:0 9px;font-size:13px;display:flex}.search-field{width:100%;min-width:0;font:inherit;color:var(--ink);background:0 0;border:none;outline:none}.search-field::placeholder{color:var(--muted)}.icon-btn{border:1px solid var(--line);border-radius:var(--radius-btn);background:var(--surface);width:32px;height:32px;color:var(--body);cursor:pointer;place-items:center;display:grid;position:relative}.icon-btn-count{border-radius:var(--radius-pill);background:var(--accent);min-width:16px;height:16px;color:var(--on-accent);text-align:center;padding:0 4px;font-size:10px;font-weight:500;line-height:16px;position:absolute;top:-5px;right:-5px}.theme-toggle-form{display:flex}.theme-toggle{border:1px solid var(--line);border-radius:var(--radius-btn);background:var(--surface);cursor:pointer;place-items:center;width:32px;height:32px;padding:0;display:grid}.theme-toggle:hover{background:var(--bg)}.theme-toggle-window{width:24px;height:24px;position:relative;overflow:hidden}.theme-toggle-window>img{position:absolute;inset:0}.tt-f1,.tt-f2,.tt-moon,:root.dark .tt-sun{visibility:hidden}:root.dark .tt-moon{visibility:visible}@media (prefers-color-scheme:dark){:root:not(.light) .tt-sun{visibility:hidden}:root:not(.light) .tt-moon{visibility:visible}}@keyframes tt-out{0%{visibility:visible;transform:translateY(0)}33.33%{visibility:visible;transform:translateY(12px)}33.34%,to{visibility:hidden;transform:translateY(12px)}}@keyframes tt-in{0%,66.66%{visibility:hidden;transform:translateY(12px)}66.67%{visibility:visible;transform:translateY(12px)}to{visibility:visible;transform:translateY(0)}}@keyframes tt-a{0%,33.33%{visibility:hidden}33.34%,49.99%{visibility:visible}50%,to{visibility:hidden}}@keyframes tt-b{0%,49.99%{visibility:hidden}50%,66.66%{visibility:visible}66.67%,to{visibility:hidden}}:root[data-theme-anim] .theme-toggle-window>img{animation-duration:.36s;animation-timing-function:steps(6,end);animation-fill-mode:both}:root[data-theme-anim=to-dark] .tt-sun{animation-name:tt-out}:root[data-theme-anim=to-dark] .tt-f1{animation-name:tt-a}:root[data-theme-anim=to-dark] .tt-f2{animation-name:tt-b}:root[data-theme-anim=to-dark] .tt-moon{animation-name:tt-in}:root[data-theme-anim=to-light] .tt-moon{animation-name:tt-out}:root[data-theme-anim=to-light] .tt-f2{animation-name:tt-a}:root[data-theme-anim=to-light] .tt-f1{animation-name:tt-b}:root[data-theme-anim=to-light] .tt-sun{animation-name:tt-in}@keyframes tt-blink{0%{transform:scaleY(1)}40%{transform:scaleY(.1)}60%,to{transform:scaleY(1)}}:root[data-theme-anim] .agent-mini .agent-eyes{animation:.36s step-end both tt-blink}::view-transition-old(root){animation:none}::view-transition-new(root){animation:pixel-wipe var(--wipe-ms,.45s) steps(var(--wipe-rows,40),end) both;-webkit-mask-image:linear-gradient(#000 50%,#0000 50%);mask-image:linear-gradient(#000 50%,#0000 50%);-webkit-mask-size:100% 200%;mask-size:100% 200%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes pixel-wipe{0%{-webkit-mask-position:0 100%;mask-position:0 100%}to{-webkit-mask-position:0 0;mask-position:0 0}}@media (prefers-reduced-motion:reduce){:root[data-theme-anim] .theme-toggle-window>img,:root[data-theme-anim] .agent-mini .agent-eyes{animation:none!important}::view-transition-old(root){animation:none!important}::view-transition-new(root){animation:none!important}}.avatar-menu{position:relative}.avatar-menu>summary{cursor:pointer;list-style:none}.avatar-menu>summary::-webkit-details-marker{display:none}.avatar-sheet{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);z-index:40;flex-direction:column;gap:1px;min-width:208px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.avatar-sheet>*{color:var(--body);text-align:left;border-radius:6px;padding:8px 10px;font-size:14px;text-decoration:none}.avatar-sheet>a:hover,.avatar-sheet>button:hover{background:var(--bg)}.avatar-sheet>button{width:100%;font:inherit;cursor:pointer;background:0 0;border:none}.avatar-email{color:var(--muted);overflow-wrap:anywhere;font-size:12.5px}.grid-main{grid-template-columns:minmax(0,1fr) 312px;align-items:start;gap:20px;display:grid}.grid-course{grid-template-columns:296px minmax(0,1fr);align-items:start;gap:20px;display:grid}.grid-dash{grid-template-columns:minmax(0,1fr) 312px;align-items:start;gap:20px;display:grid}.stack{flex-direction:column;gap:12px;display:flex}.grid-main>*,.grid-course>*,.grid-dash>*{min-width:0}.feed{flex-direction:column;gap:12px;display:flex}.composer{align-items:center;gap:10px;padding:12px 14px;display:flex}.composer-toggle>summary{cursor:pointer;list-style:none}.composer-toggle>summary::-webkit-details-marker{display:none}.composer-input{border:1px solid var(--line);border-radius:var(--radius-btn);background:var(--bg);height:32px;color:var(--muted);flex:1;align-items:center;padding:0 12px;font-size:14px;display:flex}.post{gap:11px;padding:14px 16px;display:flex}.post+.post{border-top:1px solid var(--line)}.post-main{flex:1;min-width:0}.post-head{min-height:34px;color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;margin:0;font-size:12.5px;display:flex}.post-head .who{color:var(--ink);font-size:14px;font-weight:500}.post-body{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.post-foot{color:var(--muted);align-items:center;gap:20px;margin-top:10px;font-size:13px;display:flex}.post-foot .count{font-variant-numeric:tabular-nums;min-width:1ch}.inline-action{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;padding:0;text-decoration:none;display:inline-flex}.inline-action:hover{color:var(--ink)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);height:28px;color:var(--muted);font:inherit;cursor:pointer;align-items:center;padding:0 12px;font-size:13px;text-decoration:none;display:inline-flex}.chip[aria-current=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.cover{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-card) var(--radius-card) 0 0;background:var(--accent-deep);width:100%;display:block}.stat-row{text-align:center;border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.stat-row div{padding:11px 4px}.stat-row b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:17px;font-weight:500;display:block}.stat-row span{color:var(--muted);font-size:12px}.section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:500}.rank-row{align-items:center;gap:9px;padding:6px 0;display:flex}.rank-row .pos{text-align:right;width:16px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:12.5px}.rank-row .pts{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12.5px}.row-list{flex-direction:column;display:flex}.row-list>*{padding:14px 18px}.row-list>*+*{border-top:1px solid var(--line)}.row-list>a{color:inherit;text-decoration:none;display:block}.row-list>a:hover{background:var(--bg)}.admin-nav{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:16px;margin-bottom:4px;padding-bottom:12px;display:flex}.admin-nav a{color:var(--muted);font-size:14px;text-decoration:none}.admin-nav a:hover{color:var(--ink)}.course-grid{grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:16px;display:grid}.course-card{color:inherit;flex-direction:column;padding:0;text-decoration:none;display:flex;overflow:hidden}.course-card .body{flex-direction:column;gap:8px;padding:14px 16px 16px;display:flex}.outline{flex-direction:column;padding:0;display:flex;position:sticky;top:76px}.outline-module+.outline-module{border-top:1px solid var(--line)}.outline-module>summary{list-style:none}.outline-module>summary::-webkit-details-marker{display:none}.outline-head{width:100%;font:inherit;text-align:left;cursor:pointer;color:var(--ink);background:0 0;border:none;align-items:center;gap:8px;padding:11px 14px;display:flex}.outline-head .t{font-size:13.5px;font-weight:500}.outline-head .c{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.outline-chevron{color:var(--muted);flex:none;transition:transform .15s}.outline-module[open]>summary .outline-chevron{transform:rotate(180deg)}.outline-list{margin:0;padding:0;list-style:none}.outline-row{color:var(--body);border-radius:7px;align-items:flex-start;gap:9px;margin:0 6px;padding:7px 10px;font-size:13.5px;line-height:1.45;text-decoration:none;display:flex}.outline-row:hover{background:var(--bg)}.outline-row[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:500}.outline-row>.tick{margin-top:1px}.outline-list{padding-bottom:6px}.player{aspect-ratio:16/9;border-radius:var(--radius-card);background:#241a1e;overflow:hidden}.player>*{border:0;width:100%;height:100%;display:block}.player-notice{text-align:center;background:var(--surface);place-items:center;width:100%;height:100%;padding:20px;display:grid}.article{max-width:66ch;color:var(--body);font-size:16.5px;line-height:1.7}.article p{margin:0 0 1em}.article p:last-child{margin-bottom:0}.empty{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:40px 20px;display:flex}a{text-decoration:none}p a,.article a{text-decoration:underline}[role=alert]{color:#9b1c1c}.bottom-nav{display:none}@media (max-width:980px){.grid-main,.grid-dash{grid-template-columns:1fr}.grid-main>aside,.grid-dash>aside{order:2}}@media (max-width:860px){.grid-course{grid-template-columns:1fr}.outline{order:2;position:static}.grid-course>.stack{order:1}}@media (max-width:720px){.container{padding:0 14px}main.container{padding-bottom:76px}.topbar-inner{gap:10px;min-height:52px}.tabs{display:none}.search{flex:1;width:auto;min-width:0}.post{padding:12px 13px}.article{font-size:16px}.bottom-nav{z-index:30;background:var(--bg);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav>a{color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 0 10px;font-size:10.5px;text-decoration:none;display:flex}.bottom-nav>a[aria-current=page]{color:var(--accent)}}.cover-brand{background:var(--gradient);flex-direction:column;justify-content:center;gap:4px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.cover-eyebrow{letter-spacing:.04em;color:#ffffffb8;z-index:1;font-size:11.5px;position:relative}.cover-title{letter-spacing:-.025em;color:#fff;z-index:1;max-width:62%;font-size:22px;font-weight:500;line-height:1.15;position:relative}.cover-agent{opacity:.95;position:absolute;bottom:-10px;right:-6px}.brand-divider{background:var(--line);flex:none;align-self:stretch;width:1px;margin:14px 2px}.avatar-sheet{min-width:232px;padding:8px}.avatar-sheet>.avatar-email{border-bottom:1px solid var(--line);border-radius:0;margin-bottom:4px;padding:8px 10px 10px}.avatar-sheet>a,.avatar-sheet>button{padding:9px 10px}.post{align-items:flex-start}.post-head{line-height:1.3}.post h3{margin:-2px 0 4px}.course-card .cover{border-radius:var(--radius-card) var(--radius-card) 0 0}.course-card .body{gap:10px}.course-title{color:var(--ink);letter-spacing:-.02em;font-size:16px;font-weight:500}.course-meta{color:var(--muted);align-items:center;gap:8px;font-size:12.5px;display:flex}.member-row{align-items:center;gap:12px;padding:12px 16px;display:flex}.member-row+.member-row{border-top:1px solid var(--line)}.member-name{color:var(--ink);font-size:15px;font-weight:500}.member-meta{color:var(--muted);margin-top:1px;font-size:12.5px}.member-points{text-align:right;font-variant-numeric:tabular-nums;margin-left:auto}.member-points b{color:var(--ink);font-size:15px;font-weight:500;display:block}.member-points span{color:var(--muted);font-size:12px}.icon-off{filter:grayscale()opacity(.45)}@media (prefers-reduced-motion:no-preference){.inline-action .icon-off,.inline-action img{transition:filter .15s}}.icon-on-accent{filter:var(--icon-on-accent-filter)}
@font-face{font-family:Uncut Sans;src:url(/fonts/uncut-sans-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Uncut Sans;src:url(/fonts/uncut-sans-500.woff2)format("woff2");font-weight:500 700;font-display:swap}:root{--bg:#f6f0ea;--surface:#fffdfa;--line:#e6dbd2;--ink:#1d1418;--body:#4a3d42;--muted:#7d6e72;--accent:#8e3a55;--accent-soft:#f3e8ec;--accent-deep:#45203d;--gradient:linear-gradient(125deg,#c65b4c 0%,#a44459 40%,#5e2946 75%,#45203d 100%);--radius-card:10px;--radius-btn:8px;--radius-pill:999px;--btn-h:36px;--on-accent:#fff;--icon-on-accent-filter:brightness(0) invert(1);--pixel-icon-outline:none}@media (prefers-color-scheme:dark){:root:not(.light):not(.dark){--bg:#1a1216;--surface:#241a1f;--line:#3a2c33;--ink:#f6f0ea;--body:#cbbcc2;--muted:#9a8a90;--accent:#c56a86;--accent-hover:#d27f99;--accent-soft:var(--surface);--on-accent:var(--bg);--icon-on-accent-filter:brightness(0);--pixel-icon-outline:drop-shadow(1px 0 0 var(--ink)) drop-shadow(-1px 0 0 var(--ink)) drop-shadow(0 1px 0 var(--ink)) drop-shadow(0 -1px 0 var(--ink));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root:not(.light):not(.dark) .btn:hover{filter:none;background:var(--accent-hover)}}:root.dark{--bg:#1a1216;--surface:#241a1f;--line:#3a2c33;--ink:#f6f0ea;--body:#cbbcc2;--muted:#9a8a90;--accent:#c56a86;--accent-hover:#d27f99;--accent-soft:var(--surface);--on-accent:var(--bg);--icon-on-accent-filter:brightness(0);--pixel-icon-outline:drop-shadow(1px 0 0 var(--ink)) drop-shadow(-1px 0 0 var(--ink)) drop-shadow(0 1px 0 var(--ink)) drop-shadow(0 -1px 0 var(--ink));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root.dark .btn:hover{filter:none;background:var(--accent-hover)}html{background:var(--bg)}body{background:var(--bg);color:var(--body);-webkit-font-smoothing:antialiased;font-family:Uncut Sans,system-ui,-apple-system,sans-serif;font-size:14px;font-weight:400;line-height:1.5}h1,h2,h3,h4{color:var(--ink);letter-spacing:-.025em;margin:0;font-weight:500;line-height:1.2}h1{font-size:27px}h2{font-size:20px}h3{font-size:17px}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:16px}.card-accent{background:var(--accent-deep);border:1px solid var(--accent-deep);border-radius:var(--radius-card);color:#f6f0ea;padding:16px}.card-accent h1,.card-accent h2,.card-accent h3{color:#fff}.card-accent .muted{color:#d9c7cf}.btn{min-height:var(--btn-h);border-radius:var(--radius-btn);background:var(--accent);color:var(--on-accent);font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-weight:500;transition:filter .15s;display:inline-flex}.btn:hover{filter:brightness(1.08)}.btn:disabled{opacity:.5;cursor:not-allowed;filter:none}.btn-secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn-secondary:hover{filter:none;background:var(--bg)}.btn-on-accent{color:#1d1418;background:#fffdfa}.input{width:100%;min-height:var(--btn-h);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-btn);color:var(--ink);font:inherit;padding:8px 11px}.input::placeholder{color:var(--muted)}.form-shadow{box-shadow:none}.badge{min-height:var(--btn-h);border-radius:var(--radius-btn);border:1px solid var(--line);background:var(--surface);color:var(--muted);align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:400;display:inline-flex}.post-head .pin-tag{margin-left:6px}.pin-tag{color:var(--accent);vertical-align:middle;align-items:center;gap:2px;font-size:13px;font-weight:500;display:inline-flex}.badge-on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.muted{color:var(--muted)}.progress{border-radius:var(--radius-pill);background:var(--line);height:5px;overflow:hidden}.progress>span{background:var(--gradient);height:100%;display:block}.avatar-wrap{flex:none;place-items:center;display:inline-grid;position:relative}.avatar-face{color:#6b4a3a;background:#e8d9cf;border-radius:50%;place-items:center;width:100%;height:100%;font-weight:500;line-height:1;display:grid}.avatar-level{border-radius:var(--radius-pill);background:var(--gradient);color:#fff;border:2px solid var(--bg);place-items:center;min-width:16px;height:16px;padding:0 3px;font-size:9.5px;font-weight:600;line-height:1;display:grid;position:absolute;bottom:-3px;right:-3px}.tick{border:1.5px solid var(--line);background:var(--surface);width:17px;height:17px;color:var(--on-accent);border-radius:4px;flex:none;place-items:center;display:grid}.tick-done{background:var(--accent);border-color:var(--accent)}.rating-pill{color:#fff;border-radius:var(--radius-btn);background:0 0;border:1px solid #fff9;transition:background .15s,color .15s}.rating-pill:has(input:checked){color:#1d1418;background:#fff;border-color:#fff}.agent{display:block;overflow:visible}.agent-body{animation:2.8s ease-in-out infinite agent-bob}.agent-arm{transform-box:fill-box;transform-origin:50% 100%;animation:1.6s ease-in-out infinite agent-wave}.agent-eyes{transform-box:fill-box;transform-origin:50% 60%;animation:4.5s infinite agent-blink}@keyframes agent-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.5px)}}@keyframes agent-wave{0%,60%,to{transform:rotate(0)}15%{transform:rotate(-18deg)}30%{transform:rotate(14deg)}45%{transform:rotate(-12deg)}}@keyframes agent-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@media (prefers-reduced-motion:reduce){.agent-body,.agent-arm,.agent-eyes{animation:none!important}}.agent-eyes>g{transition:transform .25s}body:has(input[name=email]:focus) .agent-eyes>g{transform:translate(-.6px,.8px)}body:has(input[name=email]:focus) .agent-eyes{animation:none}.agent-tip{transform-box:fill-box;transform-origin:50%}body:has(form[aria-busy=true]) .agent-tip{animation:.5s steps(2,end) infinite agent-think}@keyframes agent-think{0%{fill-opacity:1;opacity:1}50%{opacity:.15}}.agent-celebrate .agent-body{animation:.9s cubic-bezier(.3,.7,.3,1) .3s 2 agent-jump,2.8s ease-in-out 2.1s infinite agent-bob}@keyframes agent-jump{0%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.agent-tip,.agent-celebrate .agent-body{animation:none!important}}.agent-mini .agent-arm{animation-duration:2.4s}.agent,.pixel-icon:not(.icon-off):not(.icon-on-accent){filter:var(--pixel-icon-outline)}.agent-glow{display:none}:root.dark .agent-glow{display:inline}@media (prefers-color-scheme:dark){:root:not(.light) .agent-glow{display:inline}}@media (max-width:720px){h1{font-size:23px}}@media (max-width:480px){.btn{width:100%}.stack-mobile{flex-direction:column;gap:12px;display:flex}}
