.km-root,.km-intro,.km-session{--km-stage-max:1120px;--km-ink-900:color-mix(in oklch, var(--color-card) 62%, #000);--km-ink-800:color-mix(in oklch, var(--color-card) 80%, #000);--km-ink-600:color-mix(in oklch, var(--color-card) 92%, var(--color-foreground) 8%);--km-edge:color-mix(in oklch, var(--color-foreground) 15%, transparent);--km-edge-soft:color-mix(in oklch, var(--color-foreground) 8%, transparent);--km-lit:#ffffff38;--km-lit-soft:#ffffff1a;--km-teal:var(--color-primary);--km-teal-dim:color-mix(in oklch, var(--color-primary) 34%, transparent);--km-bore:clamp(3.4rem, 13vw, 6.5rem);--km-socket:clamp(5.2rem, 9.5vw, 6.4rem);--km-tube:calc(var(--km-socket) * .5);--km-vial-foot:2.4rem;min-height:100%;position:relative}@supports (color:lab(0% 0 0)){.km-root,.km-intro,.km-session{--km-lit:lab(100% 0 0/.22);--km-lit-soft:lab(100% 0 0/.1)}}.km-root{max-width:var(--km-stage-max);padding-inline:1rem;padding-block:.5rem calc(1rem + env(safe-area-inset-bottom,0px));flex-direction:column;gap:clamp(.45rem,1.2vw,.9rem);margin-inline:auto;display:flex}.km-backdrop{z-index:0;pointer-events:none;background:var(--color-background);position:fixed;inset:0;overflow:hidden}.km-backdrop-pattern{color:var(--color-gold);opacity:.8}.km-backdrop-vignette{background:radial-gradient(120% 78% at 50% 34%,#0000 0%,#00000057 62%,#0000009e 100%);background:radial-gradient(120% 78% at 50% 34%,#0000 0%,lab(0% 0 0/.34) 62%,lab(0% 0 0/.62) 100%);position:absolute;inset:0}.km-backdrop-beam{background:radial-gradient(56% 46% at 50% 30%, color-mix(in oklch, var(--km-teal) 7%, transparent), transparent 72%);width:min(62rem,88vw);position:absolute;inset-block:-10%;inset-inline-start:50%;translate:50%}.km-root>:not(.km-backdrop),.km-intro-stage,.km-session-stage{z-index:1;position:relative}.km-bar{background:color-mix(in oklch, var(--km-ink-800) 72%, transparent);box-shadow:inset 0 1px 0 var(--km-lit-soft), inset 0 0 0 1px var(--km-edge-soft);border-radius:999px;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;padding:.4rem .7rem;display:grid}.km-bar-plain{max-width:var(--km-stage-max);z-index:1;width:100%;margin-block:.5rem;margin-inline:auto;position:relative}.km-bar-back{color:var(--color-muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-self:start;align-items:center;gap:.35rem;padding:.3rem .55rem;font-size:.8125rem;text-decoration:none;transition:color .15s,background .15s;display:inline-flex}.km-bar-back:hover{color:var(--color-foreground);background:var(--km-edge-soft)}.km-bar-back:focus-visible{outline:2px solid var(--km-teal);outline-offset:2px}.km-bar-round{color:var(--color-muted-foreground);align-items:center;gap:.35rem;font-size:.8125rem;display:inline-flex}.km-bar-round-num{color:var(--color-foreground);font-weight:700}.km-bar-round-sep{background:var(--km-edge);width:1px;height:.7rem;rotate:18deg}.km-bar-side{justify-content:flex-end;justify-self:end;align-items:center;gap:.4rem;display:flex}.km-stage{flex-direction:column;align-items:center;gap:clamp(.35rem,1.1vw,.75rem);display:flex;position:relative;overflow:visible}.km-poetry{background:linear-gradient(180deg, color-mix(in oklch, var(--color-foreground) 5%, transparent), transparent 42%), color-mix(in oklch, var(--km-ink-800) 78%, transparent);width:100%;max-width:56rem;box-shadow:inset 0 1px 0 var(--km-lit), inset 0 0 0 1px var(--km-edge-soft), inset 0 -1px 0 var(--km-lit-soft), 0 18px 44px -30px #000000e6;border-radius:1.5rem;padding:clamp(1rem,2.6vw,1.85rem) clamp(1.25rem,4vw,3.25rem) 0;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.km-poetry{box-shadow:inset 0 1px 0 var(--km-lit), inset 0 0 0 1px var(--km-edge-soft), inset 0 -1px 0 var(--km-lit-soft), 0 18px 44px -30px lab(0% 0 0/.9)}}.km-poetry-glow{pointer-events:none;background:radial-gradient(72% 90% at 50% 0%, color-mix(in oklch, var(--km-teal) 6%, transparent), transparent 68%);position:absolute;inset:0}.km-poetry-corner{width:clamp(3rem,7vw,4.5rem);height:clamp(3rem,7vw,4.5rem);color:var(--color-foreground);opacity:.06;pointer-events:none;position:absolute}.km-poetry-corner-a{top:-.6rem;inset-inline-start:-.6rem}.km-poetry-corner-b{bottom:2.4rem;inset-inline-end:-.9rem;rotate:22deg}.km-poetry-body{text-align:center;flex-direction:column;align-items:center;gap:.1rem;min-height:4.6rem;padding-bottom:clamp(.85rem,2vw,1.4rem);display:flex;position:relative}.km-verse-line{color:var(--color-foreground);text-wrap:balance;max-width:44rem;font-size:clamp(1.15rem,2.9vw,1.65rem);line-height:2}.km-verse-skeleton{background:linear-gradient(90deg, var(--km-edge-soft) 25%, color-mix(in oklch, var(--color-foreground) 13%, transparent) 50%, var(--km-edge-soft) 75%);background-size:200% 100%;border-radius:999px;width:min(26rem,64vw);height:1.3em;margin-block:.28em;animation:1.6s ease-in-out infinite km-shimmer;display:block}.km-verse-skeleton-b{width:min(22rem,54vw);animation-delay:.16s}@keyframes km-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.km-poetry-rail{border-top:1px solid var(--km-edge-soft);background:#00000029;background:lab(0% 0 0/.16);margin-inline:calc(-1*clamp(1.25rem,4vw,3.25rem));padding:.5rem clamp(1.25rem,4vw,3.25rem);position:relative}.km-rail{align-items:center;gap:.65rem;display:flex}.km-rail-key{cursor:pointer;width:1.9rem;height:1.9rem;color:color-mix(in oklch, var(--km-teal) 85%, var(--color-foreground));background:color-mix(in oklch, var(--km-teal) 12%, transparent);box-shadow:inset 0 0 0 1px var(--km-teal-dim), inset 0 1px 0 var(--km-lit-soft);border:0;border-radius:50%;flex:none;place-items:center;padding:0;transition:background .16s,box-shadow .16s,transform .12s;display:inline-grid}.km-rail-key:hover:not(:disabled){background:color-mix(in oklch, var(--km-teal) 22%, transparent)}.km-rail-key:active:not(:disabled){transform:scale(.94)}.km-rail-key:disabled{opacity:.4;cursor:default}.km-rail-key:focus-visible{outline:2px solid var(--km-teal);outline-offset:2px}.km-rail[data-playing] .km-rail-key{background:color-mix(in oklch, var(--km-teal) 26%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--km-teal) 55%, transparent), 0 0 14px -4px color-mix(in oklch, var(--km-teal) 60%, transparent)}.km-rail-key-face{display:inline-flex}.km-rail-label{color:var(--color-muted-foreground);letter-spacing:.01em;flex:none;min-width:4.5rem;font-size:.75rem}.km-rail[data-playing] .km-rail-label{color:color-mix(in oklch, var(--km-teal) 72%, var(--color-foreground))}.km-rail-track{--km-progress:0;flex:1;align-items:center;height:.5rem;display:flex;position:relative}.km-rail-groove{height:3px;box-shadow:inset 0 1px 1px #0009, 0 1px 0 var(--km-lit-soft);background:#00000073;background:lab(0% 0 0/.45);border-radius:3px;position:absolute;inset-inline:0}@supports (color:lab(0% 0 0)){.km-rail-groove{box-shadow:inset 0 1px 1px lab(0% 0 0/.6), 0 1px 0 var(--km-lit-soft)}}.km-rail-fill{height:3px;width:calc(var(--km-progress) * 100%);background:linear-gradient(90deg, color-mix(in oklch, var(--km-teal) 30%, transparent), color-mix(in oklch, var(--km-teal) 80%, transparent));border-radius:3px;position:absolute;inset-inline-start:0}.km-rail-pulse{background:var(--km-teal);opacity:0;border-radius:50%;width:.5rem;height:.5rem;transition:opacity .2s;position:absolute;inset-inline-start:calc(var(--km-progress) * 100%);translate:50%}.km-rail[data-playing] .km-rail-pulse{opacity:1;box-shadow:0 0 10px -1px color-mix(in oklch, var(--km-teal) 75%, transparent);animation:1.1s ease-in-out infinite km-pulse}@keyframes km-pulse{0%,to{scale:1}50%{scale:1.35}}.km-rail-failed{justify-content:center}.km-rail-note{color:var(--color-muted-foreground);font-size:.75rem}.km-spine{background:linear-gradient(180deg, transparent, color-mix(in oklch, var(--km-teal) 35%, transparent), transparent);width:1px;height:clamp(.6rem,1.8vw,1.5rem)}.km-apparatus{flex-direction:column;align-items:center;width:100%;max-width:52rem;display:flex;position:relative}.km-chamber{justify-content:center;align-items:center;width:100%;padding-inline:.85rem;display:flex;position:relative}.km-chamber-port{background:linear-gradient(180deg, var(--km-ink-600), var(--km-ink-900));width:.95rem;height:34%;box-shadow:inset 0 1px 0 var(--km-lit-soft), inset 0 0 0 1px var(--km-edge-soft);border-radius:.3rem;position:absolute;top:50%;translate:0 -50%}.km-chamber-port-a{inset-inline-start:0}.km-chamber-port-b{inset-inline-end:0}.km-chamber-glass{background:linear-gradient(180deg, color-mix(in oklch, var(--color-foreground) 12%, transparent), color-mix(in oklch, var(--color-foreground) 3%, transparent) 40%, #0000003d);box-shadow:inset 0 1px 0 var(--km-lit), inset 0 0 0 1px var(--km-edge), inset 0 -1px 0 var(--km-lit-soft), 0 20px 46px -26px #000000e0;border-radius:2.35rem;flex:1;padding:.55rem;position:relative;transform:translateZ(0)}@supports (color:lab(0% 0 0)){.km-chamber-glass{background:linear-gradient(180deg, color-mix(in oklch, var(--color-foreground) 12%, transparent), color-mix(in oklch, var(--color-foreground) 3%, transparent) 40%, lab(0% 0 0/.24));box-shadow:inset 0 1px 0 var(--km-lit), inset 0 0 0 1px var(--km-edge), inset 0 -1px 0 var(--km-lit-soft), 0 20px 46px -26px lab(0% 0 0/.88)}}.km-chamber-inner{height:var(--km-bore);isolation:isolate;border-radius:1.85rem;position:relative;overflow:hidden}.km-chamber-air{background:radial-gradient(120% 150% at 50% -30%, color-mix(in oklch, var(--color-lapis) 62%, transparent), transparent 62%), linear-gradient(180deg, color-mix(in oklch, var(--color-lapis) 52%, var(--color-card)), color-mix(in oklch, var(--color-lapis) 26%, var(--color-card)) 58%, color-mix(in oklch, #000 34%, var(--color-card)));position:absolute;inset:0;box-shadow:inset 0 4px 10px -5px #000000b8,inset 0 -3px 8px -4px #0000008c;box-shadow:inset 0 4px 10px -5px lab(0% 0 0/.72),inset 0 -3px 8px -4px lab(0% 0 0/.55)}.km-chamber-sheen{inset-inline:6%;z-index:6;pointer-events:none;background:linear-gradient(#ffffff21,#0000);background:linear-gradient(lab(100% 0 0/.13),#0000);border-radius:999px;height:22%;position:absolute;top:11%}.km-chamber-floor{inset-inline:0;z-index:5;pointer-events:none;background:linear-gradient(#0000,#0006);background:linear-gradient(#0000,lab(0% 0 0/.4));height:26%;position:absolute;bottom:0}.km-chamber-highlight{inset-inline:8%;pointer-events:none;background:linear-gradient(#ffffff29,#0000);background:linear-gradient(lab(100% 0 0/.16),#0000);border-radius:999px;height:.5rem;position:absolute;top:.24rem}.km-chamber-lip{box-shadow:inset 1px 0 0 var(--km-lit-soft), inset -1px 0 0 var(--km-lit-soft);pointer-events:none;border-radius:2.35rem;position:absolute;inset:0}.km-chamber-base{bottom:-.34rem;background:linear-gradient(180deg, var(--km-ink-600), var(--km-ink-900));border-radius:0 0 .4rem .4rem;width:34%;height:.42rem;position:absolute;inset-inline-start:50%;translate:50%;box-shadow:0 6px 14px -9px #000000e6;box-shadow:0 6px 14px -9px lab(0% 0 0/.9)}.km-slots{grid-template-columns:repeat(var(--km-slots), 1fr);z-index:2;margin:0;padding:0;list-style:none;display:grid;position:absolute;inset:0}.km-slot-cell{display:flex;position:relative}.km-etch{opacity:.9;pointer-events:none;z-index:4;background:linear-gradient(90deg,#ffffff29,#0000008c 42% 58%,#ffffff29);background:linear-gradient(90deg,lab(100% 0 0/.16),lab(0% 0 0/.55) 42% 58%,lab(100% 0 0/.16));width:3px;transition:opacity .42s;position:absolute;inset-block:0;inset-inline-start:-1px}.km-slot{cursor:pointer;background:0 0;border:0;flex:1;padding:0;position:relative;overflow:hidden}.km-slot[aria-disabled=true]{cursor:default}.km-liquid{transform-origin:bottom;opacity:0;z-index:1;position:absolute;inset:14% 0 0;transform:scaleY(0)}.km-slot[data-filled] .km-liquid{opacity:1;transform:scaleY(1)}.km-liquid-body{background:linear-gradient(180deg, var(--km-ink-top,transparent), var(--km-ink,transparent) 34%, var(--km-ink-deep,transparent));position:absolute;inset:0}.km-liquid-meniscus{inset-inline:0;background:linear-gradient(#ffffff85,#ffffff0f);background:linear-gradient(lab(100% 0 0/.52),lab(100% 0 0/.06));height:5px;position:absolute;top:0}.km-liquid-sheen{background:linear-gradient(90deg,#00000038,#0000 16%,#ffffff14 46%,#0000 72%,#00000038);background:linear-gradient(90deg,lab(0% 0 0/.22),#0000 16%,lab(100% 0 0/.08) 46%,#0000 72%,lab(0% 0 0/.22));position:absolute;inset:0}.km-slot[data-filled] .km-liquid-sheen{animation:7s ease-in-out infinite alternate km-drift}@keyframes km-drift{0%{transform:translate(-2%)}to{transform:translate(2%)}}.km-slot[data-pouring] .km-liquid{animation:km-fill var(--km-fill-duration,.3s) cubic-bezier(.22, .75, .3, 1) var(--km-fill-delay,0s) both}@keyframes km-fill{0%{opacity:.55;transform:scaleY(0)}62%{opacity:1;transform:scaleY(1.05)}to{opacity:1;transform:scaleY(1)}}.km-slot-mark{color:#050d16e0;color:lab(3.35059% -.876159 -5.81483/.88);z-index:3;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.km-slot-mark .km-glyph{opacity:.9;width:auto;max-width:76%;height:clamp(.85rem,1.9vw,1.25rem)}.km-slot[data-pouring] .km-slot-mark{animation:km-mark-in var(--km-fill-duration,.3s) ease-out var(--km-fill-delay,0s) both}@keyframes km-mark-in{0%{opacity:0}58%{opacity:0}to{opacity:1}}.km-slot-edge{opacity:0;z-index:5;pointer-events:none;transition:opacity .17s;position:absolute;inset:0;box-shadow:inset 0 0 0 1.5px #fff6;box-shadow:inset 0 0 0 1.5px lab(100% 0 0/.4)}@media (hover:hover) and (pointer:fine){.km-slot[data-filled]:hover:not([aria-disabled=true]) .km-slot-edge{opacity:1}}.km-slot[data-active] .km-slot-edge{opacity:1;box-shadow:inset 0 0 0 2px color-mix(in oklch, var(--km-teal) 72%, transparent), inset 0 0 14px -4px color-mix(in oklch, var(--km-teal) 60%, transparent)}.km-slot:focus-visible{outline:none}.km-slot:focus-visible .km-slot-edge{opacity:1;box-shadow:inset 0 0 0 2px var(--km-teal)}.km-chamber[data-mode=analyzing] .km-chamber-glass{animation:1.15s ease-in-out infinite km-analyze}@keyframes km-analyze{0%,to{box-shadow:inset 0 1px 0 var(--km-lit), inset 0 0 0 1px var(--km-edge), 0 20px 46px -26px #000000e0}50%{box-shadow:inset 0 1px 0 var(--km-lit), inset 0 0 0 1px color-mix(in oklch, var(--km-teal) 40%, transparent), 0 0 30px -12px color-mix(in oklch, var(--km-teal) 45%, transparent), 0 20px 46px -26px #000000e0}}@supports (color:lab(0% 0 0)){@keyframes km-analyze{0%,to{box-shadow:inset 0 1px 0 var(--km-lit), inset 0 0 0 1px var(--km-edge), 0 20px 46px -26px lab(0% 0 0/.88)}50%{box-shadow:inset 0 1px 0 var(--km-lit), inset 0 0 0 1px color-mix(in oklch, var(--km-teal) 40%, transparent), 0 0 30px -12px color-mix(in oklch, var(--km-teal) 45%, transparent), 0 20px 46px -26px lab(0% 0 0/.88)}}}.km-merge{opacity:0;z-index:3;pointer-events:none;position:absolute;inset:0}.km-merge-body{background:linear-gradient(180deg, var(--km-result-top,transparent), var(--km-result,transparent) 40%, var(--km-result-deep,transparent));position:absolute;inset:0}.km-merge-meniscus{inset-inline:0;background:linear-gradient(#ffffff8c,#ffffff0d);background:linear-gradient(lab(100% 0 0/.55),lab(100% 0 0/.05));height:5px;position:absolute;top:0}.km-merge-swirl{opacity:0;background:linear-gradient(90deg,#0000,#ffffff24,#0000);background:linear-gradient(90deg,#0000,lab(100% 0 0/.14),#0000);width:46%;position:absolute;inset-block:0}.km-merge-swirl-a{--km-swirl-shift:52%;inset-inline-start:0}.km-merge-swirl-b{--km-swirl-shift:-52%;inset-inline-end:0}.km-merge-mote{opacity:0;background:#fff9;background:lab(100% 0 0/.6);border-radius:50%;width:4px;height:4px;position:absolute;bottom:14%}.km-merge-mote-a{inset-inline-start:36%}.km-merge-mote-b{inset-inline-start:61%}.km-chamber[data-merged] .km-merge{animation:.52s cubic-bezier(.32,.72,.28,1) forwards km-merge-in}.km-chamber[data-merged] .km-etch{opacity:0}@keyframes km-merge-in{0%{opacity:0}to{opacity:1}}.km-chamber[data-mode=correct] .km-merge-swirl{animation:.9s cubic-bezier(.4,0,.3,1) both km-swirl}.km-chamber[data-mode=correct] .km-merge-swirl-b{animation-delay:80ms}@keyframes km-swirl{0%{opacity:0;transform:translate(0)}35%{opacity:1}to{opacity:0;transform:translateX(var(--km-swirl-shift,30%))}}.km-chamber[data-mode=correct] .km-chamber-glass{animation:1.15s cubic-bezier(.22,.8,.3,1) .3s both km-settle}@keyframes km-settle{0%{box-shadow:inset 0 1px 0 var(--km-lit), inset 0 0 0 1px var(--km-edge), 0 20px 46px -26px #000000e0}45%{box-shadow:inset 0 1px 0 var(--km-lit), inset 0 0 0 1px color-mix(in oklch, var(--km-result,#fff) 45%, transparent), 0 0 52px -10px color-mix(in oklch, var(--km-result,#fff) 52%, transparent), 0 20px 46px -26px #000000e0}to{box-shadow:inset 0 1px 0 var(--km-lit), inset 0 0 0 1px color-mix(in oklch, var(--km-result,#fff) 28%, transparent), 0 0 32px -14px color-mix(in oklch, var(--km-result,#fff) 38%, transparent), 0 20px 46px -26px #000000e0}}@supports (color:lab(0% 0 0)){@keyframes km-settle{0%{box-shadow:inset 0 1px 0 var(--km-lit), inset 0 0 0 1px var(--km-edge), 0 20px 46px -26px lab(0% 0 0/.88)}45%{box-shadow:inset 0 1px 0 var(--km-lit), inset 0 0 0 1px color-mix(in oklch, var(--km-result,#fff) 45%, transparent), 0 0 52px -10px color-mix(in oklch, var(--km-result,#fff) 52%, transparent), 0 20px 46px -26px lab(0% 0 0/.88)}to{box-shadow:inset 0 1px 0 var(--km-lit), inset 0 0 0 1px color-mix(in oklch, var(--km-result,#fff) 28%, transparent), 0 0 32px -14px color-mix(in oklch, var(--km-result,#fff) 38%, transparent), 0 20px 46px -26px lab(0% 0 0/.88)}}}.km-chamber[data-mode=correct] .km-merge-mote{animation:1.1s ease-out .64s both km-mote}.km-chamber[data-mode=correct] .km-merge-mote-b{animation-delay:.84s}@keyframes km-mote{0%{opacity:0;transform:translateY(0)scale(.6)}30%{opacity:.85}to{opacity:0;transform:translateY(-150%)scale(1)}}.km-chamber[data-mode=wrong] .km-chamber-glass{animation:.56s cubic-bezier(.36,.07,.3,1) both km-wobble}@keyframes km-wobble{0%,to{transform:translateZ(0)translate(0)}22%{transform:translateZ(0)translate(-2px)}55%{transform:translateZ(0)translate(1.5px)}80%{transform:translateZ(0)translate(-.6px)}}.km-chamber[data-mode=wrong] .km-merge-meniscus{animation:.95s ease-in-out both km-unstable}.km-chamber[data-mode=wrong] .km-merge-swirl{animation:.85s cubic-bezier(.5,.1,.4,1) both km-swirl-bad}@keyframes km-swirl-bad{0%{opacity:0;transform:translate(0)}30%{opacity:.7}60%{transform:translateX(calc(var(--km-swirl-shift,30%) * .5));opacity:.4}to{opacity:0;transform:translateX(calc(var(--km-swirl-shift,30%) * .2))}}@keyframes km-unstable{0%,to{opacity:.7;transform:translateY(0)}30%{opacity:.25;transform:translateY(2px)}62%{opacity:.45;transform:translateY(-1px)}}.km-result-surface{background:linear-gradient(180deg, color-mix(in oklch, var(--km-ink-900) 55%, transparent), color-mix(in oklch, var(--km-ink-900) 20%, transparent));width:min(100%,27rem);height:5.15rem;box-shadow:inset 0 -1px 0 color-mix(in oklch, var(--color-foreground) 5%, transparent);border-radius:0 0 1.4rem 1.4rem;margin-top:-.15rem;padding-top:.7rem;transition:box-shadow .4s,background .4s;position:relative;overflow:hidden}.km-result-surface:not([data-kind=idle]){background:linear-gradient(180deg, color-mix(in oklch, var(--km-ink-800) 94%, transparent), color-mix(in oklch, var(--km-ink-900) 74%, transparent));box-shadow:inset 0 -1px 0 var(--km-lit-soft), inset 1px 0 0 var(--km-edge-soft), inset -1px 0 0 var(--km-edge-soft)}.km-result-lip{top:.42rem;background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--color-foreground) 18%, transparent), transparent);width:34%;height:1px;position:absolute;inset-inline-start:50%;translate:50%}.km-result-inner{text-align:center;align-content:center;justify-items:center;gap:.14rem;padding:.7rem 1rem .35rem;display:grid;position:absolute;inset:0}.km-result-surface[data-kind=correct]{box-shadow:inset 0 -1px 0 color-mix(in oklch, var(--km-result,var(--km-teal)) 40%, transparent), inset 1px 0 0 color-mix(in oklch, var(--km-result,var(--km-teal)) 24%, transparent), inset -1px 0 0 color-mix(in oklch, var(--km-result,var(--km-teal)) 24%, transparent), 0 12px 30px -20px color-mix(in oklch, var(--km-result,var(--km-teal)) 70%, transparent)}.km-result-head{color:color-mix(in oklch, var(--km-teal) 82%, var(--color-foreground));font-size:clamp(.95rem,2.2vw,1.15rem);line-height:1.35;animation:.38s cubic-bezier(.16,1,.3,1) both km-rise}.km-result-head-wrong{color:color-mix(in oklch, var(--color-foreground) 74%, var(--color-destructive))}.km-result-seq{white-space:nowrap;color:var(--color-foreground);letter-spacing:.01em;font-size:clamp(.72rem,2.6vw,.9rem);line-height:1.45;animation:.38s cubic-bezier(.16,1,.3,1) .11s both km-rise}.km-result-meter{color:var(--color-muted-foreground);font-size:.75rem;line-height:1.4;animation:.38s cubic-bezier(.16,1,.3,1) .2s both km-rise}.km-result-hint{color:var(--color-muted-foreground);font-size:.8125rem;line-height:1.7;animation:.32s cubic-bezier(.16,1,.3,1) 90ms both km-rise}.km-result-error{color:color-mix(in oklch, var(--color-destructive) 78%, var(--color-foreground));font-size:.8125rem;line-height:1.7}.km-result-idle{color:color-mix(in oklch, var(--color-muted-foreground) 82%, transparent);letter-spacing:.01em;font-size:.8125rem}@keyframes km-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.km-stream{z-index:20;position:absolute;inset:0;overflow:visible}.km-stream-tube{fill:none;stroke:color-mix(in oklch, var(--color-foreground) 18%, transparent);stroke-width:1.5px;stroke-linecap:round;animation:.4s ease-out both km-tube-hint}@keyframes km-tube-hint{0%{opacity:0}30%{opacity:1}to{opacity:0}}.km-stream-flow{fill:none;stroke-width:5px;stroke-linecap:round;filter:drop-shadow(0 0 5px);animation:cubic-bezier(.4,.05,.25,1) both km-flow}@keyframes km-flow{0%{stroke-dashoffset:calc(var(--km-stream-head) * 1px);opacity:.35}12%{opacity:1}88%{opacity:1}to{stroke-dashoffset:calc(var(--km-stream-span) * -1px);opacity:.15}}.km-rack{width:100%;max-width:62rem;position:relative}.km-rack:before,.km-rack:after{content:"";z-index:3;pointer-events:none;opacity:0;width:3rem;transition:opacity .22s;position:absolute;inset-block:0}.km-rack:before{background:linear-gradient(to left, transparent, var(--color-background));inset-inline-start:0}.km-rack:after{background:linear-gradient(to right, transparent, var(--color-background));inset-inline-end:0}.km-rack[data-fade-start]:before,.km-rack[data-fade-end]:after{opacity:.9}.km-rack-track{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:.3rem .75rem 0;scroll-padding-inline:.75rem;position:relative;overflow-x:auto}.km-rack-track::-webkit-scrollbar{display:none}.km-rack-beam{inset-inline:0;bottom:calc(var(--km-vial-foot) + .05rem);background:linear-gradient(180deg, var(--km-ink-600), var(--km-ink-800) 52%, color-mix(in oklch, #000 45%, var(--km-ink-900)));height:1.05rem;box-shadow:inset 0 1px 0 var(--km-lit-soft), inset 0 -1px 0 #0009, 0 5px 14px -9px #000000e0;z-index:1;pointer-events:none;border-radius:.2rem;position:absolute}@supports (color:lab(0% 0 0)){.km-rack-beam{box-shadow:inset 0 1px 0 var(--km-lit-soft), inset 0 -1px 0 lab(0% 0 0/.6), 0 5px 14px -9px lab(0% 0 0/.88)}}.km-rack-list{z-index:2;justify-content:safe center;align-items:flex-end;min-width:100%;margin:0;padding:0;list-style:none;display:flex;position:relative}.km-rack-slot{flex:0 0 var(--km-socket);scroll-snap-align:center;justify-content:center;display:flex}.km-vial{width:var(--km-socket);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:.3rem;min-height:44px;padding:.35rem 0 0;transition:transform .17s cubic-bezier(.22,.8,.3,1);display:flex}.km-vial[aria-disabled=true]{cursor:default;opacity:.55}@media (hover:hover) and (pointer:fine){.km-vial:hover:not([aria-disabled=true]){transform:translateY(-4px)}.km-vial:hover:not([aria-disabled=true]) .km-vial-glass{box-shadow:inset 0 0 0 1px #ffffff42, inset 0 1px 0 #ffffff4d, 0 8px 18px -12px color-mix(in oklch, var(--km-ink) 80%, transparent)}@supports (color:lab(0% 0 0)){.km-vial:hover:not([aria-disabled=true]) .km-vial-glass{box-shadow:inset 0 0 0 1px lab(100% 0 0/.26), inset 0 1px 0 lab(100% 0 0/.3), 0 8px 18px -12px color-mix(in oklch, var(--km-ink) 80%, transparent)}}.km-vial:hover:not([aria-disabled=true]) .km-vial-name{color:var(--color-foreground)}}.km-vial:active:not([aria-disabled=true]){transform:translateY(-1px)}.km-vial:focus-visible{outline:2px solid var(--km-teal);outline-offset:3px;border-radius:.7rem}.km-vial[data-pouring]{transform:translateY(-5px)}.km-vial[data-recent] .km-vial-socket{opacity:1;box-shadow:0 0 10px -2px color-mix(in oklch, var(--km-ink) 75%, transparent)}.km-vial-tube{width:var(--km-tube);flex-direction:column;align-items:center;display:flex;position:relative}.km-vial-rim{width:118%;height:.3rem;box-shadow:inset 0 0 0 1px var(--km-edge);background:linear-gradient(#ffffff42,#00000057);background:linear-gradient(lab(100% 0 0/.26),lab(0% 0 0/.34));border-radius:.16rem}.km-vial-glass{width:100%;height:calc(var(--km-tube) * 2.6);background:linear-gradient(180deg, color-mix(in oklch, var(--color-foreground) 7%, transparent), #00000052);box-shadow:inset 0 0 0 1px var(--km-edge), inset 0 1px 0 #ffffff38;border-radius:.16rem .16rem 999px 999px;transition:box-shadow .17s;position:relative;overflow:hidden;transform:translateZ(0)}@supports (color:lab(0% 0 0)){.km-vial-glass{background:linear-gradient(180deg, color-mix(in oklch, var(--color-foreground) 7%, transparent), lab(0% 0 0/.32));box-shadow:inset 0 0 0 1px var(--km-edge), inset 0 1px 0 lab(100% 0 0/.22)}}.km-vial-liquid{inset-inline:0;background:linear-gradient(180deg, var(--km-ink-top), var(--km-ink) 34%, var(--km-ink-deep));height:68%;transition:height .34s cubic-bezier(.22,.8,.3,1);position:absolute;bottom:0}.km-vial[data-pouring] .km-vial-liquid{height:54%}.km-vial-meniscus{inset-inline:0;background:linear-gradient(#ffffff7a,#ffffff0a);background:linear-gradient(lab(100% 0 0/.48),lab(100% 0 0/.04));height:3px;position:absolute;top:0}.km-bubble{opacity:0;background:#ffffff73;background:lab(100% 0 0/.45);border-radius:50%;width:4px;height:4px;animation:6s ease-in-out infinite km-bubble;position:absolute}.km-bubble-a{inset-inline-start:30%;animation-delay:.6s;bottom:12%}.km-bubble-b{inset-inline-start:62%;animation-delay:3.2s;bottom:6%}@keyframes km-bubble{0%,74%{opacity:0;transform:translateY(0)}80%{opacity:.5}to{opacity:0;transform:translateY(-200%)}}.km-vial-sheen{top:6%;pointer-events:none;background:linear-gradient(#ffffff4d,#0000);background:linear-gradient(lab(100% 0 0/.3),#0000);border-radius:999px;width:13%;height:54%;position:absolute;inset-inline-start:20%}.km-vial-edge{border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset -2px 0 3px -2px #ffffff42,inset 2px 0 4px -2px #0000009e;box-shadow:inset -2px 0 3px -2px lab(100% 0 0/.26),inset 2px 0 4px -2px lab(0% 0 0/.62)}.km-vial-socket{bottom:-.28rem;opacity:.85;pointer-events:none;background:radial-gradient(58% 100% at 50% 40%,#000000bd,#0000 72%);background:radial-gradient(58% 100% at 50% 40%,lab(0% 0 0/.74),#0000 72%);border-radius:50%;height:.5rem;transition:opacity .17s,box-shadow .17s;position:absolute;inset-inline:-10%}.km-vial-name{color:color-mix(in oklch, var(--color-foreground) 78%, transparent);text-align:center;white-space:nowrap;font-size:clamp(.6875rem,1.5vw,.8125rem);line-height:1.25;transition:color .17s}.km-vial-glyph{height:.7rem;color:color-mix(in oklch, var(--color-foreground) 42%, transparent);align-items:center;line-height:0;display:flex}.km-vial-glyph .km-glyph{width:auto;max-width:100%;height:.62rem}.km-bench{grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;width:100%;max-width:52rem;margin-top:.15rem;display:grid}.km-bench-side{background:color-mix(in oklch, var(--km-ink-800) 60%, transparent);box-shadow:inset 0 0 0 1px var(--km-edge-soft);border-radius:999px;justify-self:start;align-items:center;gap:.15rem;padding:.2rem;display:inline-flex}.km-bench-side-ghost{box-shadow:none;visibility:hidden;background:0 0;justify-self:end}.km-tertiary{color:var(--color-muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.3rem;padding:.35rem .6rem;font-size:.8125rem;text-decoration:none;transition:color .15s,background .15s;display:inline-flex}.km-tertiary:hover:not(:disabled){color:var(--color-foreground);background:var(--km-edge-soft)}.km-tertiary:disabled{opacity:.38;cursor:default}.km-tertiary:focus-visible{outline:2px solid var(--km-teal);outline-offset:2px}.km-cta{background:var(--km-teal);min-width:11.5rem;color:var(--color-primary-foreground);cursor:pointer;box-shadow:0 2px 0 var(--color-primary-deep), 0 10px 24px -16px color-mix(in oklch, var(--km-teal) 85%, transparent);border:0;border-radius:.8rem;justify-content:center;align-items:center;gap:.45rem;padding:.62rem 1.5rem;font-size:.9375rem;font-weight:700;transition:filter .15s,transform .12s,box-shadow .12s;display:inline-flex;position:relative}.km-cta:hover:not(:disabled){filter:brightness(1.08)}.km-cta:active:not(:disabled){box-shadow:0 0 0 var(--color-primary-deep);transform:translateY(2px)}.km-cta:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.km-cta:disabled{cursor:default;background:color-mix(in oklch, var(--km-teal) 22%, var(--color-card));color:color-mix(in oklch, var(--color-foreground) 60%, transparent);box-shadow:inset 0 0 0 1px var(--km-edge-soft)}.km-cta-next{animation:.32s cubic-bezier(.16,1,.3,1) both km-cta-in}@keyframes km-cta-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.km-cta-label[data-busy]{opacity:.55}.km-cta-spin{border:2px solid color-mix(in oklch, currentColor 35%, transparent);border-top-color:currentColor;border-radius:50%;width:.85rem;height:.85rem;animation:.7s linear infinite km-spin;position:absolute;inset-inline-end:.85rem}@keyframes km-spin{to{rotate:360deg}}.km-offline{text-align:center;flex-direction:column;align-items:center;gap:.7rem;padding:clamp(2.5rem,9vw,5rem) 1rem;display:flex}.km-offline-mark{background:color-mix(in oklch, #000 40%, var(--color-card));width:3.5rem;height:1.1rem;box-shadow:inset 0 0 0 1px var(--km-edge), inset 0 2px 5px -2px #000c;border-radius:999px/.5rem}@supports (color:lab(0% 0 0)){.km-offline-mark{box-shadow:inset 0 0 0 1px var(--km-edge), inset 0 2px 5px -2px lab(0% 0 0/.8)}}.km-offline-title{color:var(--color-foreground);font-size:1.1rem}.km-offline-note{color:var(--color-muted-foreground);max-width:28rem;font-size:.875rem;line-height:1.8}.km-intro{padding-inline:1rem;flex-direction:column;padding-bottom:2rem;display:flex}.km-intro-stage{max-width:var(--km-stage-max);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,5vw,4rem);width:100%;min-height:min(30rem,68vh);margin-inline:auto;padding-block:clamp(1rem,4vh,2.5rem);display:grid}.km-intro-copy{text-align:start;flex-direction:column;align-items:flex-start;gap:.35rem;display:flex}.km-intro-eyebrow{letter-spacing:.12em;color:color-mix(in oklch, var(--km-teal) 70%, var(--color-muted-foreground));font-size:.75rem}.km-intro-title{color:var(--color-foreground);font-size:clamp(2rem,6.5vw,3.25rem);line-height:1.25}.km-intro-lede{color:var(--color-muted-foreground);max-width:22rem;font-size:clamp(.9375rem,2.2vw,1.0625rem);line-height:1.9}.km-intro-cta{margin-top:1rem}.km-demo{direction:ltr;flex-direction:column;width:100%;max-width:23rem;margin-inline:auto;display:flex}.km-demo-poetry{background:linear-gradient(180deg, color-mix(in oklch, var(--color-foreground) 5%, transparent), transparent 45%), color-mix(in oklch, var(--km-ink-800) 76%, transparent);box-shadow:inset 0 1px 0 var(--km-lit), inset 0 0 0 1px var(--km-edge-soft);border-radius:.95rem;flex-direction:column;align-items:center;gap:.4rem;padding:.95rem 1rem .55rem;display:flex}.km-demo-verse{background:color-mix(in oklch, var(--color-foreground) 28%, transparent);border-radius:999px;width:74%;height:.4rem}.km-demo-verse-b{opacity:.68;width:58%}.km-demo-rail{border-top:1px solid var(--km-edge-soft);align-items:center;gap:.4rem;width:100%;margin-top:.2rem;padding-top:.45rem;display:flex}.km-demo-rail-key{background:color-mix(in oklch, var(--km-teal) 30%, transparent);width:.9rem;height:.9rem;box-shadow:inset 0 0 0 1px var(--km-teal-dim);border-radius:50%;flex:none;animation:4s ease-in-out infinite km-demo-key}@keyframes km-demo-key{0%,8%{background:color-mix(in oklch, var(--km-teal) 75%, transparent)}26%,to{background:color-mix(in oklch, var(--km-teal) 26%, transparent)}}.km-demo-rail-track{background:#0000006b;background:lab(0% 0 0/.42);border-radius:2px;flex:1;height:2px;position:relative}.km-demo-rail-pulse{background:var(--km-teal);border-radius:50%;width:.32rem;height:.32rem;animation:4s cubic-bezier(.4,0,.5,1) infinite km-demo-pulse;position:absolute;top:50%;translate:0 -50%}@keyframes km-demo-pulse{0%{opacity:0;left:0}6%{opacity:1}30%{opacity:1;left:100%}36%,to{opacity:0;left:100%}}.km-demo-chamber{margin-top:1.05rem;padding-inline:8%;position:relative}.km-demo-chamber:before{content:"";background:linear-gradient(180deg, transparent, var(--km-teal-dim), transparent);width:1px;height:.7rem;position:absolute;top:-.85rem;left:50%}.km-demo-glass{background:linear-gradient(180deg, color-mix(in oklch, var(--color-foreground) 12%, transparent), #0000003d);height:2.1rem;box-shadow:inset 0 1px 0 var(--km-lit), inset 0 0 0 1px var(--km-edge), 0 12px 26px -18px #000000e0;border-radius:.95rem;grid-template-columns:repeat(3,1fr);gap:3px;padding:.3rem;display:grid;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.km-demo-glass{background:linear-gradient(180deg, color-mix(in oklch, var(--color-foreground) 12%, transparent), lab(0% 0 0/.24));box-shadow:inset 0 1px 0 var(--km-lit), inset 0 0 0 1px var(--km-edge), 0 12px 26px -18px lab(0% 0 0/.88)}}.km-demo-slot{background:linear-gradient(180deg, color-mix(in oklch, var(--color-lapis) 48%, var(--color-card)), color-mix(in oklch, #000 32%, var(--color-card)));border-radius:.3rem}.km-demo-slot[data-index="1"]{animation:4s cubic-bezier(.3,.7,.3,1) infinite km-demo-fill}@keyframes km-demo-fill{0%,40%{background:linear-gradient(180deg, color-mix(in oklch, var(--color-lapis) 48%, var(--color-card)), color-mix(in oklch, #000 32%, var(--color-card)))}52%,74%{background:linear-gradient(#8ae6f7,#58d7f1 38%,#2fb3cf)}92%,to{background:linear-gradient(180deg, color-mix(in oklch, var(--color-lapis) 48%, var(--color-card)), color-mix(in oklch, #000 32%, var(--color-card)))}}.km-demo-merge{opacity:0;background:linear-gradient(#9fd7c4,#6cc3ad 40%,#3d8f7e);border-radius:.3rem;animation:4s ease-in-out infinite km-demo-merge;position:absolute;inset:.3rem}@keyframes km-demo-merge{0%,76%{opacity:0}84%,89%{opacity:.88}to{opacity:0}}.km-demo-base{background:linear-gradient(180deg, var(--km-ink-600), var(--km-ink-900));border-radius:0 0 .3rem .3rem;width:30%;height:.32rem;margin:0 auto;display:block}.km-demo-link{height:2.6rem;position:relative}.km-demo-link svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.km-demo-path{fill:none;stroke:#58d7f1;stroke-width:3px;stroke-linecap:round;stroke-dasharray:34 300;filter:drop-shadow(0 0 4px #58d7f1);animation:4s cubic-bezier(.4,.05,.25,1) infinite km-demo-flowline}@keyframes km-demo-flowline{0%,34%{stroke-dashoffset:34px;opacity:0}38%{opacity:1}52%{stroke-dashoffset:-110px;opacity:1}60%,to{stroke-dashoffset:-110px;opacity:0}}.km-demo-rack{padding-inline:10%;justify-content:flex-start;align-items:flex-end;gap:1.35rem;padding-bottom:.1rem;display:flex;position:relative}.km-demo-beam{background:linear-gradient(180deg, var(--km-ink-600), var(--km-ink-800) 55%, var(--km-ink-900));height:.55rem;box-shadow:inset 0 1px 0 var(--km-lit-soft), inset 0 -1px 0 #0000008c;border-radius:.16rem;position:absolute;bottom:.35rem;left:0;right:0}@supports (color:lab(0% 0 0)){.km-demo-beam{box-shadow:inset 0 1px 0 var(--km-lit-soft), inset 0 -1px 0 lab(0% 0 0/.55)}}.km-demo-vial{background:linear-gradient(180deg, color-mix(in oklch, var(--color-foreground) 7%, transparent), #00000052);width:1.8rem;height:3.1rem;box-shadow:inset 0 0 0 1px var(--km-edge), inset 0 1px 0 #ffffff38, inset -2px 0 3px -2px #ffffff3d;border-radius:.16rem .16rem 999px 999px;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.km-demo-vial{background:linear-gradient(180deg, color-mix(in oklch, var(--color-foreground) 7%, transparent), lab(0% 0 0/.32));box-shadow:inset 0 0 0 1px var(--km-edge), inset 0 1px 0 lab(100% 0 0/.22), inset -2px 0 3px -2px lab(100% 0 0/.24)}}.km-demo-vial[data-active]{animation:4s cubic-bezier(.3,.7,.3,1) infinite km-demo-lift}@keyframes km-demo-lift{0%,30%{transform:translateY(0)}40%,56%{transform:translateY(-5px)}68%,to{transform:translateY(0)}}.km-demo-rim{background:#fff3;background:lab(100% 0 0/.2);height:.22rem;position:absolute;top:0;left:0;right:0}.km-demo-liquid{background:linear-gradient(180deg, var(--km-ink-top), var(--km-ink) 38%, var(--km-ink-deep));height:66%;position:absolute;bottom:0;left:0;right:0}.km-demo-vial[data-active] .km-demo-liquid{animation:4s cubic-bezier(.3,.7,.3,1) infinite km-demo-drain}@keyframes km-demo-drain{0%,34%{height:66%}52%,66%{height:50%}86%,to{height:66%}}.km-demo-glyph{color:#050d16bd;color:lab(3.35059% -.876159 -5.81483/.74);place-items:center;display:grid;position:absolute;bottom:.32rem;left:0;right:0}.km-demo-glyph .km-glyph{width:auto;height:.5rem}.km-session{padding-inline:1rem;flex-direction:column;padding-bottom:2rem;display:flex}.km-session-stage{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;width:100%;max-width:32rem;min-height:min(30rem,66vh);margin-inline:auto;display:flex}.km-session-vessel{background:linear-gradient(180deg, color-mix(in oklch, var(--color-lapis) 24%, transparent), color-mix(in oklch, #000 34%, var(--color-card)));width:min(15rem,62vw);height:3.2rem;box-shadow:inset 0 1px 0 var(--km-lit), inset 0 0 0 1px var(--km-edge), 0 16px 34px -24px #000000e6;border-radius:999px/1.1rem;margin-bottom:.6rem;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.km-session-vessel{box-shadow:inset 0 1px 0 var(--km-lit), inset 0 0 0 1px var(--km-edge), 0 16px 34px -24px lab(0% 0 0/.9)}}.km-session-fill{inset-inline:0;height:calc(18% + var(--km-ratio,0) * 72%);background:linear-gradient(180deg, color-mix(in oklch, var(--km-teal) 70%, #fff 14%), var(--km-teal) 42%, color-mix(in oklch, var(--km-teal) 70%, #000));transition:height .9s cubic-bezier(.22,.8,.3,1);position:absolute;bottom:0}.km-session-sheen{inset-inline:8%;background:linear-gradient(#ffffff29,#0000);background:linear-gradient(lab(100% 0 0/.16),#0000);border-radius:999px;height:24%;position:absolute;top:12%}.km-session-lip{border-radius:inherit;box-shadow:inset 0 0 0 1px var(--km-edge-soft);position:absolute;inset:0}.km-session-title{color:var(--color-foreground);font-size:clamp(1.35rem,5vw,1.85rem)}.km-session-stats{align-items:center;gap:1.5rem;margin:.6rem 0 .2rem;display:flex}.km-session-divider{background:var(--km-edge);width:1px;height:2rem}.km-session-stat{flex-direction:column;gap:.1rem;display:flex}.km-session-stat dt{color:var(--color-muted-foreground);font-size:.75rem}.km-session-stat dd{color:color-mix(in oklch, var(--km-teal) 75%, var(--color-foreground));margin:0;font-size:1.45rem;font-weight:700}.km-session-note{color:var(--color-muted-foreground);max-width:24rem;font-size:.875rem;line-height:1.9}.km-session-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:.6rem;display:flex}.km-session-back{text-decoration:none}@media (max-width:680px){.km-root,.km-intro,.km-session{--km-bore:3.7rem;--km-socket:5.4rem;--km-vial-foot:2.3rem}.km-root{gap:.4rem;padding-inline:.85rem}.km-bar{padding:.3rem .5rem}.km-bar-back-text{display:none}.km-bar-round{font-size:.75rem}.km-poetry{border-radius:1.15rem;padding:.9rem 1.1rem 0}.km-poetry-rail{margin-inline:-1.1rem;padding-inline:1.1rem}.km-poetry-corner-b{display:none}.km-poetry-body{min-height:4rem}.km-rail-label{min-width:0}.km-chamber{padding-inline:.45rem}.km-chamber-port{width:.6rem}.km-chamber-glass{padding:.42rem}.km-result-surface{height:5.9rem}.km-bench{grid-template-columns:1fr;justify-items:center;gap:.45rem}.km-bench>.km-cta{grid-row:1;width:100%}.km-bench-side{grid-row:2;justify-self:center}.km-bench-side-ghost{display:none}.km-cta{min-width:0}.km-rack:before,.km-rack:after{width:1.15rem}.km-intro-stage{grid-template-columns:1fr;gap:1.25rem;min-height:0;padding-block:1rem 1.5rem}.km-intro-copy{text-align:center;align-items:center}.km-intro-lede{max-width:20rem}.km-demo{max-width:17rem}.km-session-stage{min-height:0;padding-block:2rem}}@media (max-height:760px){.km-stage{gap:.3rem}.km-poetry{padding-top:.75rem}.km-poetry-body{min-height:4rem;padding-bottom:.7rem}.km-spine{height:.45rem}}@media (prefers-reduced-motion:reduce){.km-slot[data-pouring] .km-liquid,.km-slot[data-pouring] .km-slot-mark,.km-chamber[data-merged] .km-merge,.km-chamber[data-mode=correct] .km-chamber-glass,.km-chamber[data-mode=wrong] .km-chamber-glass,.km-chamber[data-mode=wrong] .km-merge-meniscus,.km-result-head,.km-result-seq,.km-result-meter,.km-result-hint,.km-cta-next{animation-duration:.15s!important;animation-delay:0s!important}.km-chamber[data-mode=analyzing] .km-chamber-glass,.km-chamber[data-mode=correct] .km-merge-mote,.km-chamber[data-mode=correct] .km-merge-swirl,.km-chamber[data-mode=wrong] .km-merge-swirl,.km-slot[data-filled] .km-liquid-sheen,.km-bubble,.km-rail[data-playing] .km-rail-pulse,.km-verse-skeleton,.km-demo-path,.km-demo-slot[data-index="1"],.km-demo-merge,.km-demo-vial[data-active],.km-demo-vial[data-active] .km-demo-liquid,.km-demo-rail-key,.km-demo-rail-pulse{animation:none}.km-chamber[data-mode=wrong] .km-chamber-glass{transform:none}.km-liquid,.km-vial-liquid,.km-vial,.km-session-fill{transition-duration:.11s}}