.catalog{gap:var(--space-6);max-width:80rem;padding:var(--space-8) var(--space-4) var(--space-24);font-variant-numeric:tabular-nums;flex-direction:column;margin-inline:auto;display:flex}@media (width>=48rem){.catalog{padding-inline:var(--space-10)}}.catalog-title{letter-spacing:-.045em;text-wrap:balance;max-width:12ch;margin:0 0 .12em;font-size:clamp(3rem,9vw,8rem);font-weight:850;font-stretch:118%;line-height:.9}.catalog{isolation:isolate;position:relative}.catalog:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(32rem circle at var(--pointer-x,30%) var(--pointer-y,30%), color-mix(in oklab, var(--line-lit) 14%, transparent), transparent 65%);height:42rem;position:absolute;inset:0 0 auto}.catalog-search{gap:var(--space-3);flex-wrap:wrap;max-width:55rem;display:flex}.catalog-search-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.catalog-search-input{flex:16rem;width:auto;min-width:0}.catalog-topics{gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.catalog-topic{min-height:var(--size-touch);padding-inline:var(--space-4);color:var(--color-sub);font-weight:var(--weight-label);border-radius:999px;align-items:center;text-decoration:none;display:inline-flex;position:relative}.catalog-topic:hover{color:var(--color-txt)}.catalog-topic[aria-current=true]{color:var(--color-bg)}.catalog-topic-pill{border-radius:inherit;background:var(--color-txt);position:absolute;inset:0}.catalog-topic-name{position:relative}.catalog-free{color:var(--color-sub);margin:0}.catalog-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(min(100%,23rem),1fr));margin:0;padding:0;list-style:none;display:grid}.catalog-pages{justify-content:space-between;gap:var(--space-4);display:flex}.route-card{gap:var(--space-2);height:100%;padding-bottom:var(--space-6);border-radius:var(--radius-section);background:var(--color-card);box-shadow:inset 0 0 0 1px var(--color-border-subtle);color:var(--color-txt);transition:box-shadow var(--motion-300) var(--ease-out);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.route-card:hover{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--line-lit) 45%, var(--color-border-subtle)), 0 24px 50px -30px color-mix(in oklab, var(--line-lit) 55%, transparent)}.route-card:focus-visible{box-shadow:inset 0 0 0 2px var(--color-highlight);outline:none}.route-card>:not(.rf){margin-inline:var(--space-6)}.route-card-title{overflow-wrap:anywhere;margin-block:var(--space-1) 0;font-size:var(--text-title);letter-spacing:-.02em;text-wrap:balance;font-weight:780;font-stretch:104%;line-height:1.1}.route-card-creator,.route-card-facts{color:var(--color-sub);margin-block:0}.route-card-facts{padding-top:var(--space-2);font-size:var(--text-small);color:var(--color-muted);margin-block-start:auto}.catalog-grid>li:first-child{--figure-wait:.42s}.catalog-grid>li:nth-child(2){--figure-wait:.53s}.catalog-grid>li:nth-child(3){--figure-wait:.64s}.catalog-grid>li:nth-child(4){--figure-wait:.75s}.catalog-grid>li:nth-child(5){--figure-wait:.86s}.catalog-grid>li:nth-child(n+6){--figure-wait:.97s}@media (prefers-reduced-motion:no-preference){@media (hover:hover) and (pointer:fine){.moment .route-card:hover .rf-drawn{animation:1.1s cubic-bezier(.65,0,.35,1) both route-line-draw}.moment .route-card:hover .rf-runner{animation:1.15s cubic-bezier(.65,0,.35,1) both route-line-run}.moment .route-card:hover .rf-exam{animation:.25s linear 1.1s both route-line-reach}}.moment .route-card:focus-visible .rf-drawn{animation:1.1s cubic-bezier(.65,0,.35,1) both route-line-draw}.moment .route-card:focus-visible .rf-runner{animation:1.15s cubic-bezier(.65,0,.35,1) both route-line-run}.moment .route-card:focus-visible .rf-exam{animation:.25s linear 1.1s both route-line-reach}.moment .catalog-topic-pill{view-transition-name:topic-pill}@supports (view-transition-name:attr(data-vt type(<custom-ident>))){.moment .catalog-grid>li,.moment .catalog-topic-name{view-transition-name:attr(data-vt type(<custom-ident>))}.moment .catalog-topic-name{view-transition-class:topic-name}::view-transition-group(.topic-name){z-index:2}}::view-transition-group(topic-pill){z-index:1;animation-duration:.45s;animation-timing-function:cubic-bezier(.3,1.25,.4,1)}}@keyframes route-line-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes route-line-run{0%,99%{opacity:1}0%{stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:-1px}}@keyframes route-line-reach{to{fill:var(--color-highlight);stroke:var(--color-highlight)}}.app-page{gap:var(--space-5);max-width:60rem;padding:var(--space-8) var(--space-4) var(--space-20);flex-direction:column;margin-inline:auto;display:flex}.app-page-narrow{max-width:34rem}.app-title{overflow-wrap:anywhere;font-size:var(--text-heading);letter-spacing:-.03em;margin:0;font-weight:800;font-stretch:112%;line-height:1.02}.app-section-title{margin:var(--space-8) 0 0;font-size:var(--text-title);font-weight:800}.app-copy{color:var(--color-sub);margin:0;line-height:1.5}.app-fine{font-size:var(--text-small);color:var(--color-sub);margin:0}.app-form{gap:var(--space-2);flex-direction:column;display:flex}.app-challenge{min-height:4.0625rem}.app-modes{gap:var(--space-2);margin:0;padding:0;list-style:none;display:flex}.app-mode{min-height:var(--size-touch);padding-inline:var(--space-4);border-radius:var(--radius-btn);color:var(--color-txt);align-items:center;text-decoration:none;display:inline-flex}.app-mode[aria-current=page]{background:var(--color-txt);color:var(--color-bg);font-weight:var(--weight-label)}.my-name{padding:var(--space-2) var(--space-3);font-weight:var(--weight-label);color:var(--color-sub)}.nav-link[aria-current=page]{color:var(--color-txt)}.my-page{gap:var(--space-8);max-width:77.5rem}.my-top .app-title{letter-spacing:-.045em;font-size:clamp(2.75rem,6.6vw,5.25rem);font-weight:850;line-height:.92}.my-top{justify-content:space-between;align-items:flex-end;gap:var(--space-5);flex-wrap:wrap;display:flex}.my-next{gap:var(--space-5);padding:var(--space-6);border-radius:var(--radius-section);background:var(--color-card);box-shadow:inset 0 0 0 1.5px var(--color-faint);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.my-next .rf{grid-column:1/-1}.my-next-line{color:var(--color-sub);margin:0}.my-next-title{margin:var(--space-1) 0;letter-spacing:-.03em;overflow-wrap:anywhere;font-size:clamp(1.75rem,3.4vw,2.5rem);font-weight:820;font-stretch:108%;line-height:1.05}.my-all-title{margin:0 0 var(--space-5);letter-spacing:-.035em;font-size:clamp(1.875rem,4vw,2.875rem);font-weight:800;font-stretch:108%;line-height:1}.my-routes{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.my-route{gap:var(--space-2) var(--space-5);padding:var(--space-5) var(--space-6);border-radius:var(--radius-card);background:var(--color-card);box-shadow:inset 0 0 0 1px var(--color-faint);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.my-route .rf{grid-column:1/-1}.my-route-title{overflow-wrap:anywhere;letter-spacing:-.02em;margin:0;font-size:1.375rem;font-weight:760;line-height:1.15}.my-route-line-words{margin:var(--space-1) 0 0;font-size:var(--text-small);color:var(--color-sub)}.my-route-finished{color:var(--color-positive);font-weight:700}@media (prefers-reduced-motion:no-preference){.moment .route-line-new .rf-here,.moment .route-line-new .rf-halo{transform-box:fill-box;transform-origin:50%;animation:.5s cubic-bezier(.3,1.7,.5,1) both rf-pop}}@media (width<=40rem){.my-next{grid-template-columns:minmax(0,1fr)}}.connect-line{margin:0;padding:0;list-style:none;display:grid}.connect-end,.connect-scope{padding:var(--space-2) 0 var(--space-2) var(--space-8);position:relative}.connect-end{font-weight:760}.connect-end:before,.connect-scope:before{content:"";background:var(--color-accent);width:4px;position:absolute;top:0;bottom:0;left:calc(.6875rem - 2px)}.connect-end:first-child:before{top:50%}.connect-end:last-child:before{bottom:50%}.connect-end:after{content:"";border:3px solid var(--color-accent);background:var(--color-card);border-radius:50%;width:1.375rem;height:1.375rem;position:absolute;top:50%;left:0;transform:translateY(-50%)}.connect-line:not(.moment) .connect-end:before,.connect-line:not(.moment) .connect-end:after,.connect-line:not(.moment) .connect-scope:before{content:none}.admin-head{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.admin-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.admin-item{justify-content:space-between;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-card);background:var(--color-card);box-shadow:inset 0 0 0 1px var(--color-border-subtle);flex-wrap:wrap;display:flex}.admin-item-text{overflow-wrap:anywhere;flex:16rem;min-width:0}.admin-name{margin:0;font-weight:800}.admin-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.admin-select{width:auto}.teach-station{display:none}.moment .teach-station{gap:var(--space-2);margin:0 0 var(--space-4);flex-direction:column;display:flex}.teach-station svg{width:100%;height:auto;display:block;overflow:visible}.teach-station figcaption{-webkit-line-clamp:3;line-clamp:3;overflow-wrap:anywhere;font-size:var(--text-title);font-weight:var(--weight-display);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.teach-station-ahead{fill:none;stroke:var(--color-faint);stroke-width:3px;stroke-linecap:round;stroke-dasharray:1 9}.teach-station-line{fill:none;stroke:var(--color-accent);stroke-width:4px;stroke-linecap:round;stroke-dasharray:.2 1}.teach-station-stop{transform-origin:22px 22px;fill:var(--color-highlight)}@media (prefers-reduced-motion:no-preference){.moment .teach-station-line{animation:teach-station-draw .9s var(--ease-out) both}.moment .teach-station-stop{animation:teach-station-arrive .3s var(--ease-out) both}}@keyframes teach-station-draw{0%{stroke-dasharray:0 1}to{stroke-dasharray:.2 1}}@keyframes teach-station-arrive{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.connect-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.connect-tabs{gap:var(--space-4);display:grid}.connect-tablist{gap:var(--space-1);border-bottom:1px solid var(--color-faint);flex-wrap:wrap;display:flex}.connect-tab{min-height:var(--size-touch);padding-inline:var(--space-3);color:var(--color-sub);font:inherit;font-weight:var(--weight-label);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000}.connect-tab[aria-selected=true]{border-bottom-color:var(--color-accent);color:var(--color-txt)}.connect-steps{gap:var(--space-2);margin:0 0 var(--space-4);padding-inline-start:var(--space-5);line-height:1.5;display:grid}.connect-address{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.connect-code{overflow-wrap:anywhere;font-family:var(--font-mono)}.nav-form{margin:0;display:inline-flex}.nav-button{cursor:pointer;font:inherit;background:0 0;border:0}@media (width<=40rem){.site-nav:has(.nav-form){flex-wrap:wrap;justify-content:flex-end;display:flex}.site-nav:has(.nav-form) .nav-link{padding-inline:var(--space-2);display:inline-flex}}.hub-page{gap:var(--space-10)}.hub-space{gap:var(--space-3);display:grid}.hub-space-name{font-size:var(--text-title);margin:0}.hub-space-label{margin-block-end:0}.hub-route-state{gap:var(--space-3);margin:var(--space-2) 0 0;flex-wrap:wrap;align-items:center;display:flex}.hub-tools{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));display:grid}.hub-tool{gap:var(--space-1);padding:var(--space-5) var(--space-6);border-radius:var(--radius-card);background:var(--color-card);box-shadow:inset 0 0 0 1px var(--color-faint);color:var(--color-txt);text-decoration:none;display:grid}.hub-tool:hover{box-shadow:inset 0 0 0 1px var(--color-accent)}.hub-tool-name{font-weight:var(--weight-label)}.app-page>.button{align-self:flex-start}
