@layer components{.koi-page{max-width:64ch;font-family:var(--font-mono);font-size:var(--text-base);font-variant-numeric:tabular-nums;letter-spacing:.02em;text-transform:lowercase;margin-top:clamp(32px,9vh,112px);line-height:1.8}.koi-page :is(input,textarea){text-transform:none}.koi-page:not(.koi-page-wide) .koi-mono{font-size:1em}.koi-page-verse{font-family:var(--font-sans);font-weight:var(--font-weight-book);letter-spacing:-.045em;text-wrap:balance;text-shadow:0 0 4px var(--bg), 0 0 8px var(--bg), 0 0 14px var(--bg);margin-bottom:clamp(44px,7vh,76px);font-size:clamp(2.75rem,min(6.4vw,11svh),5.75rem);line-height:.92}@media (width<=680px){.koi-page-verse{margin-bottom:36px;font-size:clamp(2.5rem,11vw,3.25rem)}}.koi-page-sub{font-weight:inherit;color:color-mix(in srgb, var(--muted) 72%, var(--bg))}.koi-page-wide{max-width:none;font-size:inherit;line-height:inherit}.koi-page .coverflow-title{font-size:.8rem;font-weight:inherit}.koi-page .coverflow-meta{font-size:.74rem}.koi-page .coverflow-detail{text-transform:none}.koi-page-back{margin-top:2.4em}.koi-page-section{margin-top:4.5em}.koi-entry+.koi-entry{margin-top:3em}.koi-dim{text-shadow:0 0 .25em var(--bg), 0 0 .5em var(--bg), 0 0 .9em var(--bg)}.koi-link-quiet{-webkit-text-decoration-color:color-mix(in srgb, var(--border) 50%, transparent);text-decoration-color:color-mix(in srgb, var(--border) 50%, transparent)}.koi-foot{font-family:var(--font-mono);font-size:var(--text-base);font-variant-numeric:tabular-nums;letter-spacing:.02em;justify-content:space-between;align-items:baseline;gap:2em;margin-top:5em;line-height:1.8;display:flex}.koi-foot-next{color:var(--text);transition:color .15s}.koi-foot-index{color:var(--faint);margin-right:.8em;transition:color .15s}.koi-foot-next:is(:hover,:focus-visible),.koi-foot-next:is(:hover,:focus-visible) .koi-foot-index{color:var(--accent)}.koi-foot-next:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}}