/* W2WORD_v1 — word input becomes the primary, dopamine action. */
/* 1) denser bottom panel (kill heavy glass) */
.w2-foot-bubble{
  background:rgba(255,255,255,.96)!important;
  -webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;
  border:1px solid rgba(40,36,30,.10)!important;
  box-shadow:0 12px 36px rgba(0,0,0,.14)!important;
}
.w2-foot-bubble::after{display:none!important;} /* drop the lens sheen */

/* 2) input row = a strong white field */
.w2-foot-input{
  background:#ffffff!important;border:2px solid #d8d3cc!important;border-radius:18px!important;
  box-shadow:0 6px 18px rgba(0,0,0,.08)!important;min-height:56px!important;
  transition:border-color .15s ease, box-shadow .15s ease!important;
}
.w2-foot-field{
  background:transparent!important;color:#111111!important;font-weight:900!important;
  font-size:22px!important;letter-spacing:-.01em!important;
}
.w2-foot-field::placeholder{color:#aaa39b!important;font-weight:700!important;}
/* 4) dopamine focus — red, tied to the W❤² heart (never blue) */
.w2-foot-input:focus-within{
  border-color:#ff3b30!important;
  box-shadow:0 0 0 4px rgba(255,59,48,.12),0 10px 26px rgba(0,0,0,.12)!important;
}

/* 5) counter 0/10 with states */
.w2-foot-max{font-size:12px!important;font-weight:800!important;color:#b4aca3!important;letter-spacing:.02em!important;}
.w2-foot-max.w2warn{color:#ff8a00!important;}
.w2-foot-max.w2full{color:#ff3b30!important;}

/* 6) body-level label + chips + helper (glued above the bubble) */
#w2word{position:fixed;z-index:58;pointer-events:none;
  font-family:'DM Sans',system-ui,-apple-system,sans-serif}
#w2word>*{pointer-events:auto}
#w2word .w2word-label{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:#6f685f;margin:0 4px 6px;text-shadow:0 1px 2px rgba(255,255,255,.7)}
#w2word .w2word-chips{display:flex;gap:8px;overflow-x:auto;padding:0 2px 2px;
  scrollbar-width:none;-ms-overflow-style:none}
#w2word .w2word-chips::-webkit-scrollbar{display:none}
#w2word .w2word-chip{border:1px solid rgba(40,36,30,.12);background:#fff;border-radius:999px;
  padding:7px 13px;font-size:13px;font-weight:800;color:#4b463f;white-space:nowrap;cursor:pointer;
  box-shadow:0 4px 12px rgba(0,0,0,.06);-webkit-tap-highlight-color:transparent;flex:0 0 auto}
#w2word .w2word-chip:active{transform:scale(.95)}
#w2word .w2word-helper{margin:7px 4px 0;font-size:12px;font-weight:600;color:#8d857b;
  text-shadow:0 1px 2px rgba(255,255,255,.7)}

/* mobile: match the compact composer's specificity so sizes stick */
@media (max-width:480px){
  body.w2-footer-compact .w2-foot-field,.w2-foot-field{font-size:20px!important}
  body.w2-footer-compact .w2-foot-input,.w2-foot-input{min-height:54px!important}
  #w2word{display:none!important} /* mobile: hide label+chips+helper entirely (they crowd the slider) */
}