@layer components{.heading-wrap{position: relative}.heading-link{position: absolute;inset-inline-start: -2.25rem;top: 50%;translate: 0 -50%;display: grid;place-items: center;width: 1.8rem;height: 1.8rem;padding: 0;background: none;border: 0;border-radius: .3rem;color: var(--muted);cursor: pointer;opacity: 0}.heading-link[data-tip]::after{left: 0;right: auto}.heading-wrap:hover .heading-link,.heading-link:focus-visible{opacity: 1}.heading-link:hover{color: var(--link)}@media (max-width: 50rem),(hover: none){.heading-link{display: none}}}@layer components{.dialog-close{position: absolute;top: 1rem;right: 1rem;margin: 0}.modal{width: min(100% - 1.5rem,30rem);max-width: none;max-height: calc(100dvh - 1.5rem);overflow-y: auto;overscroll-behavior: contain;margin: auto;border: 0;border-radius: var(--radius-l);padding: 1.75rem 1.5rem 1.5rem;background: var(--bg);color: var(--text);box-shadow: 0 30px 80px -20px rgb(0 0 0 / .45);opacity: 0;scale: .97;transition: opacity .25s,scale .25s,overlay .25s allow-discrete,display .25s allow-discrete}.modal[open]{opacity: 1;scale: 1}@starting-style{.modal[open]{opacity: 0;scale: .97}}.modal::backdrop{background: rgb(10 8 6 / .45);backdrop-filter: blur(6px)}.modal--wide{width: min(100% - 1.5rem,44rem)}.modal h2{margin: 0 2.75rem .9rem 0;font-size: 1.5rem;line-height: 1.15}.modal-kicker{display: flex;align-items: center;gap: .4rem;margin: 0 0 .35rem;font-size: .8rem;font-weight: 750;letter-spacing: .06em;text-transform: uppercase;color: var(--accent)}.modal-kicker .icon{width: 1rem;height: 1rem}.modal-lede{margin: 0 0 1.25rem;font-size: 1.1rem}.modal-foot{margin: 1.25rem 0 0;font-size: .92rem;color: var(--muted)}:root[data-theme="contrast"] .modal{border: 1px solid var(--line)}@media (forced-colors: active){.modal{border: 1px solid CanvasText}}@media (prefers-reduced-motion: reduce){.modal{transition: none}}html.a11y-still .modal{transition: none}.facts{margin: 0}.facts>div{display: grid;grid-template-columns: minmax(9.5rem,auto) 1fr;gap: .2rem 1rem;padding: .75rem 0;border-top: 1px dashed var(--line)}.facts dt{display: flex;align-items: center;gap: .5rem;font-weight: 700}.facts dt .icon{width: 1.1rem;height: 1.1rem;color: var(--accent);flex: none}.facts dd{margin: 0;color: var(--muted)}@media (max-width: 28rem){.facts>div{grid-template-columns: 1fr}}.ai-parts{list-style: none;margin: 0;padding: 0;display: grid;gap: .75rem;grid-template-columns: repeat(auto-fit,minmax(15rem,1fr))}.ai-part{display: grid;gap: .35rem;align-content: start;padding: 1rem 1.1rem;border-radius: 1.1rem 1.1rem 1.1rem .4rem;background: var(--tint-sky)}.ai-part--person{background: var(--tint-butter)}.ai-part--ai{background: var(--tint)}.ai-part-who{justify-self: start;font-size: .75rem;font-weight: 750;padding: .15rem .65rem;border-radius: 999px;background: var(--bg)}.ai-part>span:last-child{color: var(--muted);font-size: .93rem}:root[data-theme="contrast"] .ai-part{border: 1px solid var(--line)}}@layer components{.ai-tools{margin-top: 2.5rem;padding: 1rem 1.15rem;border: 1px solid var(--line);border-radius: var(--radius)}.ai-tools-title{display: flex;align-items: center;gap: .45rem;margin: 0 0 .6rem;font-weight: 700;font-size: .95rem}.ai-tools ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;gap: .45rem}.ai-tools .tool-button{text-decoration: none;min-height: 2rem}.ai-ask{display: inline-flex;align-items: center;gap: .45rem}.ai-claude .brand-icon{color: #d97757}.ai-perplexity .brand-icon{color: #1fb8cd}}@layer components{.lab-pair{display: grid;grid-template-columns: repeat(auto-fit,minmax(14rem,1fr));gap: 1rem}.lab-pair figure{margin: 0}.lab-pair img{border-radius: var(--radius);width: 100%}.lab-badge img{border-radius: var(--radius)}}@layer components{.search-dialog{width: min(100% - 1.5rem,40rem);max-width: none;max-height: calc(100dvh - 1.5rem);margin: 8vh auto auto;overflow-y: auto;overscroll-behavior: contain;border: 1px solid var(--line);border-radius: .75rem;padding: 1.5rem;background: var(--bg);color: var(--text)}.search-dialog h2{margin: 0 2.5rem 1rem 0;font-size: 1.4rem}.search-dialog::backdrop{background: rgb(10 8 6 / .45);backdrop-filter: blur(6px)}.search-form{margin-top: 1rem}.search-dialog .search-form{margin-top: 0}.search-form label{font-weight: 600;display: block;margin-bottom: .4rem}.search-row{display: flex;gap: .5rem}.search-row input{flex: 1;min-width: 0;font: inherit;color: inherit;padding: .65rem .8rem;background: var(--bg);border: 1px solid var(--muted);border-radius: var(--radius)}.search-row .button{display: inline-flex;align-items: center;gap: .4rem;border: 0;font: inherit;font-weight: 600;cursor: pointer}@media (max-width: 30rem){.search-row .button span{display: none}.search-dialog{padding: 1.1rem 1rem}}.search-hint,.search-status{color: var(--muted);font-size: .9rem;margin: .6rem 0 0}.search-status:empty{display: none}html.js .search-hint{display: none}.search-filters{display: flex;flex-wrap: wrap;gap: .4rem;margin-top: .9rem}.search-filters button{font: inherit;font-size: .85rem;border: 1px solid var(--line);border-radius: 999px;padding: .25rem .8rem;min-height: 1.75rem;background: none;color: var(--text);cursor: pointer}.search-filters button:hover{border-color: var(--accent)}.search-filters [aria-pressed="true"]{border-color: var(--accent);background: var(--surface);font-weight: 600}.search-results{list-style: none;padding: 0;margin: .75rem 0 0}.search-results>li{display: grid;grid-template-columns: 6rem minmax(0,1fr);gap: .9rem;padding: .85rem 0;border-top: 1px solid var(--line)}.search-results>li:not(:has(>img)){grid-template-columns: minmax(0,1fr)}.search-results img{width: 6rem;aspect-ratio: 16 / 9;object-fit: cover;border-radius: .35rem}.search-results .result-title{font-weight: 700;color: var(--text);text-decoration: none}.search-results .result-title:hover{color: var(--link);text-decoration: underline}.search-results .result-date{color: var(--muted);font-size: .85rem;white-space: nowrap}.search-results p{margin: .25rem 0 0;font-size: .92rem;color: var(--muted)}.search-results mark{background: color-mix(in srgb,var(--accent) 22%,transparent);color: var(--text);border-radius: 2px;padding: 0 .1em}.search-results ul{list-style: none;padding: 0;margin: .4rem 0 0;font-size: .88rem;display: flex;flex-wrap: wrap;gap: .2rem 1rem}@media (max-width: 30rem){.search-results>li{grid-template-columns: 4.5rem minmax(0,1fr)}.search-results img{width: 4.5rem}}}@layer components{.version-notice{margin-top: 1rem;flex-direction: column;gap: .4rem}.version-notice::before{display: none}.version-links{font-size: .92rem}.version-intro{color: var(--muted);max-width: 42rem}.version-list{list-style: none;padding: 0 !important;margin: 1.5rem 0}.version-list>li{border: 1px solid var(--line);border-radius: var(--radius);padding: .9rem 1rem;margin: 0 0 .75rem}.version-list .version-current{background: var(--surface)}.version-date{margin: 0 0 .6rem;font-weight: 600}.version-current .version-date{margin: 0}.version-change{margin: 0}.version-change-label{display: block;font-size: .78rem;text-transform: uppercase;letter-spacing: .08em;color: var(--muted);font-weight: 600}.version-counts,.version-source{color: var(--muted);font-size: .88rem;font-weight: 400}.version-diff{--added: color-mix(in srgb,var(--c-added) 18%,transparent);--removed: color-mix(in srgb,var(--c-removed) 14%,transparent)}.version-page ins{background: var(--added,color-mix(in srgb,var(--c-added) 18%,transparent));text-decoration: underline;text-decoration-thickness: 1px}.version-page del{background: var(--removed,color-mix(in srgb,var(--c-removed) 14%,transparent));text-decoration: line-through}.v-block{position: relative;border-radius: var(--radius);padding: .4rem .75rem;margin: 0 -.75rem 1rem}.v-block>:last-child{margin-bottom: 0}.v-added{background: var(--added)}.v-removed{background: var(--removed)}.v-removed>:not(.v-label){text-decoration: line-through;opacity: .8}.v-changed{border: 1px solid var(--line)}.v-label{display: inline-block;font-size: .72rem;text-transform: uppercase;letter-spacing: .08em;font-weight: 700;color: var(--muted);margin-bottom: .2rem}.v-same{margin: 0 0 1rem;color: var(--muted)}.v-same>summary{cursor: pointer;font-size: .9rem;padding: .3rem 0}.v-same[open]{color: inherit}}@layer components{.ask-ian{position: fixed;z-index: 45;right: 1rem;bottom: calc(var(--bar-h) + 1rem);display: inline-flex;align-items: center;gap: .6rem;padding: .3rem 1.1rem .3rem .3rem;border: 0;border-radius: 999px;background: var(--accent);color: var(--on-accent);font: inherit;font-weight: 750;cursor: pointer;box-shadow: 0 12px 30px -10px var(--shade);transition: transform .2s ease}.ask-ian:hover{transform: translateY(-2px)}.ask-ian-face{position: relative;display: block;width: 2.9rem;height: 2.9rem;border-radius: 50%;overflow: hidden;background: var(--butter);box-shadow: 0 0 0 3px color-mix(in srgb,var(--on-accent) 85%,transparent);flex: none}.ask-ian-face img,.ask-ian-face svg{width: 100%;height: 100%;object-fit: cover;display: block}.ask-ian-panel{position: fixed;inset: auto 1rem calc(var(--bar-h) + 5.2rem) auto;margin: 0;width: min(24rem,calc(100vw - 2rem));max-height: min(34rem,calc(100vh - var(--bar-h) - 8rem));overflow: auto;padding: 0;border: 0;border-radius: 1.5rem;background: var(--bg);color: var(--text);box-shadow: 0 2px 4px var(--shade),0 30px 70px -20px var(--shade)}.ask-ian-panel:popover-open{display: flex;flex-direction: column}.ask-ian-head{display: flex;align-items: center;gap: .75rem;padding: 1rem 1rem .9rem;background: var(--tint)}.ask-ian-head .ask-ian-face{width: 2.75rem;height: 2.75rem;box-shadow: 0 0 0 3px var(--bg)}.ask-ian-head div{flex: 1;min-width: 0}.ask-ian-head .icon-button{flex: none}.ask-ian-title{margin: 0;font-family: var(--heading-font);font-weight: 760;font-size: 1.15rem}.ask-ian-sub{margin: 0;font-size: .82rem;color: var(--muted)}.ask-ian-chat{padding: 1rem;display: grid;gap: .6rem}.ask-ian-msg{margin: 0;padding: .75rem 1rem;background: var(--surface);border-radius: 1.1rem 1.1rem 1.1rem .3rem;font-size: .95rem}.ask-ian-try{margin: .3rem 0 0;font-size: .8rem;font-weight: 700;color: var(--muted)}.ask-ian-chips{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;gap: .4rem}.ask-ian-chips button{font: inherit;font-size: .85rem;padding: .35rem .8rem;border-radius: 999px;border: 0;background: var(--tint-sky);color: var(--text)}.ask-ian-input{display: flex;gap: .5rem;padding: 0 1rem}.ask-ian-input input{flex: 1;min-width: 0;font: inherit;padding: .6rem .9rem;border-radius: 999px;border: 2px solid var(--line);background: var(--bg);color: var(--text)}.ask-ian-input .button{padding: .55rem 1.1rem}.ask-ian-note{margin: .75rem 1rem 1rem;font-size: .78rem;color: var(--muted)}:is(.ask-ian-chips button,.ask-ian-input input,.ask-ian-input .button):disabled{cursor: not-allowed;opacity: .75}@media (max-width: 40rem){.ask-ian-label{display: none}.ask-ian{padding: .3rem}}:root[data-theme="contrast"] :is(.ask-ian-panel,.ask-ian-msg,.ask-ian-chips button){border: 1px solid var(--line)}@media (forced-colors: active){.ask-ian-panel,.ask-ian{border: 1px solid CanvasText}}.ask-ian:focus-visible{outline: 3px solid var(--text);outline-offset: 3px}@media (prefers-reduced-motion: reduce){.ask-ian{transition: none}}.ask-ian{padding: .3rem;gap: 0}.ask-ian-label{display: inline-block;max-width: 0;overflow: hidden;white-space: nowrap;opacity: 0;transition: max-width .35s cubic-bezier(.2,.8,.2,1),opacity .25s,margin .35s}.ask-ian:is(:hover,:focus-visible) .ask-ian-label,.ask-ian[aria-expanded="true"] .ask-ian-label{max-width: 8rem;opacity: 1;margin: 0 .85rem 0 .6rem}@media (prefers-reduced-motion: reduce){.ask-ian-label{transition: none}}html.a11y-still .ask-ian-label{transition: none}}@layer components{.not-found{text-align: center;padding-block: 3rem 4rem}.not-found{min-height: calc(100svh - var(--header-h) - var(--bar-h));display: flex;flex-direction: column;justify-content: center;box-sizing: border-box}.not-found .spiral-avatar{margin: 0 auto 1.5rem}.not-found-actions{display: flex;flex-wrap: wrap;gap: .75rem;justify-content: center}.not-found .spiral-avatar{margin: 3.5rem auto 3rem}@media (max-width: 24rem){.not-found .spiral-avatar{--size: 10rem !important}}.not-found-art{position: relative;display: grid;place-items: center;padding-top: 2rem;width: 100vw;margin-inline: calc(50% - 50vw);overflow-x: clip}.not-found-404{position: absolute;z-index: -1;left: 50%;top: 50%;translate: -50% -50%;width: min(60rem,150vw);height: auto;fill: var(--text);opacity: .045;pointer-events: none}.not-found-art .spiral-avatar{margin: 3.5rem auto 3rem}@keyframes head-rock{from{rotate: -4deg}to{rotate: 4deg}}.not-found .spiral-face :is(picture,img){height: 140%;transform-origin: 50% 60%}@media (prefers-reduced-motion: no-preference){html:not(.a11y-still) .not-found .spiral-face :is(picture,img){animation: head-rock 9s ease-in-out infinite alternate}}}@layer components{.space-canvas{position: fixed;inset: 0;width: 100%;height: 100%;z-index: -1;pointer-events: none}.space-full .space-canvas{z-index: 90}.space-full,.space-full body{overflow: hidden}.space-probe{display: none}.space-hud{position: fixed;left: 50%;translate: -50% 0;z-index: 95;display: flex;align-items: center;gap: .35rem;color: var(--muted);opacity: .85;white-space: nowrap}.space-hud[hidden]{display: none}.space-storm .space-hud{padding-left: .8rem;border-radius: 999px;background: var(--bg)}.space-hud-line{display: flex;margin-right: .5rem}.space-pixels{display: block;fill: currentColor}.space-px-packet{fill: light-dark(var(--c-avatar-1,var(--text)),var(--sky,var(--text)))}.space-px-ship{fill: var(--orange)}.space-px-dim{opacity: 0.35}.space-px-hull{fill: var(--text)}.space-px-low{fill: var(--orange)}.space-hud-button{display: grid;place-items: center;width: 1.9rem;height: 1.9rem;padding: 0;border: 0;border-radius: 50%;background: none;color: inherit;cursor: pointer}.space-hud-button:hover,.space-hud-button:focus-visible{color: var(--text)}.space-hud-button svg{width: 1.1rem;height: 1.1rem;fill: none;stroke: currentColor;stroke-width: 1.8;stroke-linecap: round;stroke-linejoin: round}.space-hud-button[aria-pressed="false"] .space-waves,.space-hud-button[aria-pressed="true"] .space-mute{display: none}.space-word{display: inline-block;white-space: nowrap}.space-letter{display: inline-block;transition: translate .18s ease-out,rotate .18s ease-out,color .3s}.space-letter.is-lifted{color: var(--accent)}.space-star{position: absolute;top: 12%;right: 14%;width: 1.6rem;height: 1.6rem;padding: .3rem;border: 0;background: none;color: var(--text);opacity: .16;cursor: pointer;transition: opacity .4s,scale .4s}.space-star svg{display: block;width: 100%;height: 100%;fill: currentColor}.space-star:hover,.space-star:focus-visible{opacity: .8;scale: 1.4}.space-scores{margin: 0 0 1rem;padding-left: 1.6rem;font-variant-numeric: tabular-nums}.space-scores li{padding: .2rem 0}.space-scores li>span{display: inline-flex}.space-scores li{display: list-item}.space-scores li span:last-child{float: right;font-weight: 700}.space-scores .is-you{color: var(--accent);font-weight: 700}.space-choices{display: flex;flex-wrap: wrap;gap: .6rem;margin: 1.25rem 0 0}.space-name label{display: block;margin: 1rem 0 .35rem;font-weight: 700}.space-name input{width: 100%;max-width: 16rem}.space-error{min-height: 1.2em;margin: .4rem 0 0;color: var(--error,var(--accent));font-size: .9rem}html.space-fade,html.space-fade body,html.space-fade body *{transition: background-color .8s ease,color .8s ease,border-color .8s ease,fill .8s ease,stroke .8s ease !important}}@layer components{.case-hero{padding-block: 1rem 0;background: radial-gradient(50rem 30rem at 90% 0%,var(--tint),transparent 65%)}.case-template-note{margin: 1rem 0 1.5rem;max-width: 46rem}.case-kicker{margin: 0;font-weight: 750;font-size: .85rem;letter-spacing: .08em;text-transform: uppercase;color: var(--accent)}.case h1{font-size: clamp(2rem,1.3rem + 2.8vw,3.4rem);max-width: 22ch;margin: .4rem 0 1rem}.case-lede{font-size: clamp(1.1rem,1rem + .4vw,1.3rem);max-width: 40rem;color: var(--muted);margin: 0 0 1.75rem}.case-facts{display: flex;flex-wrap: wrap;gap: 1rem 2.25rem;margin: 0 0 2rem;padding: 1rem 0;border-block: 1px dashed var(--line)}.case-facts dt{font-size: .78rem;font-weight: 750;letter-spacing: .05em;text-transform: uppercase;color: var(--muted)}.case-facts dd{margin: .15rem 0 0;font-weight: 650}.case-photo{margin-block: 0 2.5rem}.case-photo img{display: block;width: 100%;aspect-ratio: 21 / 9;object-fit: cover;border-radius: var(--radius-l)}.case-photo figcaption{margin-top: .5rem;font-size: .88rem;color: var(--muted)}.case-numbers{list-style: none;padding: 0;margin: 0 0 3rem;display: grid;gap: 1rem;grid-template-columns: repeat(auto-fit,minmax(13rem,1fr))}.case-numbers li{padding: 1.4rem 1.5rem;border-radius: 1.4rem 1.4rem 1.4rem .4rem;background: var(--tint-butter)}.case-numbers li:nth-child(2){background: var(--tint-sky)}.case-numbers li:nth-child(3){background: var(--tint)}.case-numbers b{display: block;font-family: var(--heading-font);font-weight: 760;font-size: clamp(2rem,1.5rem + 2vw,2.8rem);line-height: 1}.case-numbers span{color: var(--muted)}.case-body{max-width: var(--measure);margin-inline: auto;padding-inline: 1rem}.case-quote{margin: 2.5rem 0;padding: 1.75rem;border-radius: 1.6rem;background: var(--surface)}.case-quote blockquote{margin: 0 0 1rem}.case-quote blockquote p{font-size: clamp(1.3rem,1.1rem + .8vw,1.65rem);margin: 0}.case-quote figcaption{display: flex;align-items: center;gap: .8rem;color: var(--muted);font-size: .95rem}.case-quote figcaption strong{color: var(--text)}.case-quote-face{display: grid;place-items: center;width: 3rem;height: 3rem;border-radius: 50%;background: var(--tint-sky);color: var(--text);font-weight: 760}.case-cta{display: grid;grid-template-columns: 1fr auto;gap: 2rem;align-items: center;margin-block: 3rem;padding: 2rem clamp(1.25rem,4vw,3rem);border-radius: 2rem;background: var(--tint)}.case-cta h2{margin: 0 0 .5rem}@media (max-width: 40rem){.case-cta{grid-template-columns: 1fr}.case-cta .ui-ring{display: none}}.case-howto{max-width: var(--measure);padding-block: 1rem 3rem}:is(.case-facts dt){text-transform: none;letter-spacing: 0;font-size: .85rem}}@layer components{.hr-wave-dash{border: 0;height: 12px;margin: 2.5rem 0;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 12'%3E%3Cpath d='M0 6q10-6 20 0t20 0' fill='none' stroke='%23d65c32' stroke-width='2.5' stroke-linecap='round' stroke-dasharray='5 5'/%3E%3C/svg%3E") repeat-x left center / 40px 12px}.hr-zigzag{border: 0;height: 12px;margin: 2.5rem 0;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpath d='M0 10l6-8 6 8 6-8 6 8' fill='none' stroke='%23d65c32' stroke-width='2.2' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x left center / 24px 12px}.hr-scribble{border: 0;height: 20px;margin: 2.5rem 0;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 20' preserveAspectRatio='none'%3E%3Cpath d='M4 12c60-8 120-6 190-3s160 4 230-2 110-4 172 1M30 15c80-4 170-5 260-2s170 2 270-3' fill='none' stroke='%23d65c32' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / 100% 100%}.hr-wave-dash--sky{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 12'%3E%3Cpath d='M0 6q10-6 20 0t20 0' fill='none' stroke='%238fb8cc' stroke-width='2.5' stroke-linecap='round' stroke-dasharray='5 5'/%3E%3C/svg%3E")}.hr-wave-dash--leaf{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 12'%3E%3Cpath d='M0 6q10-6 20 0t20 0' fill='none' stroke='%239cc04a' stroke-width='2.5' stroke-linecap='round' stroke-dasharray='5 5'/%3E%3C/svg%3E")}.hr-zigzag--butter{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpath d='M0 10l6-8 6 8 6-8 6 8' fill='none' stroke='%23f2c14e' stroke-width='2.2' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E")}.hr-full{width: auto;margin-inline: -100vw}.hr-spark{display: flex;align-items: center;gap: 1rem;margin: 2.5rem 0;border: 0;color: var(--orange)}.hr-spark::before,.hr-spark::after{content: "";flex: 1;border-top: 2px dashed currentColor;opacity: .55}.hr-spark svg{width: 1.6rem;height: 1.6rem;fill: var(--butter);flex: none}.hr-path{position: relative;height: 1.6rem;margin: 2.5rem 0;background: radial-gradient(circle,var(--accent) 2.5px,transparent 3px) repeat-x left center / 16px 8px}.hr-path::after{content: "";position: absolute;right: -.2rem;top: 50%;translate: 0 -50%;width: 1.1rem;height: 1.1rem;background: var(--orange);clip-path: polygon(15% 5%,95% 50%,15% 95%);border-radius: 2px}.hr-stamps{display: flex;justify-content: center;gap: 1.25rem;margin: 2.5rem 0;font-size: 1.3rem;color: var(--accent);letter-spacing: .3em}:root[data-theme="contrast"] :is(.hr-wave-dash,.hr-zigzag,.hr-scribble,.hr-path){filter: grayscale(1) brightness(3)}}@layer components{.creative-note,.creative-paused{margin: 0 0 1rem;clear: both;font-size: .95rem;color: var(--muted)}.a11y-float{position: fixed;z-index: 2147483000;top: max(.75rem,env(safe-area-inset-top));right: max(.75rem,env(safe-area-inset-right));display: flex;gap: .4rem}@media (max-width: 40rem){.a11y-float{top: auto;right: auto;left: max(.75rem,env(safe-area-inset-left));bottom: calc(var(--bar-h) + 4rem)}}.a11y-float .a11y-open{box-shadow: 0 0 0 3px var(--bg),0 .3rem 1rem rgb(0 0 0 / .35)}.creative-choose{padding: 0 0 1rem}.creative-paused{color: var(--text);font-weight: 600}.creative-list{display: grid;grid-template-columns: repeat(auto-fill,minmax(12.5rem,1fr));gap: .5rem;clear: both}.creative-card{position: relative;display: grid;grid-template-columns: auto 1fr;gap: .2rem .65rem;align-items: start;align-self: start;cursor: pointer;border: 1px solid var(--line);border-radius: .6rem;padding: .55rem .65rem;font-size: .9rem;line-height: 1.3}.creative-card{width: 100%;font: inherit;font-size: .9rem;text-align: start;color: var(--text);background: transparent}.creative-card:hover{border-color: var(--accent)}.creative-card[aria-pressed="true"]{border-color: var(--accent);background: var(--surface);box-shadow: inset 0 0 0 1px var(--accent)}.creative-sound{margin-bottom: 1rem}.creative-text small{display: block;color: var(--muted);font-size: .8rem;margin-top: .1rem}.creative-swatch{width: 2.4rem;height: 1.8rem;border-radius: .3rem;border: 1px solid var(--line);margin-top: .1rem;background: linear-gradient(135deg,var(--s1) 0 55%,var(--s3) 55% 70%,var(--s1) 70%);display: grid;place-items: center;overflow: hidden}.creative-swatch::after{content: "Aa";font: 700 .8rem/1 var(--mono);color: var(--s2)}.creative-swatch--none{background: var(--bg)}.creative-swatch--none::after{color: var(--text);font-family: var(--heading-font)}.creative-exit{position: fixed;z-index: 60;left: .75rem;bottom: calc(var(--bar-h) + .75rem);display: flex;align-items: center;gap: .5rem;padding: .3rem .3rem .3rem .8rem;border-radius: 999px;background: var(--c-ink);color: var(--c-paper);font: 600 .85rem/1.2 system-ui,sans-serif;box-shadow: 0 .3rem 1rem rgb(0 0 0 / .3)}.creative-exit button{font: inherit;border: 0;border-radius: 999px;padding: .45rem .8rem;cursor: pointer;background: var(--c-paper);color: var(--c-ink)}.creative-exit button:focus-visible{outline: 2px solid var(--c-butter);outline-offset: 2px}.creative-intro{position: fixed;inset: 0;width: 100%;height: 100%;max-width: none;max-height: none;margin: 0;border: 0;padding: 0;background: var(--c-black);color: var(--c-white);overflow: hidden;display: grid;place-items: center;cursor: pointer;transition: opacity .4s ease,display .4s allow-discrete,overlay .4s allow-discrete}.creative-intro:not(:popover-open){display: none}.creative-intro.is-leaving{opacity: 0}.creative-intro::backdrop{background: transparent}.creative-intro-screen{position: relative;width: 100%;height: 100%;display: grid;place-items: center}.creative-intro-skip{position: absolute;left: 50%;bottom: max(1rem,env(safe-area-inset-bottom));translate: -50% 0;margin: 0;padding: .3rem .7rem;border-radius: 999px;background: rgb(0 0 0 / .6);color: var(--c-white);font: 500 .8rem/1.2 system-ui,sans-serif;white-space: nowrap;pointer-events: none}}@layer utilities{.muted-size{color: var(--muted);font-size: .85em}}@layer utilities{@media (prefers-reduced-motion: no-preference){@supports (animation-timeline: view()){html:not(.a11y-still) :is(.article-body :is(figure,.video,.embed-facade,blockquote,table,h2),.post-list>li,.cards>li,.gallery>li,.comment-list>li,.author,.link-list,.lab-pair){animation: rise-in linear both;animation-timeline: view();animation-range: entry 0% entry 70%}html:not(.a11y-still) .logos>li{animation: fade-in linear both;animation-timeline: view();animation-range: entry 10% entry 90%}}@keyframes rise-in{from{opacity: 0;translate: 0 1.25rem}}@keyframes fade-in{from{opacity: 0;scale: .9}}}}