/* WILT Discord hub: online pill + chat panel. Shared look comes from wilt-ui.css. */
.wf-dh-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:14px 0;max-width:100%}
.wf-dh-footer .wf-dh-wrap{justify-content:center;margin:18px auto;padding:0 16px}
.wf-dh-pill{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#0d0d10;color:#ededed;text-decoration:none;font:500 13px/1.2 'Share Tech Mono',ui-monospace,monospace;letter-spacing:.02em;box-shadow:0 0 0 rgba(131,63,221,0);transition:border-color .2s,box-shadow .2s;max-width:100%}
.wf-dh-pill:hover,.wf-dh-pill:focus-visible{border-color:#833fdd;box-shadow:0 0 18px rgba(131,63,221,.35);color:#fff}
.wf-dh-pill:focus-visible{outline:2px solid #ad6dff;outline-offset:2px}
.wf-dh-pill b{color:#ad6dff;font-weight:600}
.wf-dh-txt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wf-dh-sep{color:#888}
.wf-dh-dot{width:8px;height:8px;border-radius:50%;background:#3ba55d;box-shadow:0 0 0 0 rgba(59,165,93,.6);animation:wf-dh-pulse 2.4s infinite;flex:none}
.wf-dh-chat{margin:16px 0}
.wf-dh-panel{margin-top:10px}
.wf-dh-frame iframe{display:block;width:100%;max-width:420px;height:420px;border:0;border-radius:12px;background:#060309;margin-top:12px}
.wf-dh-note{font-size:12px;margin-top:6px}
@keyframes wf-dh-pulse{0%{box-shadow:0 0 0 0 rgba(59,165,93,.6)}70%{box-shadow:0 0 0 7px rgba(59,165,93,0)}100%{box-shadow:0 0 0 0 rgba(59,165,93,0)}}
@media (prefers-reduced-motion:reduce){.wf-dh-dot{animation:none}.wf-dh-pill{transition:none}}
/* "Online now" pill */
.wf-on-wrap{display:flex;justify-content:center;margin:14px 0;max-width:100%}
.wf-on-wrap--inline,.wf-on-wrap--page{justify-content:flex-start}
.wf-on-wrap--footer{margin:18px auto;padding:0 16px;box-sizing:border-box}
.wf-on-pill{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#0d0d10;color:#ededed;font:500 12px/1.2 'Share Tech Mono',ui-monospace,monospace;letter-spacing:.04em;max-width:100%;text-decoration:none;box-sizing:border-box}
.wf-on-pill--link{min-height:44px}
.wf-on-pill--link:hover,.wf-on-pill--link:focus-visible{border-color:#833fdd;box-shadow:0 0 18px rgba(131,63,221,.35);color:#fff}
.wf-on-pill--link:focus-visible{outline:2px solid #ad6dff;outline-offset:2px}
.wf-on-txt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.wf-on-top{display:none}
@media (min-width:1024px){.wf-on-top{display:block;background:#030303;border-bottom:1px solid rgba(255,255,255,.06)}.wf-on-top .wf-on-wrap{justify-content:flex-end;margin:0 auto;padding:4px 24px;max-width:1290px}.wf-on-top .wf-on-pill{min-height:26px;border:0;background:transparent;padding:0}}
@media (prefers-reduced-motion:reduce){.wf-on-dot{animation:none}}