@layer components{.dim-lobby__intro{display:grid;gap:var(--koit-space-4);max-width:60rem}.dim-lobby__lead{margin-top:var(--koit-space-2)}.dim-doors{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:var(--koit-space-8) var(--koit-space-6);margin:var(--koit-space-12) 0 0;padding:0;list-style:none}@media (min-width:640px){.dim-doors{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.dim-doors{grid-template-columns:minmax(0,1.15fr) repeat(3,minmax(0,1fr));align-items:end}.dim-doors:has(>:nth-child(3):last-child){grid-template-columns:minmax(0,1.15fr) repeat(2,minmax(0,1fr))}.dim-doors:has(>:nth-child(2):last-child){grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}.dim-door{display:flex;flex-direction:column;gap:var(--koit-space-4);color:inherit;outline-offset:4px}.dim-door,.dim-door__frame{border-radius:var(--koit-radius-xl)}.dim-door__frame{position:relative;display:block;overflow:hidden;background:var(--koit-night-900);transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform var(--koit-dur-ui-slow) var(--ease-koit-out),box-shadow var(--koit-dur-ui-slow) var(--ease-koit-out)}.dim-door__frame .dim-field{border-radius:inherit}.dim-door-item[data-lead] .dim-door__frame:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--koit-gold-400);pointer-events:none}.dim-door__rule{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--room-accent);transform-origin:50% 100%;transition:transform var(--koit-dur-ui) var(--ease-koit-out)}.dim-door:focus-visible .dim-door__rule,.dim-door[data-active="1"] .dim-door__rule{transform:scaleY(2)}.dim-door__body{display:grid;gap:var(--koit-space-2);padding-inline:var(--koit-space-1)}.dim-door__bpm{color:var(--room-accent-text)}.dim-door__name{color:var(--koit-ivory-50)}.dim-door__cta,.dim-door__tagline{color:var(--koit-ivory-300)}.dim-door__cta{display:inline-flex;align-items:center;gap:var(--koit-space-2);transition:color var(--koit-dur-fast) var(--ease-koit-out)}.dim-door__arrow{width:16px;height:16px;transition:transform var(--koit-dur-fast) var(--ease-koit-out)}.dim-door:focus-visible .dim-door__cta,.dim-door:hover .dim-door__cta,.dim-door[data-active="1"] .dim-door__cta{color:var(--koit-ivory-50)}.dim-door:hover .dim-door__arrow,.dim-door[data-active="1"] .dim-door__arrow{transform:translateX(4px)}@media (min-width:1024px){.dim-door-item[data-lead] .dim-door__name{font-size:var(--koit-type-display-2-size);line-height:var(--koit-type-display-2-lh)}}.dim-room__inner{position:relative}.dim-hero{padding-bottom:var(--koit-space-12)}.dim-hero__back{display:inline-flex;align-items:center;gap:var(--koit-space-1);min-height:var(--koit-touch-target);margin-bottom:var(--koit-space-6);color:var(--koit-ivory-300)}.dim-hero__back:focus-visible,.dim-hero__back:hover{color:var(--koit-ivory-50)}.dim-hero__back svg{width:18px;height:18px}.dim-hero__grid{display:grid;align-items:end;gap:var(--koit-space-8)}@media (min-width:1024px){.dim-hero__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--koit-space-12)}}.dim-hero__text{display:grid;gap:var(--koit-space-4)}.dim-hero__bpm{color:var(--room-accent-text)}.dim-hero__title{color:var(--koit-ivory-50)}.dim-hero__tagline{color:var(--koit-ivory-300)}.dim-hero__field{position:relative;max-width:560px;overflow:hidden;border-radius:var(--koit-radius-xl)}.dim-hero__rule{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--room-accent)}.dim-room__body{display:grid;gap:var(--koit-space-16);padding-bottom:var(--koit-space-16)}.dim-section{display:grid;gap:var(--koit-space-6)}.dim-section__title{color:var(--koit-ivory-50)}.dim-moments,.dim-tracks{display:grid;gap:var(--koit-space-2);margin:0;padding:0;list-style:none}@media (max-width:767px){.dim-tracks .track-row__version{display:block;font-weight:400;font-size:var(--koit-type-body-sm-size);line-height:var(--koit-type-body-sm-lh)}.dim-tracks .track-row__paren{display:none}}.dim-tracks-more{margin-top:var(--koit-space-4)}.dim-tracks-more>summary{list-style:none;cursor:pointer;width:fit-content}.dim-tracks-more>summary::-webkit-details-marker{display:none}.dim-tracks-more:not([open]) .dim-tracks-more__hide,.dim-tracks-more[open] .dim-tracks-more__show{display:none}.dim-tracks-more>.dim-tracks{margin-top:var(--koit-space-4)}.dim-moment{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--koit-space-4);min-height:56px;padding:var(--koit-space-3) var(--koit-space-4);background:var(--koit-night-800);border-radius:var(--koit-radius-md);transition:background-color var(--koit-dur-ui) var(--ease-koit-out)}.dim-moment:hover{background:var(--koit-night-700)}.dim-moment__year{color:var(--koit-gold-400)}.dim-moment__title{color:var(--koit-ivory-50)}.dim-moment__arrow{width:18px;height:18px;color:var(--koit-chrome-500)}.dim-pager{display:grid;gap:var(--koit-space-6);padding-top:var(--koit-space-8);border-top:1px solid var(--koit-divider)}.dim-pager__list{display:grid;gap:var(--koit-space-4);margin:0;padding:0;list-style:none}@media (min-width:768px){.dim-pager__list{grid-template-columns:repeat(2,minmax(0,1fr))}.dim-pager__next{grid-column:2;justify-self:end;text-align:right}}.dim-pager__link{display:inline-flex;align-items:center;gap:var(--koit-space-3);min-height:var(--koit-touch-target);padding-block:var(--koit-space-2);color:var(--koit-ivory-50)}.dim-pager__link svg{width:24px;height:24px;flex:none;color:var(--koit-chrome-500);transition:transform var(--koit-dur-fast) var(--ease-koit-out)}.dim-pager__link[rel=next]:hover svg{transform:translateX(4px)}.dim-pager__link[rel=prev]:hover svg{transform:translateX(-4px)}.dim-pager__text{display:grid}.dim-pager__back{display:flex;flex-wrap:wrap;align-items:center;gap:var(--koit-space-4)}.dim-verb{position:relative;display:grid;gap:var(--koit-space-8);padding:var(--koit-space-6) var(--koit-space-4);overflow:hidden;background:color-mix(in srgb,var(--koit-night-900) 90%,transparent);border:1px solid var(--koit-divider);border-radius:var(--koit-radius-lg)}@media (min-width:768px){.dim-verb{padding:var(--koit-space-10)}}@media (min-width:1024px){.dim-verb{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;padding:var(--koit-space-12)}.dim-verb__status{grid-column:1/-1}}.dim-verb__head{display:grid;align-content:start;gap:var(--koit-space-4)}.dim-verb__eyebrow{color:var(--room-accent-text)}.dim-verb__title{color:var(--koit-ivory-50)}.dim-verb__description{max-width:52ch;color:var(--koit-ivory-300)}.dim-verb__track{display:flex;align-items:center;gap:var(--koit-space-3)}.dim-verb__track-text{display:grid;min-width:0}.dim-verb__track-title{color:var(--koit-ivory-50);overflow-wrap:anywhere}.dim-verb__stage{position:relative;display:grid;place-items:center;min-height:280px}.dim-range{-webkit-appearance:none;appearance:none;width:100%;height:var(--koit-touch-target);margin:0;background:linear-gradient(to right,var(--room-accent) var(--dim-progress,0),var(--koit-night-700) var(--dim-progress,0)) 50% /100% 4px no-repeat;border-radius:var(--koit-radius-xs);cursor:pointer}.dim-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:var(--koit-radius-disc);background:var(--room-accent);border:2px solid var(--koit-night-950)}.dim-range::-moz-range-thumb{width:24px;height:24px;border-radius:var(--koit-radius-disc);background:var(--room-accent);border:2px solid var(--koit-night-950)}.dim-range::-moz-range-track{background:transparent}.dim-range:focus-visible{outline:2px solid var(--koit-gold-400);outline-offset:var(--koit-focus-offset)}.dim-raise{display:grid;gap:var(--koit-space-6);width:100%}.dim-raise__control{display:grid;gap:var(--koit-space-2)}.dim-crowd{--raise:0;display:flex;align-items:flex-end;justify-content:center;height:190px;overflow:hidden;border-bottom:1px solid var(--koit-dawnline-seam);box-shadow:0 1px 24px 0 color-mix(in srgb,var(--room-accent) 18%,transparent)}.dim-crowd__fig{--eff:clamp(0,calc((var(--raise) - var(--lag)) / (1 - var(--lag))),1);flex:none;width:calc(46px * var(--s));height:calc(115px * var(--s));margin-inline:-7px;overflow:visible;transform:translateY(var(--shift))}.dim-crowd__body,.dim-crowd__head{fill:var(--koit-night-950);stroke:color-mix(in srgb,var(--room-accent) 45%,transparent);stroke-width:1}.dim-crowd__arm{stroke:var(--koit-night-950);stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 0 1px color-mix(in srgb,var(--room-accent) 70%,transparent));transform-box:view-box;transition:transform var(--koit-dur-fast) var(--ease-koit-rise)}.dim-crowd__arm--l{transform-origin:13px 36px;transform:rotate(calc(-165deg + var(--eff) * (150deg + var(--sway))))}.dim-crowd__arm--r{transform-origin:27px 36px;transform:rotate(calc(165deg - var(--eff) * (150deg - var(--sway))))}.dim-hold{--hold:0;position:relative;display:grid;place-items:center;width:100%;min-height:320px}.dim-fans{position:absolute;inset:0;overflow:hidden;pointer-events:none}.dim-fans__beam{position:absolute;bottom:10%;width:2px;height:88%;transform-origin:50% 100%;background:linear-gradient(to top,var(--room-accent),transparent);opacity:calc(.14 + var(--hold) * .5)}.dim-fans__beam--l{left:14%;transform:rotate(calc(20deg + var(--i) * (3deg + var(--hold) * 7deg)))}.dim-fans__beam--r{right:14%;transform:rotate(calc(-20deg + var(--i) * (3deg + var(--hold) * 7deg)))}.dim-platter{position:relative;z-index:1;width:min(240px,62vw);aspect-ratio:1;border-radius:var(--koit-radius-disc);cursor:grab;touch-action:none;user-select:none;outline-offset:6px}.dim-platter:active{cursor:grabbing}.dim-platter__disc{position:absolute;inset:0;border-radius:inherit;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 2px,color-mix(in srgb,var(--koit-night-950) 35%,transparent) 2px 3px),radial-gradient(circle at 35% 30%,var(--koit-chrome-500),var(--koit-night-700) 55%,var(--koit-night-950));border:1px solid var(--koit-chrome-500);transform:rotate(var(--angle,0deg)) scale(calc(1 + var(--hold) * .025));box-shadow:0 0 calc(var(--hold) * 40px) 0 color-mix(in srgb,var(--room-accent) 40%,transparent)}.dim-platter__label{position:absolute;inset:36%;border-radius:inherit;background:var(--room-secondary);opacity:calc(.6 + var(--hold) * .4)}.dim-platter__marker{position:absolute;left:50%;top:6%;width:3px;height:22%;margin-left:-1.5px;border-radius:var(--koit-radius-xs);background:var(--room-accent)}.dim-hold__state{position:absolute;bottom:0;color:var(--koit-ivory-500)}.dim-hold[data-holding="1"] .dim-hold__state{color:var(--room-accent-text)}.dim-tap{display:grid;justify-items:center;gap:var(--koit-space-6);width:100%}@media (min-width:768px){.dim-tap{grid-template-columns:auto auto;justify-content:center;align-items:center;gap:var(--koit-space-12)}}.dim-pad{position:relative;display:grid;place-items:center;width:min(220px,58vw);aspect-ratio:1;border-radius:var(--koit-radius-disc);background:radial-gradient(circle at 50% 38%,var(--koit-night-700),var(--koit-night-900));border:1px solid var(--koit-chrome-500);color:var(--koit-ivory-50);user-select:none;-webkit-tap-highlight-color:transparent;outline-offset:8px}.dim-pad:active{background:var(--koit-night-700)}.dim-pad__ring{position:absolute;inset:-6px;border-radius:inherit;border:2px solid transparent;transition:border-color var(--koit-dur-micro) var(--ease-koit-stamp),box-shadow var(--koit-dur-micro) var(--ease-koit-stamp)}.dim-tap[data-hit=perfect] .dim-pad__ring{border-color:var(--koit-gold-400);box-shadow:var(--koit-shadow-glow-gold)}.dim-tap[data-hit=off] .dim-pad__ring{border-color:var(--room-secondary)}.dim-pad__label{max-width:70%;text-align:center}.dim-tap__readout{display:grid;justify-items:start;gap:var(--koit-space-2)}.dim-tap__metro,.dim-tap__streak{display:flex;align-items:center;gap:var(--koit-space-3)}.dim-tap__dot{width:14px;height:14px;border-radius:var(--koit-radius-disc);background:var(--koit-night-700);border:1px solid var(--koit-chrome-500)}.dim-tap__dot[data-on="1"]{background:var(--room-accent);border-color:var(--room-accent)}.dim-tap__count{color:var(--koit-ivory-50)}.dim-tap__hit{color:var(--room-accent-text)}.dim-tap[data-hit=perfect] .dim-tap__hit{color:var(--koit-gold-400)}.dim-speed{--rate:1;display:grid;justify-items:center;gap:var(--koit-space-6);width:100%}.dim-speed__disc{position:relative;width:min(200px,52vw);aspect-ratio:1;border-radius:var(--koit-radius-disc);background:repeating-radial-gradient(circle at 50% 50%,transparent 0 2px,color-mix(in srgb,var(--koit-night-950) 25%,transparent) 2px 3px),radial-gradient(circle at 35% 30%,var(--koit-gold-200),var(--koit-gold-500) 40%,var(--koit-bronze-600) 78%);animation:koit-spin calc(1.333s / var(--rate)) linear infinite}.dim-speed__marker{position:absolute;left:50%;top:8%;width:3px;height:20%;margin-left:-1.5px;border-radius:var(--koit-radius-xs);background:var(--koit-night-950)}.dim-speed__control{display:grid;gap:var(--koit-space-2);width:100%;max-width:480px}.dim-speed__labels,.dim-speed__scale{display:flex;align-items:baseline;justify-content:space-between}.dim-speed__value{color:var(--room-accent-text)}@media (prefers-reduced-motion:reduce){.dim-door__frame{transform:none!important}.dim-speed__disc{animation:none}.dim-crowd__arm{transition:none!important}}@media (forced-colors:active){.dim-door__rule,.dim-hero__rule{background:CanvasText}.dim-tap__dot[data-on="1"]{background:Highlight}}}