.home-body{color:var(--color-text);background:var(--color-canvas);overflow-x:hidden}.home-body:before{display:none}.home-body>main{z-index:1;min-height:100vh;position:relative}.home-body>.site-footer{margin-top:0}.home-skip-link{z-index:100;color:var(--color-canvas);background:var(--color-text);padding:.4rem;position:fixed;top:.5rem;left:.5rem;transform:translateY(-200%)}.home-skip-link:focus{transform:none}#diagram{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.chapter{min-height:112vh;padding:150px 24px 12vh var(--site-left);align-items:center;scroll-margin-top:120px;display:flex}.chapter:last-child{min-height:120vh}.chapter__inner{opacity:.18;width:min(620px,43vw);transition:opacity .4s,transform .5s;transform:translateY(18px)}.chapter.is-active .chapter__inner{opacity:1;transform:none}.home-body h1,.home-body h2{letter-spacing:0;max-width:none;margin:0 0 24px;font-size:1rem;line-height:1.5}.home-body p{margin:0 0 20px}.home-body a{color:var(--color-text);text-underline-offset:.2em;text-decoration-thickness:1px}.home-body a:hover{color:var(--color-text-soft)}.home-body .home-title{letter-spacing:-.01em;max-width:18ch;margin-bottom:28px;font-size:clamp(1.7rem,3.2vw,2.4rem);line-height:1.12}.chapter__actions.home-actions{flex-flow:wrap;align-items:center;gap:.75rem 1.5rem}.home-body .home-action--primary{border:1px solid var(--color-text);padding:.55rem 1rem;text-decoration:none}.home-body .home-action--primary:hover{color:var(--color-canvas);background:var(--color-text)}.chapter__lead,.chapter__body{color:var(--color-text)}.file-tree,.record-example{width:min(500px,100%);color:var(--color-text);background:var(--color-canvas);border:1px solid var(--color-text);font:400 .76rem/1.5 var(--mono);border-radius:0;margin:28px 0;padding:18px;overflow-x:auto}.file-tree span,.record-example span,.file-tree strong{color:inherit;font-weight:inherit}.chapter__actions{flex-direction:column;align-items:flex-start;gap:.55rem;margin-top:1.75rem;padding:0;display:flex}.home-body .button,.home-body .text-link{color:var(--color-text);font:inherit;text-underline-offset:.2em;background:0 0;border:0;font-weight:400;text-decoration:underline}@media (width>=821px){.home-body>.site-header,.home-body>.site-footer{width:min(calc(100% - var(--site-left) - 24px), var(--shell-width))}}@media (width<=820px){.chapter,.chapter:first-child,.chapter:last-child{align-items:flex-start;min-height:142vh;padding:54vh 1rem 14vh}.chapter__inner{background:var(--color-canvas);width:100%}}@media (prefers-reduced-motion:reduce){.chapter__inner{transition:none;transform:none}}:root{--grain-opacity:.17}:root[data-theme=dark]{--grain-opacity:.11}:root{--color-canvas:oklch(97% .009 245);--color-surface:oklch(97% .009 245)}:root[data-theme=dark]{--color-canvas:oklch(20.5% .018 245);--color-surface:oklch(20.5% .018 245)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-canvas:oklch(20.5% .018 245);--color-surface:oklch(20.5% .018 245);--grain-opacity:.11}}#material{z-index:0;pointer-events:none;background:var(--color-canvas);position:fixed;inset:0;overflow:hidden}#atmosphere{width:100%;height:100%;display:block}#grain{opacity:var(--grain-opacity);pointer-events:none;background-repeat:repeat;background-size:384px 384px;position:absolute;inset:-20px;mask-image:linear-gradient(90deg,#0000008c,#000 65%)}#diagram{z-index:1}.home-body>main{z-index:2}.site-footer{z-index:2;background:0 0;position:relative}.home-body h2{letter-spacing:-.005em;margin:0 0 18px;font-size:1.3rem;font-weight:600;line-height:1.25}.home-body strong{font-weight:600}@media (width<=820px){#diagram{mask-image:linear-gradient(#000 0% 44%,#0000 54%)}.chapter__inner{background:color-mix(in srgb,var(--color-canvas) 90%,transparent);box-shadow:0 0 0 14px color-mix(in srgb,var(--color-canvas) 90%,transparent);backdrop-filter:blur(6px)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.home-body .developer-note{border-top:1px solid var(--color-border-strong);color:var(--color-text-soft);margin-top:2.25rem;padding-top:1.25rem;font-size:.95em}.chapter{min-height:90vh}.chapter:first-child,.chapter:last-child{min-height:100vh}@media (width<=820px){.chapter,.chapter:first-child,.chapter:last-child{min-height:110vh}}.chapter__inner{opacity:.32}.home-body .home-title{max-width:15ch;margin-bottom:24px;font-size:clamp(2.1rem,4.4vw,3.5rem);line-height:1.06}#intro .chapter__inner>p{max-width:34ch;font-size:1.12rem}.home-body .home-action--primary{background:var(--color-text);color:var(--color-canvas);border-color:var(--color-text)}.home-body .home-action--primary:hover{background:var(--color-text-soft);border-color:var(--color-text-soft);color:var(--color-canvas)}.home-body .site-header__signup{border:1px solid var(--color-text);padding:.2rem .7rem;text-decoration:none}.home-body .site-header__signup:hover{background:var(--color-text);color:var(--color-canvas)}.record-example span.fm-rule{color:var(--color-text-muted)}.record-example span.fm-key{color:var(--syntax-keyword)}.record-example span.fm-link{color:var(--syntax-link)}.chapter-index{z-index:3;font:12px/1.3 var(--sans);background:color-mix(in srgb, var(--color-canvas) 90%, transparent);padding:4px 10px;position:fixed;bottom:12px;right:12px}.chapter-index a{display:none}@media (width>=1400px){.chapter-index{z-index:3;font:12px/1.3 var(--sans);background:0 0;flex-direction:column;gap:9px;padding:0;display:flex;position:fixed;inset:50% auto auto 16px;transform:translateY(-50%)}.chapter-index a{color:var(--color-text-muted);border-left:2px solid #0000;padding-left:10px;text-decoration:none;display:block}.chapter-index a:hover{color:var(--color-text)}.chapter-index a[aria-current]{color:var(--color-text);border-left-color:var(--color-accent)}}.chapter-index__motion{color:var(--color-text-muted);font:inherit;text-align:left;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.chapter-index__motion:hover{color:var(--color-text)}.chapter-index__motion:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media (width>=1400px){.chapter-index__motion{margin-top:10px;padding-left:12px}}