.codabilitySheet.svelte-1pe6upb{display:grid;gap:clamp(44px,6vw,72px);align-items:start;padding:clamp(72px,9vw,112px) 0 0}.codabilityIntro.svelte-1pe6upb{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);column-gap:clamp(44px,8vw,108px);align-content:start}.sheetIndex.svelte-1pe6upb,.codabilityTitle.svelte-1pe6upb,.sheetSummary.svelte-1pe6upb{grid-column:1}.sheetIndex.svelte-1pe6upb{margin:0 0 22px;color:var(--range);font-family:var(--font-geist-mono),monospace;font-size:10px;font-weight:550;letter-spacing:.08em;text-transform:uppercase}.codabilityTitle.svelte-1pe6upb{max-width:390px;margin:0;font-size:clamp(34px,4.4vw,58px);font-weight:500;letter-spacing:-.055em;line-height:.98}.sheetSummary.svelte-1pe6upb{max-width:410px;margin:28px 0 0;color:var(--muted);font-size:15px;line-height:1.58}.sheetSummary.svelte-1pe6upb code:where(.svelte-1pe6upb){color:var(--ink);font-family:var(--font-geist-mono),monospace;font-size:.9em}.codabilityFlow.svelte-1pe6upb{grid-column:2;grid-row:1 / span 3;display:grid;gap:0;margin:0;padding:0;border-top:1px solid var(--line);list-style:none}.codabilityFlow.svelte-1pe6upb li:where(.svelte-1pe6upb){display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start;padding:14px 0;border-bottom:1px solid var(--line)}.codabilityFlow.svelte-1pe6upb li:where(.svelte-1pe6upb)>span:where(.svelte-1pe6upb){padding-top:2px;color:var(--range);font-family:var(--font-geist-mono),monospace;font-size:9px}.codabilityFlow.svelte-1pe6upb li:where(.svelte-1pe6upb)>div:where(.svelte-1pe6upb){display:grid;gap:3px}.codabilityFlow.svelte-1pe6upb strong:where(.svelte-1pe6upb){font-size:13px;font-weight:550}.codabilityFlow.svelte-1pe6upb small:where(.svelte-1pe6upb){color:var(--muted);font-size:11px}.codePreviewCard.svelte-1pe6upb{--focus-progress: 0;--focus-radius: 24px;position:sticky;z-index:5;top:0;width:100vw;height:100svh;min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:0;border-radius:var(--focus-radius);background:#fff;box-shadow:none;will-change:border-radius}.codabilityStage.svelte-1pe6upb{position:relative;width:100vw;height:220svh;margin-left:calc(50% - 50vw)}.codeWorkspace.svelte-1pe6upb{display:grid;grid-template-columns:minmax(0,1fr);min-height:0;overflow:hidden}.codeWorkspace.inspectionVisible.svelte-1pe6upb{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) clamp(165px,18svh,185px)}.previewHeader.svelte-1pe6upb{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(18px,2vw,28px) clamp(24px,4vw,72px);background:#fbfdfe}.sourceIdentity.svelte-1pe6upb{min-width:0;display:flex;align-items:center;gap:10px}.sourcePulse.svelte-1pe6upb{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:var(--range);box-shadow:0 0 0 4px color-mix(in oklch,var(--range),transparent 90%)}.sourceIdentity.svelte-1pe6upb>div:where(.svelte-1pe6upb){min-width:0;display:grid;gap:2px}.sourceIdentity.svelte-1pe6upb strong:where(.svelte-1pe6upb){overflow:hidden;font-family:var(--font-geist-mono),monospace;font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.previewControls.svelte-1pe6upb{display:inline-flex;flex:0 0 auto;gap:6px;align-items:center}.storyModeToggle.svelte-1pe6upb,.previewTabs.svelte-1pe6upb{font-family:var(--font-geist-mono),monospace}.storyModeToggle.svelte-1pe6upb{min-height:31px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;font-size:11px}.storyModeToggle[aria-pressed=true].svelte-1pe6upb{color:var(--range);font-weight:600}.storyModeToggle.svelte-1pe6upb:focus-visible{outline:2px solid var(--range);outline-offset:2px}.previewTabs.svelte-1pe6upb{display:inline-flex;flex:0 0 auto;gap:2px;padding:2px;border:0;border-radius:12px;background:color-mix(in oklch,var(--line),transparent 68%)}.previewTabs.svelte-1pe6upb button:where(.svelte-1pe6upb){min-height:31px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;font-family:inherit;font-size:11px}.previewTabs.svelte-1pe6upb button[aria-selected=true]:where(.svelte-1pe6upb){background:var(--paper);box-shadow:0 1px 3px color-mix(in oklch,var(--ink),transparent 90%);color:var(--ink)}.previewTabs.svelte-1pe6upb button:where(.svelte-1pe6upb):focus-visible{outline:2px solid var(--range);outline-offset:2px}.codeViewport.svelte-1pe6upb{container-type:inline-size;height:auto;min-height:0;overflow:hidden;background:#fff;scrollbar-width:none}.codeViewport.svelte-1pe6upb::-webkit-scrollbar{width:0;height:0}.codePreviewCard.stageFocused.svelte-1pe6upb .codeViewport:where(.svelte-1pe6upb){overflow-x:auto;overflow-y:hidden}.codeCanvas.svelte-1pe6upb{width:max-content;min-width:100%;display:grid;grid-template-columns:70px minmax(max-content,1fr)}.lineNumbers.svelte-1pe6upb{display:grid;align-content:start;margin:0;padding:30px 16px 34px 0;background:#fff;color:color-mix(in oklch,var(--muted),transparent 32%);font-family:var(--font-geist-mono),monospace;font-size:12px;line-height:1.8;list-style:none;text-align:right;-webkit-user-select:none;user-select:none}pre.svelte-1pe6upb{min-width:0;margin:0;padding:30px clamp(28px,4vw,64px) 34px 24px;color:#000000d9;font-family:var(--font-geist-mono),monospace;font-size:clamp(13px,1.15vw,16px);line-height:1.8;tab-size:clamp(1.15rem,2.5cqw,2rem)}code.svelte-1pe6upb{font-family:inherit}.codePreviewCard .inspectToken{display:inline;appearance:none;border:0;margin:0;padding:0;background:transparent;color:inherit;font:inherit;line-height:inherit;text-align:inherit;text-decoration:none}.codePreviewCard .inspectSection{position:relative;cursor:pointer;text-decoration:none}.codePreviewCard .inspectSection:focus-visible{outline:2px solid var(--range);outline-offset:3px}.codePreviewCard .codeLine{display:block;min-height:1.8em}.codePreviewCard .lineCodeContent{opacity:1;filter:blur(0);transition:opacity .18s ease-out,filter .18s ease-out}.codePreviewCard .chapterFiltered .lineCodeContent{opacity:.14}.codePreviewCard .chapterFiltered .chapterContext{opacity:.34;filter:blur(.3px)}.codePreviewCard .chapterFiltered .chapterActive .lineCodeContent{opacity:1}.codePreviewCard .chapterBadge{position:absolute;top:50%;left:-2.1em;transform:translateY(-50%);display:inline-grid;width:1.45em;height:1.45em;place-items:center;border:0;border-radius:50%;background:var(--range);color:#fff;font-size:.68em;font-weight:700;line-height:1;opacity:1}.codePreviewCard .token.keyword{color:oklch(.56 .2 var(--range-hue));font-weight:700}.codePreviewCard .token.macro{color:#b35ed6}.codePreviewCard .token.splice{color:#886de9;font-weight:600}.codePreviewCard .token.function,.codePreviewCard .token.method{color:#000000d9;font-weight:400}.codePreviewCard .token.property{color:#007671;color:oklch(.51 .11 190)}.codePreviewCard .token.type,.codePreviewCard .token.type-declaration{color:#00837e;color:oklch(.55 .16 190)}.codePreviewCard .token.function-declaration,.codePreviewCard .token.macro-declaration{color:#000000d9;font-weight:400}.codePreviewCard .token.variable,.codePreviewCard .token.variable-declaration,.codePreviewCard .token.parameter{color:#000000d9}.codePreviewCard .token.string{color:#000000d9;font-weight:400}.codePreviewCard .token.number{color:#1c00cf}.codePreviewCard .token.comment{color:#5d6c79;font-style:italic}.codePreviewCard .token.punctuation{color:#8a8f98}.codePreviewCard .token.brace{color:#565d66}.codeInspector.svelte-1pe6upb{position:relative;grid-row:2;min-width:0;display:block;background:linear-gradient(160deg,#fdfcff,#fefeff);background:linear-gradient(160deg,#fdfcff,color(xyz 0.944 0.994 1.095))}.chapterNav.svelte-1pe6upb{position:absolute;z-index:2;top:50svh;right:clamp(10px,1.25vw,20px);display:grid;gap:3px;padding:5px;border-radius:999px;background:color-mix(in oklch,white,transparent 18%);box-shadow:0 8px 28px color-mix(in oklch,var(--ink),transparent 94%);transform:translateY(-50%);contain:layout paint}.chapterNav.svelte-1pe6upb button:where(.svelte-1pe6upb){width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:color-mix(in oklch,var(--muted),transparent 10%);cursor:pointer;font-family:var(--font-geist-mono),monospace;font-size:10px;font-weight:560;line-height:1}.chapterNav.svelte-1pe6upb button:where(.svelte-1pe6upb):hover{color:var(--ink)}.chapterNav.svelte-1pe6upb button[aria-current=step]:where(.svelte-1pe6upb){background:var(--range);color:#fff}.chapterNav.svelte-1pe6upb button:where(.svelte-1pe6upb):focus-visible{outline:2px solid var(--range);outline-offset:1px}.chapterNav.svelte-1pe6upb svg:where(.svelte-1pe6upb){width:14px;height:14px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.inspectorBody.svelte-1pe6upb{width:100%;height:100%;align-self:stretch;box-sizing:border-box;display:grid;grid-template-columns:minmax(220px,.38fr) minmax(0,1fr);align-content:start;column-gap:clamp(28px,4vw,64px);padding:clamp(20px,2.5vw,34px) clamp(24px,4vw,72px)}.inspectorBody.svelte-1pe6upb h3:where(.svelte-1pe6upb){grid-column:1;margin:0;font-size:clamp(26px,2.2vw,38px);font-weight:520;letter-spacing:-.035em;line-height:1.1;align-self:start}.inspectorBody.svelte-1pe6upb p:where(.svelte-1pe6upb){margin:0;color:var(--muted);font-size:clamp(13px,1.2vw,17px);line-height:1.62}.inspectorBody.svelte-1pe6upb p:where(.svelte-1pe6upb)+p:where(.svelte-1pe6upb){margin-top:8px}.inspectorPoints.svelte-1pe6upb{display:grid;gap:2px;margin:8px 0 0;padding-left:1.2em;color:var(--muted);font-size:clamp(12px,1.05vw,15px);line-height:1.45}.inspectorInlineCode.svelte-1pe6upb{padding:.1em .3em;border-radius:.28em;background:#f7f7f7;color:#636363;font-family:var(--font-geist-mono),monospace;font-size:.88em;font-weight:560;white-space:nowrap}.inspectionAccent.svelte-1pe6upb{display:block;margin-top:10px;color:var(--range);font-family:var(--font-geist-mono),monospace;font-size:clamp(13px,1.15vw,16px);font-weight:650;line-height:1.5;overflow-wrap:anywhere}.inspectorBody.svelte-1pe6upb .inspectionAccentDescription:where(.svelte-1pe6upb){margin-top:10px}.inspectorDescription.svelte-1pe6upb{grid-column:2;grid-row:1;align-self:center}@media(max-width:900px){.codabilityIntro.svelte-1pe6upb{grid-template-columns:minmax(0,1fr) minmax(220px,.72fr);column-gap:40px}.codeWorkspace.svelte-1pe6upb{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr)}.codeWorkspace.inspectionVisible.svelte-1pe6upb{grid-template-rows:minmax(0,1fr) clamp(180px,22svh,210px)}.codeInspector.svelte-1pe6upb{width:100%;height:100%;min-height:0;overflow:hidden}.inspectorBody.svelte-1pe6upb{grid-column:1 / -1;display:grid;grid-template-columns:160px minmax(0,1fr);column-gap:24px;padding:clamp(28px,4vw,56px) clamp(22px,3vw,44px)}.inspectorBody.svelte-1pe6upb h3:where(.svelte-1pe6upb){grid-column:1}.inspectorDescription.svelte-1pe6upb{grid-column:2;grid-row:1}.inspectionAccent.svelte-1pe6upb,.inspectorDescription.svelte-1pe6upb p:where(.svelte-1pe6upb){margin-top:0}.inspectorDescription.svelte-1pe6upb p:where(.svelte-1pe6upb)+.inspectionAccent:where(.svelte-1pe6upb){margin-top:12px}}@media(max-width:620px){.codeWorkspace.inspectionVisible.svelte-1pe6upb{grid-template-rows:minmax(0,1fr) clamp(210px,28svh,250px)}.codabilitySheet.svelte-1pe6upb{padding:68px 0}.codabilityIntro.svelte-1pe6upb{display:grid;grid-template-columns:1fr}.sheetIndex.svelte-1pe6upb,.codabilityTitle.svelte-1pe6upb,.sheetSummary.svelte-1pe6upb,.codabilityFlow.svelte-1pe6upb{grid-column:1}.codabilityFlow.svelte-1pe6upb{grid-row:auto;margin-top:34px}.previewHeader.svelte-1pe6upb{display:grid;gap:13px}.previewTabs.svelte-1pe6upb{width:100%}.previewTabs.svelte-1pe6upb button:where(.svelte-1pe6upb){flex:1 1 0}.codeInspector.svelte-1pe6upb{display:grid;grid-template-columns:1fr}.inspectorBody.svelte-1pe6upb{display:grid;grid-template-columns:1fr;padding:22px 18px}.inspectorBody.svelte-1pe6upb h3:where(.svelte-1pe6upb),.inspectorDescription.svelte-1pe6upb{grid-column:1}.inspectorDescription.svelte-1pe6upb{grid-row:auto;margin-top:13px}}@media(prefers-reduced-motion:reduce){.codePreviewCard.svelte-1pe6upb{border-radius:0;transform:none;transition:none}}.codabilityArticle.svelte-1byx4r4{padding-bottom:0}.articleNav.svelte-1byx4r4{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:1px solid var(--line)}.articleNav.svelte-1byx4r4 a:where(.svelte-1byx4r4){color:var(--ink);font-size:20px;font-weight:600;letter-spacing:-.04em;text-decoration:none}.articleNav.svelte-1byx4r4 a:where(.svelte-1byx4r4):hover,.articleNav.svelte-1byx4r4 a:where(.svelte-1byx4r4):focus-visible{color:var(--range);outline:none}.articleNav.svelte-1byx4r4 span:where(.svelte-1byx4r4){color:var(--muted);font-family:var(--font-geist-mono),monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase}