.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}.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{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}.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;isolation:isolate;text-decoration:none}.codePreviewCard .inspectSection:focus-visible{outline:2px solid var(--range);outline-offset:3px}.codePreviewCard .codeLine{position:relative;display:block;min-height:1.8em}.codePreviewCard .chapterStart.inspectSection{position:static}.codePreviewCard .lineCodeContent{position:relative;z-index:1;perspective:500px;opacity:1;filter:blur(0)}.codePreviewCard .lineCodeContent .waveGlyph{display:inline-block;transform:translate3d(var(--token-wave-x, 0px),var(--token-wave-y, 0px),var(--token-wave-z, 0px)) scale(var(--token-wave-scale, 1)) rotateY(var(--token-wave-rotate-y, 0deg));transform-style:preserve-3d;filter:brightness(var(--token-wave-brightness, 1)) saturate(var(--token-wave-saturation, 1));text-shadow:1px 0 .7px oklch(.75 .09 305 / var(--token-wave-shadow-alpha, 0));transition:transform 64ms linear,filter 64ms linear,text-shadow 64ms linear}.codePreviewCard .chapterBadge{position:absolute;top:50%;left:-2.25em;transform:translateY(-50%) scale(.82);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:.2;transition:opacity .52s ease,transform .52s cubic-bezier(.22,.61,.36,1),box-shadow .52s ease}.codePreviewCard .chapterActive .chapterBadge{opacity:1;transform:translateY(-50%) scale(1);box-shadow:0 0 .8em color-mix(in oklch,var(--range),transparent 62%)}.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))}.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}.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}}