#sky{pointer-events:none;position:fixed;inset:0;overflow:hidden}#sky span{left:100vw;top:var(--y);font-size:var(--size);font-family:var(--emoji-font);will-change:transform;animation:drift var(--dur) linear var(--delay,0s) forwards;opacity:var(--alpha);line-height:1;position:absolute}#sky span>i{font-style:normal;display:inline-block}#sky span.live>i,#sky span.mine>i{animation:.7s cubic-bezier(.2,.9,.3,1.3) both pop-in}#sky span.mine{filter:drop-shadow(0 0 18px var(--accent))}#sky span.fade{transition:opacity .4s ease-out;opacity:0!important}#sky span.arriving,#sky span.arriving>i{animation-play-state:paused}#sky span.arriving{visibility:hidden}#sky span.flown>i{animation:none}.flyer{font-family:var(--emoji-font);pointer-events:none;will-change:transform;z-index:3;line-height:1;position:fixed;top:0;left:0}@keyframes drift{0%{transform:translate(0)rotate(0)}to{transform:translateX(calc(-100vw - 1.5em)) rotate(var(--spin))}}@keyframes pop-in{0%{opacity:0;scale:.2}to{opacity:1;scale:1}}@media (prefers-reduced-motion:reduce){#sky span{animation-duration:calc(var(--dur) * 2)}#sky span.live>i,#sky span.mine>i{animation:none}}footer{padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:1rem;font-size:.85rem;display:flex;position:fixed;bottom:0;left:0;right:0}.sound{right:calc(.75rem + 2.25rem + .5rem + env(safe-area-inset-right))}.sound .wave{display:none}.sound[aria-pressed=true] .wave{display:block}.sound[aria-pressed=true] .mute{display:none}.composer{left:1rem;bottom:calc(.75rem + 2.4rem + .75rem + env(safe-area-inset-bottom));background:var(--surface);border:1px solid var(--border);z-index:2;border-radius:1.25rem;justify-items:center;gap:.6rem;width:min(16rem,100vw - 2rem);padding:.9rem 1rem .6rem;animation:.18s ease-out rise;display:grid;position:fixed;box-shadow:0 10px 30px #00000040}.composer[hidden]{display:none}.composer .close{width:1.6rem;height:1.6rem;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid;position:absolute;top:.45rem;right:.45rem}.composer .close:hover{color:var(--fg);background:color-mix(in srgb, var(--fg) 8%, transparent)}.composer input.cooling{opacity:.45;filter:grayscale();caret-color:#0000}.boxwrap{line-height:0;display:inline-block;position:relative}@property --sweep{syntax:"<angle>";inherits:false;initial-value:0deg}.wait{pointer-events:none;opacity:0;--sweep:0deg;background:conic-gradient(var(--muted) var(--sweep), transparent 0);border-radius:50%;width:1.4rem;height:1.4rem;position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(circle,#0000 55%,#000 58%);mask:radial-gradient(circle,#0000 55%,#000 58%)}.boxwrap:has(input.cooling) .wait{opacity:.8;animation:drain var(--cooldown,2s) linear forwards}@keyframes drain{0%{--sweep:360deg}to{--sweep:0deg}}.composer label{font-size:1rem;font-weight:600}.composer input{width:4.5rem;height:4.5rem;font-size:2.6rem;font-family:var(--emoji-font);text-align:center;background:var(--bg);color:var(--fg);border:2px solid var(--border);caret-color:var(--accent);border-radius:1rem;outline:none;line-height:1;transition:border-color .15s,transform .15s}.composer input:focus{border-color:var(--accent)}.composer input.bad{border-color:#e5484d;animation:.3s shake}.composer input.sent{border-color:#2fbf71;transform:scale(1.12)}.composer .hint{min-height:1.3em;color:var(--muted);text-align:center;margin:0;font-size:.8rem}@media (width<=600px){.composer{border-radius:1rem;grid-template-columns:auto auto;grid-template-areas:"label input""hint input";place-items:center start;gap:.1rem .75rem;width:max-content;max-width:calc(100vw - 1.5rem);padding:.6rem 2.4rem .6rem .9rem;left:.75rem;right:auto}.composer label{grid-area:label;font-size:.95rem}.composer .boxwrap{grid-area:input}.composer input{border-radius:.8rem;width:3.2rem;height:3.2rem;font-size:1.9rem}.composer .hint{text-align:left;grid-area:hint;min-height:1.1em;font-size:.75rem}.composer .close{top:50%;translate:0 -50%}.composer.over-keyboard{animation:none}}@keyframes rise{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.actions{gap:.4rem;display:flex}footer a,footer button{--tint:var(--accent);font:inherit;color:var(--fg);background:color-mix(in srgb, var(--tint) 16%, var(--surface));border:1px solid color-mix(in srgb, var(--tint) 45%, var(--border));cursor:pointer;box-shadow:0 0 14px color-mix(in srgb, var(--tint) 22%, transparent);border-radius:999px;padding:.4rem .9rem;font-weight:500;text-decoration:none;transition:background-color .15s,border-color .15s,box-shadow .15s}#share{--tint:var(--blue)}footer a:hover,footer button:hover{background:color-mix(in srgb, var(--tint) 28%, var(--surface));border-color:color-mix(in srgb, var(--tint) 70%, var(--border));box-shadow:0 0 20px color-mix(in srgb, var(--tint) 35%, transparent)}