/* W2COMPOSE_v4 — composer:
   - placeholder TEXT only is swapped to "Would love to..." (set by JS). No font,
     size, colour or ellipsis change — it inherits the field's own placeholder
     styling, exactly like the original "Type your word...".
   - the 0/10 counter is hidden and a sticker (printable image) icon takes its
     place on the right of the input, opening the picker. */

/* NOTE: intentionally no ::placeholder font/colour overrides — keep it native. */

/* hide the 0/10 counter — replaced by the sticker icon */
.w2-foot-max{display:none!important;}

/* sticker icon button (body-level, glued where the counter was) */
#w2wltc-emoji{
  position:fixed;z-index:60;width:34px;height:34px;border-radius:11px;cursor:pointer;color:#6b6b70;
  display:none;align-items:center;justify-content:center;
  border:1px solid rgba(120,120,128,.28);background:rgba(120,120,128,.10);
  transition:transform .12s ease, background .15s ease;-webkit-tap-highlight-color:transparent;
}
#w2wltc-emoji.w2on{display:flex;}
#w2wltc-emoji:hover{background:rgba(120,120,128,.20);}
#w2wltc-emoji:active{transform:scale(.92);}

/* ---- sticker modal ---- */
.w2wltc-modal-ov{
  position:fixed;inset:0;z-index:2147483600;display:flex;align-items:flex-end;justify-content:center;
  background:rgba(15,14,13,.46);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);
  opacity:0;transition:opacity .16s ease;
}
.w2wltc-modal-ov.w2on{opacity:1;}
@media (min-width:560px){.w2wltc-modal-ov{align-items:center;}}
.w2wltc-modal{
  width:min(440px,94vw);margin:0 0 14px;background:#1f1d1b;color:#f4f1ec;
  border:1px solid rgba(255,255,255,.08);border-radius:20px;
  box-shadow:0 24px 70px rgba(0,0,0,.5);padding:16px 16px 18px;
  transform:translateY(14px);transition:transform .18s ease;
}
@media (min-width:560px){.w2wltc-modal{margin:0;}}
.w2wltc-modal-ov.w2on .w2wltc-modal{transform:none;}
.w2wltc-head{display:flex;align-items:center;justify-content:space-between;margin:0 2px 12px;}
.w2wltc-title{
  font-family:'WLT Brand','Bagel Fat One',cursive;font-weight:400;font-size:22px;line-height:1;
  background:linear-gradient(150deg,#f0b25a 0%,#e2433f 70%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
}
.w2wltc-x{
  width:30px;height:30px;border-radius:999px;border:0;background:rgba(255,255,255,.08);
  color:#f4f1ec;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;
}
.w2wltc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.w2wltc-item{
  aspect-ratio:1;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05);
  display:flex;align-items:center;justify-content:center;font-size:30px;cursor:pointer;
  transition:transform .12s ease, background .15s ease;-webkit-tap-highlight-color:transparent;
}
.w2wltc-item:hover{background:rgba(255,255,255,.10);}
.w2wltc-item:active{transform:scale(.92);}
.w2wltc-note{margin:12px 4px 0;font-size:12px;font-weight:600;color:#a9a097;
  font-family:'DM Sans',system-ui,-apple-system,sans-serif;}
