.kh{isolation:isolate;container-type:size}.kh-layer{--kh-r1:var(--accent);--kh-r2:var(--accent-soft);--kh-rb:#000;--kh-rbo:.35;--kh-dot:var(--accent);--kh-dot-ring:var(--night);--kh-ping:var(--accent);--kh-cy-bg:var(--accent);--kh-cy-fg:var(--night);--kh-shadow:#00000038;--kh-chip-bg:color-mix(in srgb, var(--night) 82%, transparent);--kh-chip-fg:#fff;--kh-chip-ring:color-mix(in srgb, var(--accent) 42%, transparent);--kh-cap-bg:color-mix(in srgb, var(--night) 70%, transparent);--kh-cap-fg:#ffffffd1;--kh-cap-ring:#ffffff1f;--kh-vig:#00000073;position:absolute;inset:0;overflow:hidden}.kh-gunbatimi{--kh-r1:#ffd28a;--kh-r2:#fff4d6;--kh-rb:#2a0f2e;--kh-rbo:.5;--kh-dot:#ffcf7a;--kh-dot-ring:#2a0f2e;--kh-ping:#ffb35c;--kh-cy-bg:#ffcb72;--kh-cy-fg:#1f0b24;--kh-shadow:#1a061e99;--kh-chip-bg:#260d2abd;--kh-chip-fg:#fff3e0;--kh-chip-ring:#ffbe7873;--kh-cap-bg:#260d2a9e;--kh-cap-fg:#ffe9cf;--kh-cap-ring:#ffbe784d;--kh-vig:#2008226b}.kh-sabah{--kh-r1:var(--accent-ink);--kh-r2:#0b5d3b;--kh-rb:#fff;--kh-rbo:.72;--kh-dot:var(--accent);--kh-dot-ring:#fff;--kh-ping:#fff;--kh-cy-bg:var(--accent);--kh-cy-fg:#0f2a1e;--kh-shadow:#0a465a38;--kh-chip-bg:#ffffffe6;--kh-chip-fg:#0f2a1e;--kh-chip-ring:#0f2a1e1f;--kh-cap-bg:#ffffffd1;--kh-cap-fg:#0f2a1e;--kh-cap-ring:#0f2a1e1a;--kh-vig:#083c5c33}.kh-orman{--kh-r1:#f3cf8a;--kh-r2:#fff1cf;--kh-rb:#142520;--kh-rbo:.55;--kh-dot:#f3cf8a;--kh-dot-ring:#142520;--kh-ping:#f3cf8a;--kh-cy-bg:#f3cf8a;--kh-cy-fg:#142520;--kh-shadow:#08120e59;--kh-chip-bg:#12221cc2;--kh-chip-fg:#fff7e6;--kh-chip-ring:#f3cf8a6b;--kh-cap-bg:#12221ca8;--kh-cap-fg:#fff1d6;--kh-cap-ring:#f3cf8a42;--kh-vig:#08120e73}.kh-l{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.kh-in{animation:1.1s cubic-bezier(.22,1,.36,1) both kh-in}@keyframes kh-in{0%{opacity:0}}.kh-route-base{stroke:var(--kh-rb);stroke-opacity:var(--kh-rbo);stroke-width:13px}.kh-march{animation:2.6s linear infinite kh-march}@keyframes kh-march{to{stroke-dashoffset:-28px}}.kh-dot{fill:var(--kh-dot);stroke:var(--kh-dot-ring)}.kh-ping{fill:var(--kh-ping);opacity:.2;transform-box:fill-box;transform-origin:50%;animation:2.8s cubic-bezier(.2,.7,.3,1) infinite kh-ping}@keyframes kh-ping{0%{opacity:.45;transform:scale(.55)}80%,to{opacity:0;transform:scale(1.9)}}.kh-cy-badge{fill:var(--kh-cy-bg);filter:drop-shadow(0 3px 6px #0000004d)}.kh-cy-fg{stroke:var(--kh-cy-fg)}.kh-cy-head{fill:var(--kh-cy-fg)}.kh-cy-shadow{fill:var(--kh-shadow)}.kh-wheel{transform-box:fill-box;transform-origin:50%;animation:.9s linear infinite kh-spin}.kh-chips{pointer-events:none;position:absolute;inset:0}.kh-chip{--s:max(calc(100cqw / 840), calc(100cqh / 420));left:clamp(38px, calc(50% + (var(--x) - 420) * var(--s)), calc(100% - 38px));top:calc(50% + (var(--y) - 210) * var(--s));background:var(--kh-chip-bg);color:var(--kh-chip-fg);box-shadow:inset 0 0 0 1px var(--kh-chip-ring), 0 8px 18px -10px #0000008c;font:700 11.5px/1.1 var(--font-body), system-ui, sans-serif;letter-spacing:.01em;white-space:nowrap;border-radius:999px;padding:5px 10px;animation:.7s cubic-bezier(.2,.9,.25,1.15) both kh-pop;position:absolute;translate:-50% calc(-100% - 11px)}.kh-compact .kh-chip{left:clamp(24px, calc(50% + (var(--x) - 420) * var(--s)), calc(100% - 24px));padding:3px 6px;font-size:9px;translate:-50% calc(-100% - 7px)}@keyframes kh-pop{0%{opacity:0;scale:.82}}.kh-caption{text-overflow:ellipsis;white-space:nowrap;background:var(--kh-cap-bg);max-width:calc(100% - 24px);color:var(--kh-cap-fg);box-shadow:inset 0 0 0 1px var(--kh-cap-ring);font:600 12px/1.5 var(--font-body), system-ui, sans-serif;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:4px 12px;position:absolute;bottom:12px;left:12px;overflow:hidden}.kh-grain{pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1.4 -.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.kh-vignette{pointer-events:none;background:radial-gradient(120% 90% at 50% 38%, transparent 58%, var(--kh-vig) 100%), linear-gradient(to top, var(--kh-vig), transparent 32%);position:absolute;inset:0}.kh-drift-a,.kh-drift-b,.kh-drift-c,.kh-cloud,.kh-fog,.kh-birds{will-change:transform}.kh-drift-a{--kh-d:0.7%;animation:28s ease-in-out infinite alternate kh-drift}.kh-drift-b{--kh-d:1.3%;animation:22s ease-in-out infinite alternate kh-drift}.kh-drift-c{--kh-d:2%;animation:17s ease-in-out infinite alternate kh-drift}@keyframes kh-drift{0%{transform:translateX(calc(var(--kh-d) * -1))}to{transform:translateX(var(--kh-d))}}.kh-wave path{animation:18s linear infinite kh-wave}.kh-wave .kh-wave-b{animation-duration:26s;animation-direction:reverse}@keyframes kh-wave{to{transform:translate(-480px)}}.kh-glint{transform-box:fill-box;transform-origin:50%;opacity:.5;animation:2.8s ease-in-out infinite kh-glint}@keyframes kh-glint{0%,to{opacity:.12;transform:scaleX(.6)}50%{opacity:.85;transform:scaleX(1)}}.kh-pulse{transform-box:fill-box;transform-origin:50%;animation:6s ease-in-out infinite kh-pulse}@keyframes kh-pulse{0%,to{opacity:.8;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}@keyframes kh-spin{to{transform:rotate(360deg)}}.kh-tw{fill:#fff;opacity:.6;animation:3.4s ease-in-out infinite kh-tw}.kh-tw-soft{fill:#ffd98a;animation-duration:5s}@keyframes kh-tw{0%,to{opacity:.18}50%{opacity:1}}.kh-shoot{opacity:0;animation:11s cubic-bezier(.3,.6,.4,1) 3s infinite kh-shoot}@keyframes kh-shoot{0%{opacity:0;transform:translate(780px,18px)}1%{opacity:.9}8%{opacity:0;transform:translate(520px,100px)}to{opacity:0;transform:translate(520px,100px)}}.kh-ff{animation:8s ease-in-out infinite kh-ff}@keyframes kh-ff{0%,to{opacity:.25;transform:translate(0)}30%{opacity:1}50%{transform:translate(var(--dx), var(--dy));opacity:.55}70%{opacity:1}}.kh-sink{animation:48s ease-in-out infinite kh-sink}@keyframes kh-sink{0%{opacity:0;transform:translateY(-14px)}6%{opacity:1}90%{opacity:1;transform:translateY(66px)}97%,to{opacity:0;transform:translateY(70px)}}.kh-birds{animation:34s linear -9s infinite kh-birds}@keyframes kh-birds{0%{transform:translate(-30%,5%)}to{transform:translate(95%,-9%)}}.kh-flap{transform-box:fill-box;transform-origin:50%;animation:.5s ease-in-out infinite alternate kh-flap}@keyframes kh-flap{to{transform:scaleY(-.35)}}.kh-spin{transform-box:fill-box;transform-origin:50%;animation:120s linear infinite kh-spin}.kh-cloud-a{animation:150s linear -75s infinite kh-cloud}.kh-cloud-b{animation:210s linear -105s infinite kh-cloud}@keyframes kh-cloud{0%{transform:translate(-112%)}to{transform:translate(112%)}}.kh-glide{animation:17s ease-in-out infinite alternate kh-glide}@keyframes kh-glide{33%{transform:translate(calc(var(--gx) * .4), calc(var(--gy) * -.5)) rotate(-3deg)}to{transform:translate(var(--gx), var(--gy)) rotate(2deg)}}.kh-bob{transform-box:fill-box;transform-origin:50% 100%;animation:2.6s ease-in-out infinite alternate kh-bob}@keyframes kh-bob{0%{transform:translateY(.6px)rotate(1.6deg)}to{transform:translateY(-1.4px)rotate(-1.8deg)}}.kh-wake{animation:2.6s ease-in-out infinite kh-tw}.kh-ray{opacity:.1;animation:7s ease-in-out infinite alternate kh-ray}@keyframes kh-ray{0%{opacity:.04}to{opacity:.17}}.kh-rays{mix-blend-mode:screen}.kh-fog-a{--kh-d:5%;animation:34s ease-in-out infinite alternate kh-fog}.kh-fog-b{--kh-d:6%;animation:26s ease-in-out infinite alternate-reverse kh-fog}.kh-fog-c{--kh-d:4%;animation:40s ease-in-out infinite alternate kh-fog}@keyframes kh-fog{0%{transform:translateX(calc(var(--kh-d) * -1));opacity:.75}to{transform:translateX(var(--kh-d));opacity:1}}.kh-mote{opacity:0;animation:10s ease-in-out infinite kh-mote}@keyframes kh-mote{0%{opacity:0;transform:translate(0)}30%,70%{opacity:.85}to{opacity:0;transform:translate(14px,-36px)}}.kh[data-run="0"] *,.kh[data-still] .kh-layer *{animation-play-state:paused!important}.kh[data-still] .kh-layer *{animation:none!important}@media (prefers-reduced-motion:reduce){.kh-layer *{animation:none!important}}.kh[data-still] .kh-mote{opacity:.7}@media (prefers-reduced-motion:reduce){.kh-mote{opacity:.7}}
