/* Settled feedback — centered above the ask, not parked bottom-right */
.toast{
  position:fixed;
  left:50%;
  bottom:calc(112px + env(safe-area-inset-bottom));
  transform:translateX(-50%);
  max-width:min(360px, calc(100vw - 32px));
  background:var(--card);
  border:1px solid var(--line);
  color:var(--ink);
  padding:10px 18px;
  border-radius:var(--r-card);
  font-size:12px;
  font-weight:600;
  line-height:1.35;
  text-align:center;
  display:none;
  align-items:center;
  justify-content:center;
  gap:8px;
  box-shadow:var(--shadow-overlay);
  z-index:99;
  pointer-events:none;
}
.toast.show{display:flex;animation:toast-in .28s both}
@keyframes toast-in{
  from{opacity:0;transform:translateX(-50%) translateY(10px)}
  to{opacity:1;transform:translateX(-50%) translateY(0)}
}
@media (prefers-reduced-motion: reduce){
  .toast.show{animation:none}
}
@media(max-width:880px){
  body.is-signed-out #signin{min-height:100dvh;padding:var(--s-6) var(--s-4);align-items:flex-start}
  .tour-brand{padding:24px clamp(16px,4vw,32px) 32px}
  /* List cards: chip+main on first band; meta/pill/Rock trail wraps below. */
  .dlist-row{flex-wrap:wrap;align-items:flex-start;gap:8px 12px}
  .dlist-main{flex:1 1 calc(100% - 36px);min-width:0}
  .dlist-sub{white-space:normal;overflow:visible;text-overflow:unset}
  .dlist-trail{flex:1 1 100%;flex-wrap:wrap;padding-left:36px;gap:6px 8px}
  .dlist-meta{white-space:normal;flex:1 1 auto;overflow-wrap:anywhere}
  .dcards,.dlist,.dlist-row,.ws-msg-assistant .dcards,.ws-msg-assistant .ws-page{min-width:0;max-width:100%;overflow-x:hidden}
}
@media(max-width:560px){
  .bar input{font-size:16px}
  #signin input{font-size:16px}
  .ask{padding:22px clamp(16px,4vw,32px) calc(10px + env(safe-area-inset-bottom))}
  .cmain{padding-bottom:200px}
  .toast{bottom:calc(96px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}
  .cname span{max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
