:root{--radius:16px;--radius-sm:10px;--maxw:680px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Hoefler Text", Georgia, Cambria, "Times New Roman", serif;--bg:#001820;--bg-elevated:#0a333e;--bg-card:#06303a;--bg-bar:#00121adb;--border:#133f4a;--border-strong:#1d5563;--ink:#eee8d5;--text:#9fb0b0;--text-muted:#8a9a9a;--text-faint:#5f7479;--accent:#2a93dd;--topic-color:var(--accent);--ok:#859900;--ok-ink:#a6b900;--warn:#b58900;--warn-ink:#d2a52a;--alert:#cb4b16;--alert-ink:#e2683b;--glow:#268bd21a;--shadow:0 1px 2px #00000059, 0 6px 22px #00000047;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}[data-theme=light]{--bg:#fdf6e3;--bg-elevated:#f4edd8;--bg-card:#fffdf7;--bg-bar:#fdf6e3d9;--border:#e6dec6;--border-strong:#d6cdaf;--ink:#0e3a43;--text:#33474e;--text-muted:#5d7079;--text-faint:#94a1a1;--accent:#268bd2;--ok-ink:#5f6f00;--warn-ink:#7c5e00;--alert-ink:#a23410;--glow:#b5890012;--shadow:0 1px 2px #14282d0f, 0 6px 20px #14282d0d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background-color:#0000;background-image:radial-gradient(900px 460px at 50% -6%,#268bd221,#0000),linear-gradient(#00121a 0%,#001820 42%,#00262f 100%);background-position:0 0,0 0;background-repeat:no-repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box}body:before{content:"";z-index:-1;opacity:.5;pointer-events:none;background-image:url(/stars.svg);background-size:360px 360px;height:72vh;position:fixed;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 0%,#0000 100%);mask-image:linear-gradient(#000 0%,#0000 100%)}[data-theme=light] body{background:radial-gradient(1100px 520px at 85% -12%, var(--glow), transparent), var(--bg);background-attachment:scroll}[data-theme=light] body:before{content:none}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.brand{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--ink);align-items:center;gap:8px;font-size:22px;font-weight:700;display:inline-flex}.brand:hover{text-decoration:none}.shell--desktop{grid-template-columns:248px minmax(0,1fr);max-width:1080px;min-height:100vh;margin:0 auto;display:grid}.sidebar{border-right:1px solid var(--border);flex-direction:column;align-self:start;gap:6px;height:100vh;padding:20px 16px;display:flex;position:sticky;top:0}.sidebar__nav{flex-direction:column;gap:2px;margin-top:14px;display:flex}.sidebar__link{color:var(--text-muted);border-radius:999px;padding:10px 14px;font-size:16px;font-weight:600}.sidebar__link:hover{color:var(--ink);background:var(--bg-elevated);text-decoration:none}.sidebar__link--active{color:var(--ink);background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--border-strong)}.sidebar__foot{margin-top:auto}.content-wrap{flex-direction:column;min-width:0;display:flex}.shell--mobile{flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.mhead{z-index:30;background:var(--bg-bar);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);will-change:transform;position:absolute;top:0;left:0;right:0}.mhead__bar{grid-template-columns:44px 1fr 44px;align-items:center;padding:8px 10px;display:grid}.mhead__brand{justify-content:center;font-size:20px}.mhead__spacer{width:44px}.tabs{border-bottom:1px solid var(--border);padding:0;display:flex;position:relative}.tab{min-width:0;color:var(--text-muted);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;flex:1 1 0;padding:11px 6px 12px;font-size:13px;font-weight:600;overflow:hidden}.tab--active{color:var(--ink)}.tab-ind{height:3px;width:calc(100% / var(--tab-n,5));transform:translateX(calc(var(--pager-f,0) * 100%));background:linear-gradient(90deg,#b58900,#cb4b16,#dc322f,#d33682,#6c71c4,#268bd2,#2aa198,#859900) 0 0/320% 100%;background-position-x:calc(var(--pager-f,0) / var(--tab-n1,4) * 100%);pointer-events:none;border-radius:3px 3px 0 0;position:absolute;bottom:-1px;left:0}.col-skeleton{flex-direction:column;gap:16px;padding:4px 0;display:flex}.col-skeleton__bar{border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);height:140px;animation:1.3s ease-in-out infinite skel}@keyframes skel{0%,to{opacity:.4}50%{opacity:.7}}.pager{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;min-height:0;display:flex;overflow:auto hidden}.pager::-webkit-scrollbar{display:none}.pager__col{-webkit-overflow-scrolling:touch;scroll-snap-align:start;scroll-snap-stop:always;width:100%;height:100%;padding-top:var(--hdr-h,96px);flex:0 0 100%;overflow-y:auto}.pane-solo{-webkit-overflow-scrolling:touch;min-height:0;padding-top:var(--hdr-h,60px);flex:1;overflow-y:auto}.pane-inner{max-width:var(--maxw);margin:0 auto;padding:14px 16px 72px}.menu__panel--left{left:0;right:auto}.avatar{background:var(--topic-color);color:#fff;border-radius:50%;flex:none;place-items:center;display:inline-grid}.menu{position:relative}.menu__btn{width:38px;height:38px;color:var(--text-muted);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;list-style:none;display:inline-flex}.menu__btn::-webkit-details-marker{display:none}.menu__btn:hover{color:var(--ink);background:var(--bg-elevated)}.menu__panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);width:210px;box-shadow:var(--shadow);z-index:20;padding:12px;position:absolute;top:46px;right:0}.menu__label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-bottom:8px;font-size:11px;font-weight:700;display:block}.theme-options{gap:8px;display:flex}.theme-option{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);cursor:pointer;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:13px;font-weight:600;display:inline-flex}.theme-option:hover{color:var(--ink)}.theme-option--on{color:var(--ink);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent)}.content{width:100%;max-width:var(--maxw);flex:1;margin:0 auto;padding:28px 20px 60px}.footer{text-align:center;color:var(--text-faint);border-top:1px solid var(--border);padding:28px 20px 40px;font-size:13px}.feed-head{margin-bottom:22px}.feed-head__title{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--ink);margin:0;font-size:30px;font-weight:700}.feed-head__sub{color:var(--text-muted);margin:6px 0 0;font-size:14px}.back-link{color:var(--text-muted);margin-bottom:8px;font-size:13px;display:inline-block}.state{color:var(--text-muted);text-align:center;padding:40px 0}.state--error{color:#b3201d}.state--empty{max-width:44ch;margin:0 auto;line-height:1.6}.wip-banner{border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--warn) 45%, var(--border));background:color-mix(in srgb, var(--warn) 12%, transparent);color:var(--text);margin-bottom:22px;padding:12px 16px;font-size:14px;line-height:1.5}.wip-banner a{white-space:nowrap;font-weight:700}.preview__group{margin-bottom:32px}.preview__subject{color:var(--topic-color,var(--ink));margin-bottom:14px;font-size:22px}.feed-list{flex-direction:column;gap:18px;display:flex}.streak{align-items:center;gap:10px;margin-top:14px;display:flex}.streak__dots{gap:5px;display:flex}.streak__dots--overflow{-webkit-mask-image:linear-gradient(90deg,#000 55%,#0000);mask-image:linear-gradient(90deg,#000 55%,#0000)}.streak__dot{background:var(--ok);border-radius:50%;width:9px;height:9px}.streak__count{color:var(--text-muted);font-size:13px;font-weight:700}.thread{position:relative}.thread:before{content:"";background:var(--border);z-index:0;width:2px;position:absolute;top:8px;bottom:30px;left:50%;transform:translate(-1px)}.thread__node{z-index:1;margin-bottom:18px;position:relative}.finish{z-index:1;text-align:center;padding-top:4px;position:relative}.finish__check{border:2px solid var(--border);background:var(--bg);color:#fff;width:30px;height:30px;box-shadow:0 0 0 5px var(--bg);border-radius:50%;place-items:center;margin:0 auto 12px;font-size:15px;font-weight:800;display:grid}.finish__check.is-checked{border-color:var(--ok);background:var(--ok);animation:.36s nowl-pop}.finish__hint{color:var(--text-faint);margin:0;padding-top:3px;font-size:13px}.finish__msg{animation:.4s .1s both nowl-rise}.finish__title{font-family:var(--font-serif);color:var(--ink);margin:0;font-size:20px;font-weight:700}.finish__streak{color:var(--ok-ink);margin:4px 0 12px;font-weight:700}.finish__cta{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.finish__cta .btn{padding:10px 16px;font-size:14px}.day-prev{margin-top:10px;position:relative}.day-prev__label{text-align:center;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin:10px 0;font-size:11px;font-weight:700}.load-more{height:40px}@keyframes nowl-pop{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.18)}to{opacity:1;transform:scale(1)}}@keyframes nowl-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 24px;transition:border-color .15s,box-shadow .15s}.card:hover{border-color:var(--border-strong)}.card--done{opacity:.62;box-shadow:none}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 12px;margin-bottom:12px;display:flex}.card-header__meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.learned-flag{color:var(--ok-ink);font-size:11px;font-weight:700}.pathchip{background:color-mix(in srgb, var(--topic-color) 12%, transparent);border-radius:999px;align-items:center;gap:7px;padding:3px 10px 3px 4px;display:inline-flex}.pathchip__crumbs{color:var(--topic-color);letter-spacing:.01em;font-size:12px;font-weight:600}.pathchip__sep{opacity:.55;margin:0 4px}.pathchip__crumb{color:inherit;text-decoration:none}.pathchip__crumb:hover{text-decoration:underline}.pathchip__crumb:last-child{font-weight:700}.cardbar{border-top:1px solid var(--border);align-items:center;gap:2px;margin-top:16px;padding-top:12px;display:flex}.cardbar__btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:600;transition:color .15s,background .15s;display:inline-flex}.cardbar__btn:hover{color:var(--ink);background:var(--bg-elevated)}.cardbar__btn--on{color:var(--accent)}.cardbar__tags{scrollbar-width:none;flex:1;align-items:center;gap:8px;min-width:0;padding:0 8px;display:flex;overflow-x:auto}.cardbar__tags::-webkit-scrollbar{display:none}.hashtag{color:var(--text-faint);white-space:nowrap;flex:none;font-size:12px;font-weight:600}.hashtag:hover{color:var(--accent);text-decoration:none}.card--flipped{background:color-mix(in srgb, var(--bg-elevated) 55%, var(--bg-card))}.cardmeta{color:var(--text-muted);font-size:13px;line-height:1.55}.cardmeta__grid{grid-template-columns:auto 1fr;gap:4px 12px;margin:4px 0 14px;display:grid}.cardmeta__grid dt{color:var(--text-faint);font-weight:600}.cardmeta__grid dd{color:var(--text);margin:0}.cardmeta__parts{flex-direction:column;gap:10px;display:flex}.cardmeta__part{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);padding:10px 12px}.cardmeta__vis{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-right:8px;font-size:10px;font-weight:700}.cardmeta__state{color:var(--ink);font-weight:700}.cardmeta blockquote{border-left:2px solid var(--border-strong);color:var(--text-muted);margin:6px 0 0;padding-left:10px;font-style:italic}.cardmeta__note{color:var(--warn-ink)}.cardmeta__liberties{border-left:2px solid color-mix(in srgb, var(--warn) 60%, var(--border));background:color-mix(in srgb, var(--warn) 8%, transparent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-muted);margin:0 0 14px;padding:8px 12px;font-size:12px;line-height:1.5}.variants{flex-wrap:wrap;gap:8px;margin:0 0 16px;display:flex}.variant{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.variant:hover{color:var(--text);border-color:var(--text-faint)}.variant--active{color:var(--topic-color);border-color:var(--topic-color);background:color-mix(in srgb, var(--topic-color) 12%, transparent)}.variant__seen{color:var(--ok-ink);font-weight:800}.card-foot{margin-top:16px}.card-foot .sources{margin-top:12px}.card-title{font-family:var(--font-serif);color:var(--ink);margin:0 0 8px;font-size:24px;font-weight:700;line-height:1.22}.card-summary{color:var(--text-muted);margin:0 0 16px;font-size:15px;line-height:1.55}.card-body{color:var(--text);font-size:16px;line-height:1.7}.card-prose{color:var(--text);margin:0 0 12px}.card-note{color:var(--text-faint);font-size:13px}.card-takeaway{background:color-mix(in srgb, var(--topic-color) 12%, transparent);border-radius:var(--radius-sm);margin:14px 0 0;padding:12px 14px;font-size:14px;line-height:1.5}.card-takeaway__label{text-transform:uppercase;letter-spacing:.08em;color:var(--topic-color);margin-bottom:4px;font-size:11px;font-weight:700;display:block}.topic-chip{color:var(--topic-color);background:color-mix(in srgb, var(--topic-color) 15%, transparent);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.difficulty{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.difficulty--core{color:var(--warn-ink);border-color:color-mix(in srgb, var(--warn) 40%, var(--border))}.difficulty--deep{color:var(--alert-ink);border-color:color-mix(in srgb, var(--alert) 40%, var(--border))}.tier{letter-spacing:.01em;border:1px solid var(--border);color:var(--text-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.tier__dot{background:var(--text-faint);border-radius:50%;width:7px;height:7px}.tier--ok{border-color:color-mix(in srgb, var(--ok) 35%, var(--border))}.tier--ok .tier__dot{background:var(--ok)}.tier--partial{border-color:color-mix(in srgb, var(--warn) 35%, var(--border))}.tier--partial .tier__dot{background:var(--warn)}.tree-draft{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);border:1px dashed var(--border);border-radius:999px;padding:1px 7px;font-size:10px;font-weight:700}.card-done{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.card-done:hover{color:var(--text);border-color:var(--text-faint)}.card-done--active{color:var(--ok-ink);border-color:color-mix(in srgb, var(--ok) 45%, var(--border));background:color-mix(in srgb, var(--ok) 12%, transparent)}.sources{border-top:1px dashed var(--border);margin-top:16px;padding-top:12px}.sources__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:4px;font-size:10px;font-weight:700;display:block}.sources__list{margin:0;padding:0;list-style:none}.sources__item{color:var(--text-muted);margin-bottom:4px;font-size:13px;line-height:1.5}.sources__marker{color:var(--topic-color);font-variant-numeric:tabular-nums;font-weight:700}.sources__excerpt{color:var(--text-faint);margin-left:22px;font-size:12px;font-style:italic;display:block}.chord{border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:16px;margin-top:4px;padding:16px;display:flex}.chord__notes{gap:6px;display:flex}.chord__note{background:color-mix(in srgb, var(--topic-color) 18%, transparent);min-width:38px;height:38px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;padding:0 8px;font-size:14px;font-weight:700;display:inline-flex}.chord__play{background:var(--topic-color);color:#fff;cursor:pointer;border:none;border-radius:999px;margin-left:auto;padding:10px 18px;font-size:14px;font-weight:700;transition:filter .15s}.chord__play:hover:not(:disabled){filter:brightness(1.1)}.chord__play:disabled{opacity:.7;cursor:default}.timeline{border-left:2px solid var(--border);margin:0;padding:0;list-style:none}.timeline__item{padding:0 0 16px 18px;position:relative}.timeline__item:last-child{padding-bottom:0}.timeline__item:before{content:"";background:var(--topic-color);border-radius:50%;width:10px;height:10px;position:absolute;top:4px;left:-7px}.timeline__when{color:var(--topic-color);font-size:13px;font-weight:700;display:block}.timeline__what{color:var(--text-muted);font-size:14px}.quiz__question{margin:0 0 12px;font-weight:600}.quiz__options{flex-direction:column;gap:8px;display:flex}.quiz__option{text-align:left;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;padding:11px 14px;font-size:14px;transition:border-color .15s,background .15s}.quiz__option:hover:not(:disabled){border-color:var(--topic-color)}.quiz__option--correct{border-color:color-mix(in srgb, var(--ok) 60%, var(--border));background:color-mix(in srgb, var(--ok) 14%, transparent)}.quiz__option--wrong{border-color:color-mix(in srgb, var(--alert) 60%, var(--border));background:color-mix(in srgb, var(--alert) 14%, transparent)}.quiz__option--muted{opacity:.5}.quiz__explanation{color:var(--text-muted);margin:12px 0 0;font-size:14px;line-height:1.5}.quiz__option--mono{white-space:pre-wrap;font-family:SF Mono,JetBrains Mono,Fira Code,ui-monospace,Menlo,Consolas,monospace;font-size:13px}.errlines{padding:8px 0}.errlines code{display:block}.errline{text-align:left;width:100%;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;gap:12px;padding:3px 16px;display:flex}.errline:hover:not(:disabled){background:var(--bg-card)}.errline__no{color:var(--text-faint);text-align:right;-webkit-user-select:none;user-select:none;min-width:1.2em}.errline__code{white-space:pre}.errline--culprit{background:color-mix(in srgb, var(--ok) 14%, transparent);border-left-color:var(--ok)}.errline--wrong{background:color-mix(in srgb, var(--alert) 14%, transparent);border-left-color:var(--alert)}.errline--muted{opacity:.5}.judge{gap:10px;display:flex}.judge__btn{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;flex:1;padding:11px 14px;font-size:14px;font-weight:600;transition:border-color .15s,background .15s}.judge__btn:hover:not(:disabled){border-color:var(--topic-color)}.judge__btn--correct{border-color:color-mix(in srgb, var(--ok) 60%, var(--border));background:color-mix(in srgb, var(--ok) 14%, transparent)}.judge__btn--wrong{border-color:color-mix(in srgb, var(--alert) 60%, var(--border));background:color-mix(in srgb, var(--alert) 14%, transparent)}.judge__btn--muted{opacity:.5}.code{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--ink);white-space:pre;tab-size:2;margin:0;padding:14px 16px;font-family:SF Mono,JetBrains Mono,Fira Code,ui-monospace,Menlo,Consolas,monospace;font-size:13.5px;line-height:1.6;overflow-x:auto}.code__caption{color:var(--text-muted);margin:8px 0 0;font-size:13px}.tok--comment{color:var(--text-faint);font-style:italic}.tok--string{color:#2aa198}.tok--number{color:#6c71c4}.tok--keyword{color:#cb4b16;font-weight:600}.tok--type{color:#b58900}.tok--macro{color:#d33682}.repl__run{border:1px solid var(--border);color:var(--ok-ink);cursor:pointer;background:0 0;border-radius:999px;margin-top:10px;padding:7px 14px;font-size:13px;font-weight:700}.repl__run:hover{border-color:var(--ok)}.repl__output{border-radius:var(--radius-sm);border-left:3px solid var(--ok);background:color-mix(in srgb, var(--ok) 8%, transparent);color:var(--text);white-space:pre-wrap;margin:10px 0 0;padding:12px 16px;font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:13px;line-height:1.55}.fill__slot{font:inherit;border:1px dashed var(--border-strong);background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent);cursor:pointer;border-radius:5px;margin:0 1px;padding:0 6px}.fill__slot--target{border-style:solid;border-color:var(--accent)}.fill__slot--set{color:var(--ink);border-style:solid}.fill__slot--correct{border:1px solid var(--ok);background:color-mix(in srgb, var(--ok) 14%, transparent);color:var(--ok-ink)}.fill__slot--wrong{border:1px solid var(--alert);background:color-mix(in srgb, var(--alert) 14%, transparent);color:var(--alert-ink)}.fill__choices{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.fill__choice{border:1px solid var(--border);background:var(--bg-elevated);color:var(--ink);cursor:grab;border-radius:8px;padding:7px 12px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px}.fill__choice:hover{border-color:var(--text-faint)}.fill__choice--selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent)}.comparison{border-collapse:collapse;width:100%;margin-top:4px;font-size:14px}.comparison th,.comparison td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:9px 12px}.comparison thead th{color:var(--topic-color);font-size:13px}.comparison tbody th{color:var(--text-faint);font-weight:600}.comparison td{color:var(--text)}.onboarding-head h1{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--ink);margin:0 0 6px;font-size:32px;font-weight:700}.onboarding-head p{color:var(--text-muted);margin:0 0 24px}.topic-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:0 0 28px;padding:0;list-style:none;display:grid}.topic-card{text-align:left;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);width:100%;color:var(--text);cursor:pointer;flex-direction:column;gap:6px;padding:18px;transition:border-color .15s,transform .15s;display:flex;position:relative}.topic-card:hover{border-color:color-mix(in srgb, var(--topic-color) 50%, var(--border));transform:translateY(-2px)}.topic-card--on{border-color:var(--topic-color);background:color-mix(in srgb, var(--topic-color) 12%, var(--bg-card))}.topic-card__emoji{font-size:28px}.topic-card__name{font-size:17px;font-weight:700}.topic-card__desc{color:var(--text-muted);font-size:13px;line-height:1.45}.topic-card__check{background:color-mix(in srgb, var(--topic-color) 22%, transparent);width:24px;height:24px;color:var(--topic-color);border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;top:14px;right:16px}.onboarding-actions{background:linear-gradient(transparent, var(--bg) 40%);padding:16px 0;position:sticky;bottom:0}.btn{cursor:pointer;border:none;border-radius:999px;padding:12px 22px;font-size:15px;font-weight:700;transition:filter .15s,border-color .15s}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{filter:brightness(1.1)}.btn--ghost{border:1px solid var(--border);color:var(--text-muted);background:0 0;padding:7px 14px;font-size:13px}.btn--ghost:hover{color:var(--text)}.btn--on{color:var(--topic-color);border-color:var(--topic-color)}.topic-section{border-bottom:1px solid var(--border);padding:18px 0 22px}.topic-section__head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.path-group{margin:0 0 14px}.path-group__title{font-size:15px;font-weight:700}.path-group__title--muted{color:var(--text-faint);font-weight:600}.path-steps{color:var(--text-muted);margin:8px 0 0;padding-left:20px}.path-step{font-size:14px;line-height:1.7}.path-step--done{color:var(--text-faint);text-decoration:line-through}.topic-paths{flex-wrap:wrap;gap:14px;margin:0 0 16px;display:flex}.topic-path{font-size:14px;font-weight:700}.tree-branch{margin:2px 0}.tree-branch__head{cursor:pointer;align-items:center;gap:8px;padding:6px 0;list-style:none;display:flex}.tree-branch__head::-webkit-details-marker{display:none}.tree-branch__head:before{content:"▸";color:var(--text-faint);font-size:11px;transition:transform .15s}.tree-branch[open]>.tree-branch__head:before{transform:rotate(90deg)}.tree-branch__level{text-transform:uppercase;letter-spacing:.06em;color:var(--topic-color);font-size:10px;font-weight:700}.tree-branch__name{font-size:15px;font-weight:700}.tree-branch__body{border-left:1px solid var(--border);margin-left:5px;padding-left:16px}.tree-facts{margin:2px 0 8px;padding:0;list-style:none}.tree-fact{color:var(--text-muted);border-bottom:1px solid color-mix(in srgb, var(--border) 50%, transparent);justify-content:space-between;align-items:center;gap:10px;padding:6px 0;font-size:14px;display:flex}.tree-fact:last-child{border-bottom:none}.path-card{padding-left:36px;position:relative}.path-card__step{width:26px;height:26px;color:var(--topic-color);background:color-mix(in srgb, var(--topic-color) 18%, transparent);border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid;position:absolute;top:4px;left:0}@media (width<=560px){.feed-head__title{font-size:24px}.topic-grid{grid-template-columns:1fr}.card-header{align-items:flex-start}.card-done{order:2}.card-title{font-size:18px}}