.k-screen{isolation:isolate;background-color:var(--paper);width:100%;height:100%;color:var(--ink);text-align:left;font:var(--w-regular) var(--fs-17)/var(--lh-body) var(--sans);-webkit-font-smoothing:antialiased;flex-direction:column;display:flex;position:relative;overflow:hidden;container-type:size}.k-screen *,.k-screen :before,.k-screen :after{box-sizing:border-box}.k-screen :where(h1,h2,h3,p,figure){margin:0}.k-screen em{font-family:var(--serif);font-style:normal;font-weight:var(--w-regular);letter-spacing:-.01em}.k-screen--tank{background-color:var(--deep);color:var(--on-dark)}:where(.k-screen) :where(button){font:inherit;color:inherit}.k-water{z-index:0;background-color:var(--water);background-image:linear-gradient(var(--scrim-top), transparent 22%), url(/socials/half/layers/fg.webp), url(/socials/half/layers/mid.webp), url(/socials/half/layers/far.webp), url(/socials/half/layers/surface.webp);background-size:100% 100%,200%,200%,200%,200%;background-position:0 0, 50% var(--wy,-10px);background-repeat:no-repeat;position:absolute;inset:0}.k-water:before{content:"";mix-blend-mode:screen;opacity:.5;background:url(/socials/half/layers/light-rays.webp) 50% var(--wy,-10px) / 200% auto no-repeat;animation:k-rays var(--loop-ambient) var(--e-inout) infinite alternate;position:absolute;inset:0}@keyframes k-rays{0%{opacity:.38;translate:-8px}to{opacity:.62;translate:8px}}.k-water--dim:after{content:"";background:var(--scrim);position:absolute;inset:0}.k-swim{z-index:1;left:0;top:var(--top);width:var(--w);filter:var(--shadow-fish);pointer-events:none;animation:k-swim calc(var(--s) * var(--spd)) var(--e-linear) var(--d) infinite;will-change:translate;position:absolute}@keyframes k-swim{0%{translate:calc(-1 * var(--w)) 0}to{translate:100cqw}}.k-swim>img{width:100%;animation:k-sway calc(2.6s * var(--spd)) var(--e-inout) infinite alternate;display:block}@keyframes k-sway{0%{translate:0 -3px;rotate:-1.5deg}to{translate:0 3px;rotate:1.5deg}}.k-bubble{z-index:1;left:var(--x);width:var(--r);height:var(--r);border-radius:var(--r-round);box-shadow:inset 0 0 0 1px var(--on-dark-2);opacity:0;animation:k-bubble calc(8s * var(--spd)) var(--e-in) var(--d) infinite;position:absolute;bottom:-12px}@keyframes k-bubble{0%{opacity:0;translate:0}10%{opacity:.9}50%{translate:8px -45cqh}to{opacity:0;translate:-4px -95cqh}}.k-rise>*{opacity:0;translate:0 var(--rise-hero);filter:blur(4px);display:inline-block}.play .k-rise>*{animation:k-rise var(--t-slow) var(--e-out) forwards;animation-delay:calc((var(--at,120) * 1ms + min(var(--i,0), var(--stagger-cap)) * 70ms) * var(--spd))}.k-up{opacity:0;translate:0 var(--rise)}.play .k-up{animation:k-rise var(--t-slow) var(--e-out) forwards;animation-delay:calc((var(--at,150) * 1ms + min(var(--i,0), var(--stagger-cap)) * 80ms) * var(--spd))}@keyframes k-rise{to{opacity:1;filter:blur();translate:0}}.k-pop{opacity:0;scale:.92}.play .k-pop{animation:k-pop var(--t-base) var(--e-over) forwards;animation-delay:calc((var(--at,300) * 1ms + min(var(--i,0), var(--stagger-cap)) * 45ms) * var(--spd))}@keyframes k-pop{to{opacity:1;scale:1}}.k-toasts{z-index:3;align-content:start;display:grid;position:relative}.k-toast{border-radius:var(--r-card);background:var(--glass-bg-strong);min-height:64px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-hi), var(--glass-shadow);color:var(--ink);translate:0 calc(var(--k,0) * 74px);scale:calc(1 - var(--k,0) * .04);opacity:calc(1 - var(--k,0) * .28);transition:translate var(--t-slow) var(--e-out), scale var(--t-slow) var(--e-out), opacity var(--t-slow) var(--e-out);grid-area:1/1;align-items:center;gap:12px;padding:10px 16px;display:flex}.k-toast.in{animation:k-toast-in var(--t-slow) var(--e-over)}@keyframes k-toast-in{0%{translate:0 calc(40px * var(--int));opacity:0;scale:.96}}.k-toast img{object-fit:contain;flex:none;width:56px;height:36px}.k-toast b{font:var(--w-semibold) var(--fs-15)/1.25 var(--sans);display:block}.k-toast span{font:var(--w-regular) var(--fs-13)/1.25 var(--sans);color:var(--ink-2)}.k-toast b em{font-size:1.1em}.k-count{font-family:var(--round);font-variant-numeric:var(--num-variant)}@media (prefers-reduced-motion:reduce){.k-swim,.k-swim>img,.k-water:before{animation:none!important}.k-swim{translate:var(--rest,30cqw) 0}.k-bubble{display:none}}
