/* s5 (Nov 3 2026, final wave): talk to a bot, streaming badge, app bell, bot stats on /me + /recap, bot overlay */
.s5-wrap{max-width:640px}
.s5-warn{background:#2a2410;border:1px solid #6b5a1c;color:#ffe59a;border-radius:12px;padding:10px 12px;font-size:14.5px;line-height:1.4;margin:0 0 12px}
.s5-chat{background:var(--lc-card,#141a2b);border:1px solid var(--lc-line,#2a3450);border-radius:16px;padding:12px;margin:0 0 12px}
.s5-log{display:flex;flex-direction:column;gap:8px;min-height:140px;max-height:55vh;overflow-y:auto;padding:4px 2px 10px;-webkit-overflow-scrolling:touch}
.s5-b{max-width:85%;padding:9px 12px;border-radius:16px;font-size:15.5px;line-height:1.35;word-wrap:break-word;overflow-wrap:anywhere}
.s5-b small{display:block;font-size:11.5px;font-weight:700;opacity:.75;margin-bottom:2px}
.s5-me-b{align-self:flex-end;background:#3a5bd9;color:#fff;border-bottom-right-radius:5px}
.s5-bot-b{align-self:flex-start;background:#232c45;color:#eef1f8;border-bottom-left-radius:5px}
.s5-sys{align-self:center;color:var(--lc-muted,#9aa6bd);font-size:13px;text-align:center;max-width:95%}
.s5-form{display:flex;gap:8px;align-items:stretch}
.s5-form input{flex:1 1 auto;min-width:0;font:inherit;font-size:16px;padding:11px 12px;border-radius:12px;border:1px solid var(--lc-line,#2a3450);background:#0c1120;color:inherit}
.s5-form button{flex:0 0 auto;font:inherit;font-weight:800;font-size:15px;padding:0 16px;min-height:46px;border-radius:12px;border:0;background:#f5c542;color:#1a1300;cursor:pointer}
.s5-form button:disabled,.s5-form input:disabled{opacity:.55;cursor:not-allowed}
.s5-meta{display:flex;justify-content:space-between;gap:8px;color:var(--lc-muted,#9aa6bd);font-size:12.5px;margin-top:6px}
.s5-soon{text-align:center;padding:18px 8px}.s5-soon b{display:block;font-size:17px;margin-bottom:6px}
.s5-live{display:inline-flex;align-items:center;gap:6px;background:#3b0f16;border:1px solid #a3243a;color:#ffd1d8;font-weight:800;font-size:14px;border-radius:999px;padding:5px 12px;margin:0 0 10px}
.s5-live::before{content:"";width:9px;height:9px;border-radius:50%;background:#ff3b55;box-shadow:0 0 0 0 rgba(255,59,85,.7);animation:s5p 1.6s infinite}
@keyframes s5p{0%{box-shadow:0 0 0 0 rgba(255,59,85,.7)}70%{box-shadow:0 0 0 8px rgba(255,59,85,0)}100%{box-shadow:0 0 0 0 rgba(255,59,85,0)}}
@media (prefers-reduced-motion:reduce){.s5-live::before{animation:none}}
.s5-acts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.s5-btn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 16px;border-radius:12px;font-weight:800;text-decoration:none;background:#f5c542;color:#1a1300;font-size:15px}
.s5-btn-g{background:transparent;color:inherit;border:1px solid var(--lc-line,#2a3450)}
.s5-note{color:var(--lc-muted,#9aa6bd);font-size:13.5px;margin:0 0 12px}
.s5-me{margin:14px 0}.s5-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr));gap:10px}
.s5-stat{background:#0f1424;border:1px solid var(--lc-line,#2a3450);border-radius:12px;padding:10px;text-align:center}.s5-stat b{display:block;font-size:22px}.s5-stat span{font-size:12.5px;color:var(--lc-muted,#9aa6bd)}
.s5-ovb{display:inline-flex;gap:.45em;align-items:center;padding:.3em .6em;border-radius:.5em;background:rgba(10,12,20,.6);margin-top:.25em;font-weight:800;color:#fff}
.s5-ovb[hidden]{display:none}.s5-ovb i{font-style:normal;color:#ff5a6e}