.dsf{container-type:inline-size;margin-block:1.5em}.dsf__card{position:relative;display:grid;gap:14px;padding:20px;border-radius:22px;color:var(--dsf-text,#0f0e17);overflow:hidden}.dsf__kick{margin:0;font-family:'Dream Caveat','Caveat','Segoe Print',cursive;font-weight:700;font-size:1.5rem;line-height:1;color:var(--dsf-kick,#f47e3b)}.dsf__title{margin:0;font-size:1.25rem;line-height:1.2;font-weight:800;color:inherit;text-wrap:balance}.dsf__apps{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.dsf__app{--c:var(--b);display:inline-flex;align-items:center;gap:8px;margin:0;padding:9px 15px;border:0;border-radius:999px;background:var(--c);color:#fff;font:inherit;font-size:.88rem;font-weight:800;line-height:1.2;text-decoration:none;cursor:pointer;transition:transform 0.25s cubic-bezier(.34,1.56,.64,1),filter 0.2s;position:relative}.dsf__app svg{width:17px;height:17px;flex:none}.dsf__app[data-dsh-net="wa"]{color:#0f2a1a}.dsf__app[hidden]{display:none}.dsf-bc--mine .dsf__app{--c:var(--dsf-acc, #00778f);color:#fff}.dsf__app:hover{filter:brightness(1.06)}.dsf__app:focus-visible{outline:2px solid var(--c);outline-offset:3px}@media (prefers-reduced-motion:no-preference){.dsf__app:hover{transform:translateY(-2px)}}.dsf--phone .dsf__card{grid-template-columns:minmax(0,1fr) 176px;align-items:center;gap:18px;background:linear-gradient(150deg,var(--dsf-bg,#e3f4f6),var(--dsf-bg2,#fdf1e9))}.dsf__t{display:grid;gap:10px;justify-items:start;min-width:0}.dsf--phone .dsf__app--main{padding:11px 18px;font-size:.95rem}.dsf--phone .dsf__app:not(.dsf__app--main){background:#fff;color:#0f0e17;box-shadow:inset 0 0 0 1.5px currentColor;padding:7px 13px;font-size:.8rem}.dsf--phone .dsf__app:not(.dsf__app--main) svg{color:var(--c);width:15px;height:15px}.dsf-bc--mine.dsf--phone .dsf__app:not(.dsf__app--main) svg{color:var(--dsf-acc,#00778f)}.dsf__phone{width:176px;box-sizing:border-box;border-radius:26px;border:6px solid #22242a;background:#efeae2;overflow:hidden;transform:rotate(4deg);box-shadow:0 20px 30px -18px rgb(15 14 23 / .7);font-size:11px;line-height:1.35;color:#0f0e17}.dsf__ph-head{display:flex;align-items:center;gap:6px;padding:8px;background:#008069;color:#fff;font-weight:800}.dsf__ph-head i{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#ffd9a0,#f47e3b);flex:none}.dsf__ph-body{display:grid;gap:6px;align-content:end;min-height:150px;padding:8px}.dsf__in{justify-self:start;max-width:82%;padding:5px 7px;border-radius:8px 8px 8px 2px;background:#fff}.dsf__out{justify-self:end;max-width:92%;display:grid;gap:4px;padding:5px;border-radius:8px 8px 2px 8px;background:#d9fdd3;overflow-wrap:anywhere}.dsf__out img,.dsf__out i{display:block;width:100%;height:56px;object-fit:cover;border-radius:5px;background:linear-gradient(160deg,#ffd9a0,#f47e3b 55%,#00778f)}.dsf__out b{font-size:11px;line-height:1.25}@container (max-width:520px){.dsf--phone .dsf__card{grid-template-columns:minmax(0,1fr)}.dsf__phone{justify-self:center}}.dsf--send .dsf__card{background:var(--dsf-bg,#0f4c5c);color:var(--dsf-text,#ffffff)}.dsf--send .dsf__kick{color:var(--dsf-kick,#ffd9a0)}.dsf__compose{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 16px;border-radius:999px;background:#fff;color:#0f0e17;min-width:0}.dsf__draft{flex:1;min-width:0;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dsf__go{flex:none;display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:var(--dsf-acc,#f47e3b);color:#1d0c02;cursor:pointer;transition:transform 0.25s cubic-bezier(.34,1.56,.64,1)}.dsf__go svg{width:21px;height:21px}.dsf__go:hover{transform:scale(1.08) rotate(-8deg)}.dsf__go:focus-visible{outline:2px solid #fff;outline-offset:2px}.dsf__fly{position:absolute;right:34px;top:84px;width:24px;height:24px;color:var(--dsf-kick,#ffd9a0);opacity:0;pointer-events:none;line-height:0}.dsf__fly svg{width:24px;height:24px}.dsf--send .dsf__app{border:0}.dsf--send .dsf__app[data-dsh-net="cp"]{background:#fff;color:#0f0e17}.dsf-js .dsf__apps{opacity:.4;transition:opacity 0.35s}.dsf-js.is-sent .dsf__apps{opacity:1}.dsf__hint{margin:0;font-size:.78rem;opacity:.75}@media (prefers-reduced-motion:no-preference){.dsf.is-sent .dsf__fly{animation:dsf-fly 1s ease-in forwards}}@keyframes dsf-fly{0%{opacity:1;transform:none}100%{opacity:0;transform:translate(70px,-90px) rotate(-15deg) scale(1.4)}}[data-dsh-net][data-tip]::after{content:attr(data-tip);position:absolute;z-index:5;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);padding:6px 10px;border-radius:999px;background:#0f0e17;color:#fff;font:700 12px/1.1 system-ui,sans-serif;white-space:nowrap;pointer-events:none}