.kh-splash{display:none}html[data-splash=play] .kh-splash,html[data-splash=calm] .kh-splash{--fs:max(30px, min(11.3vw, 8.5vh, 80px));z-index:100;isolation:isolate;-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:contain;cursor:pointer;pointer-events:auto;background:#020101;display:block;position:fixed;inset:0;overflow:hidden}html[data-splash-wait] .kh-splash,html[data-splash-wait] .kh-splash *,html[data-splash-wait] [data-splash-focus],html[data-splash-wait] .mascot-dock{animation-play-state:paused!important}.kh-splash .sp-bg{isolation:isolate;background:#020101;position:absolute;inset:0;overflow:hidden}.kh-splash .sp-bg>*{pointer-events:none;position:absolute}.kh-splash .sp-floor{background:radial-gradient(closest-side,#e3141b29,#e3141b00);border-radius:50%;height:60%;bottom:-30%;left:-20%;right:-20%}.kh-splash .sp-smoke{inset:0;-webkit-mask-image:linear-gradient(#0003 0%,#00000052 20%,#000c 62%,#000 100%);mask-image:linear-gradient(#0003 0%,#00000052 20%,#000c 62%,#000 100%)}.kh-splash .sp-sway{position:absolute;inset:0}.kh-splash .sp-sway i{will-change:transform;background-repeat:repeat;width:130%;position:absolute;top:0;left:-15%}.kh-splash .sm-clouds{opacity:.34;background-image:url(/images/splash/smoke-clouds-v1.webp);background-size:760px 760px;height:calc(100% + 760px)}.kh-splash .sm-soft{opacity:.3;background-image:url(/images/splash/smoke-soft-v1.webp);background-position:260px 170px;background-size:720px 720px;height:calc(100% + 720px);transform:scaleX(-1)}.kh-splash .sm-wisps{opacity:.5;background-image:url(/images/splash/smoke-wisps-v1.webp);background-size:540px 540px;height:calc(100% + 540px)}.kh-splash .sp-light{mix-blend-mode:overlay;background:radial-gradient(closest-side,#ff762ce6 0%,#ff401899 22%,#e3141b3d 46%,#e3141b00 70%);border-radius:50%;width:120vmax;height:120vmax;margin:-60vmax 0 0 -60vmax;top:46%;left:50%}.kh-splash .sp-emb{inset:0}.kh-splash .sp-emb i{bottom:-10px;left:var(--x);width:var(--s);height:var(--s);opacity:0;background:#ffd28f;border-radius:50%;position:absolute;box-shadow:0 0 6px 2px #ff7828bf,0 0 14px 4px #ff3c1459}.kh-splash .sp-emb i.bk{box-shadow:none;filter:blur(3px);background:radial-gradient(closest-side,#ff96468c,#ff5a1f2e 60%,#ff5a1f00);bottom:-40px}.kh-splash .sp-vig{background:radial-gradient(130% 90% at 50% 44%,#0000 46%,#000000d9 100%);inset:0}.kh-splash .sp-lockup{justify-content:center;align-items:center;display:flex;position:absolute;top:46%;left:0;right:0;transform:translateY(-50%)}.kh-splash .sp-av{width:calc(var(--fs) * 2.364);height:calc(var(--fs) * 2.364);flex:none;position:relative}.kh-splash .sp-av-in,.kh-splash .sp-live{position:absolute;inset:0}.kh-splash .sp-live{transform-origin:50% 86%}.kh-splash .sp-img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.kh-splash .sp-flick{mix-blend-mode:screen;filter:saturate(1.5)brightness(1.3);opacity:.25;-webkit-mask-image:radial-gradient(circle,#0000 0 54%,#000 68%);mask-image:radial-gradient(circle,#0000 0 54%,#000 68%)}.kh-splash .sp-glow{background:radial-gradient(closest-side,#ff501e80,#e3141b33 55%,#e3141b00);border-radius:50%;position:absolute;inset:-26%}.kh-splash .sp-ring{opacity:0;border:3px solid #ffa054f2;border-radius:50%;position:absolute;inset:7%;box-shadow:0 0 26px #ff5a1fd9,inset 0 0 20px #ff5a1f99}.kh-splash .sp-smear{filter:blur(10px)brightness(1.8)saturate(1.3);transform-origin:30%;opacity:0;background:url(/images/mascot/wave-480-v1.webp) 50%/contain no-repeat;position:absolute;inset:0}.kh-splash .sp-name{margin-left:calc(var(--fs) * .318);white-space:nowrap;flex:none;position:relative}.kh-splash .sp-word{color:#f7efe6;font-family:var(--font-display);font-size:var(--fs);text-transform:uppercase;font-weight:800;line-height:.92;display:block}.kh-splash .sp-ch{display:inline-block}.kh-splash .sp-ch.is-red{color:#ff2b1f;text-shadow:0 0 18px #ff2b1f73}.kh-splash .sp-gap{width:.22em;display:inline-block}.kh-splash .sp-sub{margin-top:calc(var(--fs) * .11);color:#d9cec2;font-family:var(--font-sans);font-size:calc(var(--fs) * .34);letter-spacing:.5em;transform-origin:0;font-weight:500;line-height:1.2;display:block}.kh-splash .sp-city{margin-top:calc(var(--fs) * .14);color:#f7efe6;font-family:var(--font-display);font-size:calc(var(--fs) * .26);letter-spacing:.32em;text-transform:uppercase;transform-origin:0;font-weight:800;line-height:1;display:block}.kh-splash .sp-flare{top:calc(var(--fs) * .44);right:calc(var(--fs) * -.6);left:calc(var(--fs) * -1.05);transform-origin:0;opacity:0;background:linear-gradient(90deg,#ff782800,#ffd6a0f2 28%,#ff5a1fd9 62%,#ff5a1f00);border-radius:2px;height:2px;position:absolute;box-shadow:0 0 18px 4px #ff5a1f80}.kh-splash .skip{z-index:3;right:calc(env(safe-area-inset-right,0px) + 18px);bottom:calc(env(safe-area-inset-bottom,0px) + 18px);color:#f4ece18c;font:600 13px/1 var(--font-display);letter-spacing:.18em;text-transform:uppercase;opacity:0;background:#0a0807b8;border:1px solid #ffecd624;border-radius:999px;padding:10px 14px;position:absolute}html[data-splash=play] .kh-splash{animation:.7s cubic-bezier(.5,0,.3,1) 3.9s forwards khExit}html[data-splash=play] .kh-splash .sp-bg{animation:1.1s cubic-bezier(.2,.7,.2,1) both khIn}html[data-splash=play] .kh-splash .sp-floor{animation:4s ease-in-out infinite alternate khFloor}html[data-splash=play] .kh-splash .sp-sway{animation:14s ease-in-out infinite alternate khSway}html[data-splash=play] .kh-splash .sm-clouds{animation:40s linear infinite khUp760}html[data-splash=play] .kh-splash .sm-soft{animation:30s linear infinite khUp720}html[data-splash=play] .kh-splash .sm-wisps{animation:22s linear infinite khUp540}html[data-splash=play] .kh-splash .sp-light{animation:.75s cubic-bezier(.2,.7,.2,1) .3s both khIn,.75s cubic-bezier(.65,0,.25,1) 1.75s both khLightGo}html[data-splash=play] .kh-splash .sp-emb i{animation:khEmber var(--d) linear var(--delay) infinite}html[data-splash=play] .kh-splash .sp-emb i.bk{animation-name:khBokeh}html[data-splash=play] .kh-splash .sp-av{transform:translateX(var(--dx,0px)) scale(var(--s0,2));animation:.75s cubic-bezier(.65,0,.25,1) 1.75s both khGlide}html[data-splash=play] .kh-splash .sp-av-in{animation:2.2s linear .3s both khEnter}html[data-splash=play] .kh-splash .sp-live{animation:3.2s ease-in-out infinite khBreath,5.8s ease-in-out infinite khSwayAv,9s ease-in-out infinite khLook}html[data-splash=play] .kh-splash .sp-flick{animation:2.3s linear infinite khFlick}html[data-splash=play] .kh-splash .sp-glow{animation:2.6s ease-in-out infinite alternate khGlow}html[data-splash=play] .kh-splash .sp-ring{animation:.8s cubic-bezier(.1,.75,.25,1) .75s forwards khRing}html[data-splash=play] .kh-splash .sp-smear{animation:.75s ease-in-out 1.75s both khSmear}html[data-splash=play] .kh-splash .sp-ch{animation:.6s cubic-bezier(.18,.8,.2,1) both khCh;animation-delay:calc(1.95s + var(--ld,0s))}html[data-splash=play] .kh-splash .sp-sub{animation:.75s cubic-bezier(.2,.8,.2,1) 2.35s both khSub}html[data-splash=play] .kh-splash .sp-city{animation:.75s cubic-bezier(.2,.8,.2,1) 2.6s both khSub}html[data-splash=play] .kh-splash .sp-flare{animation:1s linear 2s both khFlare}html[data-splash=play] .kh-splash .skip{animation:.6s ease-out 1s both khIn}html[data-splash=play] [data-splash-focus]{animation:.8s cubic-bezier(.2,.8,.2,1) 3.95s both khFocus}html[data-splash] .kh-splash.is-skip{animation:.42s cubic-bezier(.4,0,.2,1) forwards khSkip}html[data-splash=calm] .kh-splash{animation:1.6s ease-in-out both khCalm}html[data-splash=calm] .kh-splash .skip{display:none}html[data-splash=calm] .kh-splash .sp-light{transform:translateX(calc(var(--dx,0px) * -1))}@keyframes khIn{0%{opacity:0}}@keyframes khExit{to{opacity:0;filter:blur(26px);transform:scale(1.14)}}@keyframes khSkip{to{opacity:0;filter:blur(18px);transform:scale(1.08)}}@keyframes khCalm{0%,70%{opacity:1}to{opacity:0}}@keyframes khFloor{0%{opacity:.55}to{opacity:1}}@keyframes khSway{0%{transform:translate(-26px)}to{transform:translate(26px)}}@keyframes khUp760{to{transform:translateY(-760px)}}@keyframes khUp720{0%{transform:scaleX(-1)}to{transform:translateY(-720px)scaleX(-1)}}@keyframes khUp540{to{transform:translateY(-540px)}}@keyframes khLightGo{0%{transform:translate(0)}to{transform:translateX(calc(var(--dx,0px) * -1))}}@keyframes khEmber{0%{opacity:0;transform:translate(0)scale(1)}10%{opacity:1}50%{opacity:.75}to{transform:translate(var(--dx,0px), -105vh) scale(.3);opacity:0}}@keyframes khBokeh{0%{opacity:0;transform:translate(0)}15%{opacity:1}85%{opacity:.8}to{opacity:0;transform:translate(30px,-110vh)}}@keyframes khGlide{0%{transform:translateX(var(--dx,0px)) scale(var(--s0,2))}to{transform:translate(0)scale(1)}}@keyframes khEnter{0%{opacity:0;filter:blur(30px)brightness(2.6);animation-timing-function:cubic-bezier(.16,.84,.24,1);transform:scale(.45)}27.27%{opacity:1;filter:blur(3px)brightness(1.35);animation-timing-function:ease;transform:scale(1.06)}40.9%,65.9%{opacity:1;filter:blur()brightness();animation-timing-function:ease-in-out;transform:scale(1)}81.8%{opacity:1;filter:blur(2.5px)brightness(1.15);animation-timing-function:ease-in-out;transform:scale(1)}to{opacity:1;filter:blur()brightness();transform:scale(1)}}@keyframes khBreath{0%,to{scale:1}50%{scale:1.035}}@keyframes khSwayAv{0%,to{rotate:-2deg}50%{rotate:2.2deg}}@keyframes khLook{0%,to{transform:perspective(700px)rotateY(-8deg)rotateX(2deg)}32%{transform:perspective(700px)rotateY(7deg)rotateX(-1deg)}64%{transform:perspective(700px)rotateY(-2deg)rotateX(3deg)}}@keyframes khFlick{0%,to{opacity:.12}8%{opacity:.5}13%{opacity:.18}21%{opacity:.58}29%{opacity:.24}40%{opacity:.62}47%{opacity:.3}60%{opacity:.52}69%{opacity:.2}81%{opacity:.55}90%{opacity:.26}}@keyframes khGlow{0%{opacity:.6;transform:scale(.94)}to{opacity:1;transform:scale(1.06)}}@keyframes khRing{0%{opacity:.95;filter:blur();transform:scale(.74)}to{opacity:0;filter:blur(5px);transform:scale(2.6)}}@keyframes khSmear{0%,to{opacity:0;transform:translate(0)scaleX(1)}52%{opacity:.55;transform:translate(14%)scaleX(1.85)}}@keyframes khCh{0%{opacity:0;filter:blur(16px);transform:translate(.82em)scale(1.2)}to{opacity:1;filter:blur();transform:translate(0)scale(1)}}@keyframes khSub{0%{opacity:0;filter:blur(10px);transform:scaleX(1.6)}to{opacity:1;filter:blur();transform:scaleX(1)}}@keyframes khFlare{0%{opacity:0;animation-timing-function:cubic-bezier(.2,.8,.2,1);transform:scaleX(0)}50%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1.05)}}@keyframes khFocus{0%{filter:blur(14px);transform:scale(1.04)}to{filter:blur();transform:scale(1)}}
@layer components{.app-update{--app-update-from:-1;z-index:55;top:calc(var(--header-offset) + 10px);left:calc(var(--safe-left) + 12px);right:calc(var(--safe-right) + 12px);pointer-events:none;justify-content:center;display:flex;position:fixed}.app-update[data-phase=applying]{z-index:96}html:has(.courier-app) .app-update{top:calc(56px + var(--safe-top) + 10px)}html:has(#staff-main) .app-update{--app-update-from:1;top:auto;bottom:calc(var(--safe-bottom) + 14px)}:is(html:has(#staff-main [data-save-bar]) .app-update,html:has(#staff-main):has(.courier-bar) .app-update){bottom:calc(var(--safe-bottom) + 96px)}@media (min-width:64rem){html:has(#staff-main) .app-update{left:288px;right:calc(var(--safe-right) + 16px)}}html[data-update-inline] .app-update{display:none}.app-update-card{width:min(100%,32rem);color:var(--foreground);pointer-events:auto;background:radial-gradient(120% 160% at 0 0,#ff7a1a2b,#0000 55%),radial-gradient(90% 120% at 100% 120%,#e3141b24,#0000 60%),linear-gradient(#211915f7,#110c0afa);border:1px solid #d8b3714d;border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"icon copy action close";align-items:center;column-gap:12px;padding:11px 10px 11px 12px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff6eb17,0 0 0 1px #00000073,0 26px 60px -26px #000000f2,0 18px 50px -30px #e3141b8c}.app-update-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#d8b371bf,#0000);height:1px;position:absolute;inset:0 16px auto}.app-update-icon{color:#fff;background:radial-gradient(circle at 50% 30%,#ff7a2e,#e3141b 58%,#7d080c);border-radius:999px;grid-area:icon;place-items:center;width:40px;height:40px;display:grid;position:relative;box-shadow:0 0 0 4px #e3141b24,0 10px 24px -8px #e3141bbf}.app-update-icon svg{width:19px;height:19px}.app-update-card[data-phase=done] .app-update-icon{background:radial-gradient(circle at 50% 30%,#4ade80,#16a34a 62%,#0b5d2a);box-shadow:0 0 0 4px #22c55e24,0 10px 24px -8px #22c55e99}.app-update-copy{grid-area:copy;min-width:0}.app-update-title{font-family:var(--font-display);letter-spacing:.005em;font-size:20px;font-weight:800;line-height:1.05}.app-update-text{color:var(--muted);text-wrap:pretty;margin-top:3px;font-size:13px;line-height:1.4}.app-update-short{display:none}.app-update-action{background:var(--primary);color:#fff;white-space:nowrap;height:40px;transition:background-color .2s ease, transform .18s var(--ease-out);-webkit-tap-highlight-color:transparent;border-radius:12px;grid-area:action;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 10px 26px -12px #e3141be6}.app-update-action:hover{background:var(--primary-hover)}.app-update-action:active{background:var(--primary-press);transform:scale(.96)}.app-update-close{width:34px;height:34px;color:var(--muted);-webkit-tap-highlight-color:transparent;border-radius:10px;grid-area:close;place-items:center;transition:color .2s,background-color .2s;display:grid}.app-update-close:hover{color:var(--foreground);background:#ffffff0f}.app-update-action:focus-visible,.app-update-close:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.app-update-progress{background:#d8b37126;height:2px;position:absolute;inset:auto 0 0;overflow:hidden}.app-update-progress:after{content:"";background:linear-gradient(90deg, transparent, var(--brass), #ff7a1a, transparent);width:40%;position:absolute;inset:0 auto 0 0}.app-update-veil{z-index:95;-webkit-backdrop-filter:blur(12px)saturate(1.1);backdrop-filter:blur(12px)saturate(1.1);background:#0b090880;position:fixed;inset:0}@media not (min-width:30rem){.app-update-card{border-radius:18px;column-gap:10px;padding:9px 6px 9px 10px}.app-update-icon{width:34px;height:34px;box-shadow:0 0 0 3px #e3141b24,0 8px 20px -8px #e3141bbf}.app-update-icon svg{width:16px;height:16px}.app-update-title{font-size:18px}.app-update-text{margin-top:2px;font-size:12.5px;line-height:1.35}.app-update-long{display:none}.app-update-short{display:inline}.app-update-action{height:38px;padding:0 13px;font-size:13.5px}.app-update-action svg{display:none}.app-update-close{width:30px;height:30px}}@media (prefers-reduced-motion:no-preference){.app-update-card{animation:kh-update-in .62s var(--ease-spring) both;transform-origin:50% 0}html:has(#staff-main) .app-update-card{transform-origin:50% 100%}.app-update-card[data-leaving]{animation:.32s cubic-bezier(.4,0,1,1) both kh-update-out}.app-update-card:before{animation:kh-update-line 1.1s var(--ease-out) .15s both}.app-update-icon svg{animation:kh-update-turn .9s var(--ease-out) .2s both}.app-update-icon:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;border:2px solid #ff7a1a8c;animation:2.8s ease-out .5s 3 kh-update-ring;position:absolute;inset:-4px}.app-update-card[data-phase=applying] .app-update-icon svg{animation:.9s linear infinite kh-update-spin}.app-update-card[data-phase=done] .app-update-icon svg{animation:kh-update-pop .5s var(--ease-spring) .15s both}.app-update-card[data-phase=done] .app-update-icon:after{border-color:#22c55e8c;animation-iteration-count:1}.app-update-progress:after{animation:1.2s ease-in-out infinite kh-update-progress}.app-update-veil{animation:.3s ease-out both kh-update-veil}}@media print{.app-update,.app-update-veil{display:none!important}}}@keyframes kh-update-in{0%{opacity:0;transform:translateY(calc(var(--app-update-from) * 18px)) scale(.94);filter:blur(12px)}60%{filter:blur()}to{opacity:1;filter:none;transform:none}}@keyframes kh-update-out{to{opacity:0;transform:translateY(calc(var(--app-update-from) * 12px)) scale(.97);filter:blur(8px)}}@keyframes kh-update-line{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:none}}@keyframes kh-update-turn{0%{transform:rotate(-200deg)}to{transform:none}}@keyframes kh-update-spin{to{transform:rotate(360deg)}}@keyframes kh-update-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}@keyframes kh-update-ring{0%{opacity:.9;transform:scale(.9)}70%,to{opacity:0;transform:scale(1.45)}}@keyframes kh-update-progress{0%{transform:translate(-110%)}to{transform:translate(260%)}}@keyframes kh-update-veil{0%{opacity:0}to{opacity:1}}
