@layer components{.zen{display:none}:root[data-koi] .zen{padding:clamp(120px, 19svh, 176px) calc(var(--zen-edge) + var(--gutter,0px)) clamp(32px, 9vh, 112px) var(--zen-edge);text-transform:lowercase;flex-direction:column;font-size:1rem;line-height:1.9;display:flex;position:fixed;inset:0;overflow-y:auto}.zen-verse{font-family:var(--font-sans);font-weight:var(--font-weight-book);letter-spacing:-.045em;text-shadow:0 0 4px var(--bg), 0 0 8px var(--bg), 0 0 14px var(--bg);font-size:clamp(3.5rem,min(9.2vw,16svh),8.25rem);line-height:.92}.zen-foot{justify-content:space-between;align-items:flex-end;gap:3em;margin-top:auto;padding-top:2.6em;display:flex}.zen-about{min-width:0;max-width:64ch}.zen-intro p+p{margin-top:.7em}.zen-socials,.zen-pages .zen-machine{margin-top:2.6em}.zen-pages{flex-direction:column;flex:none;align-items:flex-start;display:flex}.zen-page{color:var(--text);transition:color .15s}.zen-page-index{color:var(--faint);margin-right:.8em;transition:color .15s}.zen-page:is(:hover,:focus-visible),.zen-page:is(:hover,:focus-visible) .zen-page-index{color:var(--accent)}.zen-page:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}:root[data-koi] :is(.zen-credit,.zen-build){left:var(--zen-edge);font-size:var(--text-xs);color:color-mix(in srgb, var(--faint) 50%, var(--bg));line-height:1.6;position:fixed;bottom:clamp(12px,3vh,32px)}:root[data-koi] .zen-build{left:auto;right:calc(var(--zen-edge) + var(--gutter,0px))}.zen-build-icon{vertical-align:-.15em;width:1em;height:1em;margin-right:.35em;display:inline-block}:root[data-koi] :is(.zen-credit,.zen-build) .zen-link:not(:hover,:focus-visible){color:inherit;-webkit-text-decoration-color:color-mix(in srgb, var(--border) 50%, transparent);text-decoration-color:color-mix(in srgb, var(--border) 50%, transparent)}:root[data-koi] .zen{text-shadow:0 0 .25em var(--bg), 0 0 .5em var(--bg), 0 0 .9em var(--bg)}.zen-stack{display:none}@media (width<=680px){:root[data-koi] .zen{font-size:var(--text-base);grid-template-rows:1fr auto auto;grid-template-columns:minmax(0,1fr) auto;column-gap:1em;padding-top:96px;padding-bottom:clamp(12px,3vh,32px);display:grid}.zen-verse,.zen-foot{grid-column:1/-1}:root[data-koi] :is(.zen-credit,.zen-build){margin-top:20px;position:static}.zen-verse{--zen-measure:calc(100vw - var(--gutter,0px) - 2 * var(--zen-edge));font-size:clamp(2.5rem, min(var(--zen-measure) / 6.5, (100svh - 32.5rem) / 1.84), 8.25rem);align-self:center}@media (height>=720px){.zen-stack{display:inline}.zen-verse{font-size:clamp(2.5rem, min(var(--zen-measure) / 4.15, (100svh - 32.5rem) / 3.68), 8.25rem)}}.zen-foot{flex-direction:column;align-items:stretch;gap:0;padding-top:1.6em}.zen-socials{margin-top:1.6em}.zen-pages{border-bottom:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.2em;margin-top:1.6em;display:grid}.zen-page,.zen-pages .zen-machine{border-top:1px solid var(--border);align-items:center;min-height:44px;margin-top:0;display:flex}.zen-pages .zen-machine-toggle{align-self:stretch}}.zen-group.zen-machine>button{cursor:pointer}.zen-machine-toggle{color:var(--muted);align-items:center;gap:.45em;transition:color .15s;display:inline-flex}.zen-machine:is(:hover,:focus-within,.is-open) .zen-machine-toggle{color:var(--text)}.zen-machine-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.zen-machine-chevron{width:.6em;height:auto;transition:rotate .2s cubic-bezier(.4,0,.2,1);rotate:0deg}.zen-machine:is(:hover,:focus-within,.is-open):not(.is-shut) .zen-machine-chevron{rotate:180deg}.zen-machine .zen-group-card{left:auto;right:-.8em}.zen-group{position:relative}.zen-group>button{cursor:default}.zen-group-card{white-space:nowrap;opacity:0;visibility:hidden;transform:translateX(var(--zen-shift,0px));padding-bottom:.4em;transition:opacity .15s,translate .15s,visibility 0s linear .15s;position:absolute;bottom:100%;left:-.8em;translate:0 4px}.zen-group:is(:hover,:focus-within,.is-open):not(.is-shut) .zen-group-card{opacity:1;visibility:visible;transition-delay:0s;translate:0}.zen-group-links{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.3em .8em;line-height:1.6;display:block}.zen-eras{gap:.8em;padding:.6em;display:flex}.zen-era{outline:none;flex-direction:column;gap:.3em;display:flex}.zen-era-thumb{border:1px solid var(--border);border-radius:4px;width:224px;transition:border-color .15s;display:block;overflow:hidden}.zen-era-thumb img{width:100%;height:auto;display:block}.zen-era:is(:hover,:focus-visible) .zen-era-thumb{border-color:var(--accent)}.zen-era:is(:hover,:focus-visible) .zen-link{color:var(--accent);text-decoration-color:currentColor}:root[data-theme=light] .zen-era-dark,:root:not([data-theme=light]) .zen-era-light{display:none}}:root[data-koi] main>:not(.zen),:root[data-koi] .app-main>footer{display:none}:root[data-koi] .app-main{min-height:0}:root[data-koi]{overscroll-behavior:none}