.subject-sky{z-index:-1;pointer-events:none;background:var(--color-canvas);position:fixed;inset:0;overflow:hidden}.sky-layer{opacity:0;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .9s;position:absolute;inset:0}body[data-subject=html] .sky-html,body[data-subject=css] .sky-css,body[data-subject=js] .sky-js{opacity:1}.sky-scrim{background:linear-gradient(to bottom, color-mix(in srgb, var(--color-canvas) 60%, transparent), transparent 20%, transparent 68%, color-mix(in srgb, var(--color-canvas) 65%, transparent)), radial-gradient(ellipse at 50% 50%, transparent 55%, color-mix(in srgb, var(--color-canvas) 40%, transparent) 100%);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.sky-layer{transition:none}}.chapters[data-astro-cid-3kjvjdwt]{padding-top:3rem;padding-bottom:4rem}.chapters-view{--gap:.7rem;--node:16px;--c-a:var(--color-brand);--c-b:var(--color-brand-soft);--c-tint:oklch(26% .07 300);--lc-surface:color-mix(in srgb, var(--color-canvas) 60%, transparent);--lc-surface-strong:color-mix(in srgb, var(--color-canvas) 70%, transparent);color:var(--color-text)}.chapters-view[data-subject=html]{--c-a:var(--subject-html);--c-b:oklch(58% .21 25);--c-tint:oklch(28% .1 28);--node:16px}.chapters-view[data-subject=css]{--c-a:oklch(82% .08 240);--c-b:oklch(94% .02 250);--c-tint:oklch(32% .05 265);--node:18px}.chapters-view[data-subject=js]{--c-a:var(--subject-js);--c-b:oklch(64% .11 70);--c-tint:oklch(32% .07 78);--node:24px}.subject-tabs{flex-wrap:wrap;gap:.6rem;margin:0 0 1.5rem;display:flex}.subject-tab{background:var(--lc-surface);-webkit-backdrop-filter:blur(10px);border:1px solid color-mix(in srgb, var(--tab-accent,var(--color-brand)) 28%, transparent);color:var(--color-text-muted);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;border-radius:999px;align-items:center;gap:.55rem;padding:.5rem 1.1rem .5rem .9rem;transition:color .2s,border-color .2s,background-color .2s;display:inline-flex}.subject-tab:before{content:"";background:var(--tab-accent,var(--color-brand));opacity:.5;border-radius:50%;width:8px;height:8px}.subject-tab:hover{color:var(--color-text)}.subject-tab.is-active{color:var(--color-text);border-color:var(--tab-accent,var(--color-brand));background:color-mix(in srgb, var(--tab-accent,var(--color-brand)) 16%, var(--lc-surface))}.subject-tab.is-active:before{opacity:1;box-shadow:0 0 8px var(--tab-accent,var(--color-brand))}.subject-tab:focus-visible,.lc:focus-visible,.chapters-pagination button:focus-visible{outline:2px solid var(--c-a);outline-offset:3px}.chp-head{margin:0 0 1.25rem}.chp-overline{font-family:Rajdhani,Noto Sans SC,sans-serif;font-size:var(--font-size-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--c-a);margin:0 0 .35rem;font-weight:700}.chp-desc{max-width:46ch;font-size:var(--font-size-md);color:var(--color-text);opacity:.92;margin:0 0 .7rem;line-height:1.55}.chp-meta{min-height:1.2em;color:var(--color-text-muted);font-size:var(--font-size-sm)}.chp-guest{border:1px dashed color-mix(in srgb, var(--c-a) 45%, transparent);background:var(--lc-surface);-webkit-backdrop-filter:blur(10px);font-size:var(--font-size-sm);color:var(--color-text-muted);border-radius:12px;flex-wrap:wrap;align-items:center;gap:.9rem;margin:0 0 1.25rem;padding:.7rem 1rem;display:flex}.chp-guest a{color:var(--c-a);font-weight:600}.chp-progress{flex-wrap:wrap;align-items:center;gap:1rem;margin:0 0 1.25rem;display:flex}.chp-progress-text{font-variant-numeric:tabular-nums;font-size:var(--font-size-sm);color:var(--c-a);font-weight:600}.chp-status{color:var(--color-text-muted);padding:1.5rem 0}.asteroid-belt{align-items:center;gap:clamp(6px,1.2vw,12px);max-width:100%;margin:0;padding:.6rem .5rem;display:flex;overflow-x:auto}.asteroid-node{background:color-mix(in srgb, var(--color-text-muted) 30%, transparent);border-radius:50%;flex-shrink:0;transition:background .4s,box-shadow .4s;position:relative}.chapters-view[data-subject=html] .asteroid-node{border-radius:2px;rotate:45deg}.asteroid-node.is-lit{background:radial-gradient(circle, oklch(100% 0 0) 0 22%, var(--c-a) 62%);box-shadow:0 0 8px color-mix(in srgb, var(--c-a) 80%, transparent)}.lc-list{gap:var(--gap);margin:0;padding:0;list-style:none;display:grid}.chapters-view[data-subject=html] .lc-list{grid-template-columns:minmax(0,1fr)}.chapters-view[data-subject=css] .lc-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.chapters-view[data-subject=js] .lc-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem 1.6rem}.chapters-view[data-subject=js] .lc-item:nth-child(2n){margin-top:1.6rem}.lc-item{animation:lc-in .55s var(--ease-out) both;animation-delay:calc(var(--i,0) * 55ms);position:relative}@keyframes lc-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.lc{isolation:isolate;color:var(--color-text);background:linear-gradient(135deg, color-mix(in srgb, var(--c-tint) 42%, transparent), transparent 72%), var(--lc-surface);border:1px solid color-mix(in srgb, var(--c-a) 26%, transparent);-webkit-backdrop-filter:blur(12px)saturate(120%);transition:transform .28s var(--ease-out), border-color .28s ease;align-items:center;gap:1rem;padding:1rem 1.25rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.lc:hover,.lc:hover .lc-title{color:var(--color-text);text-decoration:none}.lc:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c-a) 70%, transparent), inset 0 0 30px color-mix(in srgb, var(--c-a) 20%, transparent);opacity:0;transition:opacity .28s;position:absolute;inset:0}.lc:before{content:"";z-index:-1;pointer-events:none;width:38%;transition:transform .75s var(--ease-out);background:linear-gradient(100deg,#0000,oklch(100% 0 0/.1),#0000);position:absolute;top:0;bottom:0;left:0;transform:translate(-130%)skew(-18deg)}a.lc:hover,a.lc:focus-visible{transform:translateY(-2px)}a.lc:hover:after,a.lc:focus-visible:after{opacity:1}a.lc:hover:before,a.lc:focus-visible:before{transform:translate(330%)skew(-18deg)}.lc-num{font-variant-numeric:tabular-nums;min-width:2ch;color:color-mix(in srgb, var(--c-a) 80%, transparent);flex-shrink:0;font-family:Rajdhani,Noto Sans SC,sans-serif;font-size:1.5rem;font-weight:700;line-height:1}.lc-main{flex-direction:column;flex:1;gap:.4rem;min-width:0;display:flex}.lc-title{font-size:var(--font-size-base);font-weight:600;line-height:1.35}.lc-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.lc-chip{border:1px solid color-mix(in srgb, var(--c-a) 38%, transparent);font-size:var(--font-size-xs);letter-spacing:.02em;color:var(--c-a);border-radius:999px;align-items:center;gap:.3rem;padding:.12rem .6rem;display:inline-flex}.lc-chip.chip-completed{background:color-mix(in srgb, var(--c-a) 18%, transparent)}.lc-chip.chip-current{background:var(--c-a);color:var(--color-canvas);border-color:#0000;font-weight:700}.lc-chip.chip-score{color:var(--color-text);border-color:color-mix(in srgb, var(--color-text) 30%, transparent)}.lc-chip.chip-preview{color:var(--color-text-muted);border-style:dashed}.lc-go{color:var(--c-a);opacity:.6;transition:transform .28s var(--ease-out), opacity .28s ease;flex-shrink:0;display:inline-flex}a.lc:hover .lc-go,a.lc:focus-visible .lc-go{opacity:1;transform:translate(4px)}.lc-node{z-index:2;width:var(--node);height:var(--node);pointer-events:none;position:absolute}.lc-core{border:2px solid color-mix(in srgb, var(--c-a) 62%, transparent);background:var(--lc-surface-strong);color:var(--color-text-muted);border-radius:50%;place-items:center;display:grid;position:absolute;inset:0}.is-preview .lc-core{border-style:dashed}.is-current .lc-core{border-color:var(--c-a);background:color-mix(in srgb, var(--c-a) 30%, var(--lc-surface-strong))}.is-completed .lc-node{filter:drop-shadow(0 0 5px var(--c-a)) drop-shadow(0 0 14px color-mix(in srgb, var(--c-a) 55%, transparent))}.is-completed .lc-core{border-color:var(--c-a);background:radial-gradient(circle, oklch(100% 0 0) 0 18%, var(--c-a) 50%, color-mix(in srgb, var(--c-a) 55%, oklch(0% 0 0)) 100%)}.is-completed .lc-node:before,.is-completed .lc-node:after{content:"";opacity:.75;position:absolute;top:50%;left:50%;translate:-50% -50%}.is-completed .lc-node:before{background:linear-gradient(90deg,#0000,oklch(100% 0 0),#0000);width:230%;height:1px}.is-completed .lc-node:after{background:linear-gradient(#0000,oklch(100% 0 0),#0000);width:1px;height:230%}.is-current .lc-node:after{content:"";border:1px solid var(--c-a);border-radius:50%;animation:2.6s ease-out infinite lc-pulse;position:absolute;inset:-7px}@keyframes lc-pulse{0%{opacity:.85;transform:scale(.6)}to{opacity:0;transform:scale(1.4)}}.chapters-view[data-subject=html] .lc-item{padding-left:2.8rem}.chapters-view[data-subject=html] .lc{border-left:3px solid var(--c-a);border-radius:4px 18px}.chapters-view[data-subject=html] .lc-node{top:50%;left:1rem;translate:-50% -50%}.chapters-view[data-subject=html] .lc-core{border-radius:3px;rotate:45deg}.chapters-view[data-subject=html] .lc-core svg{rotate:-45deg}.chapters-view[data-subject=html] .lc-item:before,.chapters-view[data-subject=html] .lc-item:after{content:"";background:color-mix(in srgb, var(--c-a) 22%, transparent);width:2px;position:absolute;left:calc(1rem - 1px)}.chapters-view[data-subject=html] .lc-item:before{top:calc(var(--gap) * -1);height:calc(50% + var(--gap))}.chapters-view[data-subject=html] .lc-item:after{top:50%;bottom:0}.chapters-view[data-subject=html] .lc-item:not(.has-prev):before,.chapters-view[data-subject=html] .lc-item:not(.has-next):after{display:none}.chapters-view[data-subject=html] .lc-item.prev-done:before,.chapters-view[data-subject=html] .lc-item.is-completed:after{background:var(--c-a);box-shadow:0 0 6px color-mix(in srgb, var(--c-a) 60%, transparent)}.chapters-view[data-subject=css] .lc{border-color:color-mix(in srgb, var(--c-b) 20%, transparent);border-radius:16px;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:.6rem;min-height:9.5rem;padding:3.3rem 1.25rem 1.1rem;box-shadow:inset 0 1px oklch(100% 0 0/.16)}.chapters-view[data-subject=css] .lc-node{top:1.25rem;left:1.25rem}.chapters-view[data-subject=css] .lc-num{z-index:-1;color:var(--c-b);opacity:.14;font-size:4.8rem;line-height:1;position:absolute;top:.2rem;right:.9rem}.chapters-view[data-subject=css] .lc-main{padding-right:2.3rem}.chapters-view[data-subject=css] .lc-go{border:1px solid color-mix(in srgb, var(--c-a) 35%, transparent);background:color-mix(in srgb, var(--c-a) 12%, transparent);border-radius:50%;justify-content:center;align-items:center;width:1.9rem;height:1.9rem;position:absolute;top:auto;bottom:1rem;right:1rem}.chapters-view[data-subject=css] .lc-go svg{width:13px;height:13px}.chapters-view[data-subject=css] a.lc:hover .lc-go,.chapters-view[data-subject=css] a.lc:focus-visible .lc-go{border-color:var(--c-a);background:color-mix(in srgb, var(--c-a) 28%, transparent)}.chapters-view[data-subject=js] .lc{border-radius:26px;padding:1.05rem 1.4rem 1.05rem 3.7rem}.chapters-view[data-subject=js] .lc-node{top:50%;left:1.25rem;translate:0 -50%}.chapters-view[data-subject=js] .lc-core{background:color-mix(in srgb, var(--c-a) 38%, var(--lc-surface-strong));clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);border:none;border-radius:0}.chapters-view[data-subject=js] .is-completed .lc-core{background:radial-gradient(circle, oklch(100% 0 0) 0 22%, var(--c-a) 60%, color-mix(in srgb, var(--c-a) 60%, oklch(0% 0 0)) 100%)}.chapters-view[data-subject=js] .lc-core svg,.chapters-view[data-subject=js] .is-completed .lc-node:before,.chapters-view[data-subject=js] .is-completed .lc-node:after{display:none}.chapters-view[data-subject=js] .lc-num{opacity:.7;order:2;font-size:1.1rem}.chapters-view[data-subject=js] .lc-go{order:3}.chapters-pagination{justify-content:center;align-items:center;gap:1rem;margin-top:1.75rem;display:flex}.chapters-pagination button{border:1px solid color-mix(in srgb, var(--c-a) 40%, transparent);background:var(--lc-surface);width:2.4rem;height:2.4rem;color:var(--c-a);cursor:pointer;border-radius:50%;font-family:inherit;transition:border-color .2s}.chapters-pagination button:hover:not(:disabled){border-color:var(--c-a)}.chapters-pagination button:disabled{opacity:.35;cursor:not-allowed}.chapters-page-label{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:var(--font-size-sm);color:var(--color-text-muted)}@media (width<=720px){.chapters-view[data-subject=css] .lc-list,.chapters-view[data-subject=js] .lc-list{grid-template-columns:minmax(0,1fr)}.chapters-view[data-subject=js] .lc-item:nth-child(2n){margin-top:0}.chapters-view[data-subject=css] .lc{min-height:8rem}}@media (prefers-reduced-motion:reduce){.lc-item{animation:none}.is-current .lc-node:after{opacity:.5;animation:none;transform:scale(1.1)}.lc,.lc:before,.lc:after,.lc-go,.asteroid-node{transition:none}a.lc:hover,a.lc:focus-visible{transform:none}}