/* 0.10.3-11 Role play (NOTES 136): persona Role play fields, home quick-start chips, active pill. Fades 450ms, z 410-430. */
#rpBox{flex-shrink:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .45s ease,opacity .45s ease;display:flex;flex-direction:column;gap:10px}
#rpBox.on{max-height:300px;opacity:1}
#rpBox .rphint{font-size:70%;opacity:.75}
.rpq{position:fixed;left:12px;right:12px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;z-index:410;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility 0s linear .45s}
.rpq.on{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .45s ease,visibility 0s}
.rpq button{font:inherit;font-size:14px;color:var(--txt,#eee);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.22);border-radius:18px;padding:7px 14px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.rpq button:active{background:rgba(255,255,255,.16)}
#rpPill{position:fixed;left:50%;transform:translateX(-50%);z-index:420;font-size:70%;letter-spacing:.02em;color:var(--txt,#eee);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);border-radius:14px;padding:6px 12px;white-space:nowrap;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility 0s linear .45s}
#rpPill.on{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .45s ease,visibility 0s}
@media (prefers-reduced-motion:reduce){#rpBox,.rpq,#rpPill{transition-duration:.4s}}
/* 0.10.3-12 suggestion chips (#rpSug.sug): same row, band (z 410) and 450ms fade as the home chips */
.rpq.sug button{font-size:13px;padding:6px 12px}