.demo-strip{background:#3a2a00;color:#ffe3a3}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.75);display:grid;place-items:center;z-index:50;padding:16px}
.modal>.card{max-width:440px;width:100%;max-height:90dvh;overflow:auto}
.log{font-size:.8125rem;font-family:ui-monospace,monospace;white-space:pre-wrap;word-break:break-all}
.alert{border:1px solid #c4475d;background:#2a0d14;border-radius:12px;padding:10px;margin:8px 0}
.pill{display:inline-block;padding:2px 8px;border-radius:99px;font-size:.75rem;border:1px solid var(--border-strong);margin-left:4px}
.pill.bad{color:#ff9a9a;border-color:#c4475d}.pill.ok{color:#3ddc97}.pill.warn{color:#ffc04d}
input,select,textarea{background:var(--s2);border:1px solid var(--border-strong);border-radius:8px;padding:10px;min-height:44px;width:100%}
input[type=checkbox],input[type=radio]{width:auto;min-height:0}
label.opt{display:flex;gap:8px;align-items:center;margin:6px 0;min-height:44px}
.mono{font-family:ui-monospace,monospace;word-break:break-all;font-size:.8125rem}
.stack>*{margin:6px 0}.msg{background:var(--s2);border-radius:10px;padding:8px;margin:6px 0}

.brand-logo{border-radius:6px;display:inline-block;vertical-align:middle;object-fit:cover;background:#000}
.brand{gap:8px;align-items:center}

/* Home network badges (labels from UI config in app.js) */
.event-card-own{border-color:rgba(20,184,166,.45)}
.event-card-community{border-style:dashed;border-color:rgba(255,255,255,.22);opacity:.98}
[data-testid="badge-community"]{background:#111;color:#14b8a6;border:1px solid #14b8a6}
[data-testid="badge-own"]{background:#0d9488;color:#000}
[data-testid="community-subtitle"]{margin-top:-6px;margin-bottom:10px}

.event-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.outbound-ic{vertical-align:-2px;margin-left:4px}

.host-line{font-size:13px;margin:0 0 4px;color:#fff}
.host-line span{color:#35CDC8;font-weight:700}
.host-line.host-missing span{color:#789;font-weight:400}

.top.is-signed-in [data-testid=header-sign-in],.top.is-signed-in [data-testid=header-sign-up]{display:none!important}

.lineup-line{margin:2px 0 6px;color:var(--mu)}
.lineup-line .lineup-label{color:#9aa6bd;font-weight:600;margin-right:4px}
.lineup-line .lineup-label::after{content:":"}
.header-auth .btn{text-decoration:none}

.account-menu{margin-left:0;position:relative;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.account-menu .btn{padding:0 14px;font-size:0.875rem;text-decoration:none}
@media (max-width:420px){.account-menu{flex-wrap:nowrap;gap:6px}.account-menu .btn{padding:0 10px;font-size:0.8125rem;min-width:0}.account-menu a.btn{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
.account-menu .account-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-chip{gap:8px;padding:0 10px !important;max-width:200px}
.account-av{width:28px;height:28px;border-radius:50%;background:#35CDC8;color:#000;display:inline-grid;place-items:center;font-weight:800;font-size:0.8125rem;flex:none}
.account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:0.875rem}
.account-dropdown{position:absolute;right:0;top:calc(100% + 6px);min-width:180px;background:var(--s1);border:1px solid var(--line);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:4px;z-index:20;box-shadow:0 8px 24px rgba(0,0,0,.45)}
.account-dropdown[hidden]{display:none !important}
.account-dropdown a,.account-dropdown .btn{justify-content:flex-start;width:100%;text-decoration:none}
[data-testid=password-strength][data-strength=ok]{color:var(--ok)}
[data-testid=password-strength][data-strength=warn]{color:var(--warn)}
[data-testid=password-strength][data-strength=bad]{color:var(--bad)}

[data-testid=username-availability][data-state=ok]{color:var(--ok)}
[data-testid=username-availability][data-state=bad]{color:var(--bad)}

/* WookOnDaGo empty hosted section */
.coming-soon-card{text-align:center;padding:18px 16px;border:1px dashed rgba(13,148,136,.45);background:rgba(13,148,136,.06)}
.coming-soon-text{margin:0;font-size:.95rem;letter-spacing:.02em;color:#5eead4;font-weight:600}

/* Larger event section + card titles (mobile-first, no clip at 360px) */
h2[data-testid="own-events-heading"],
h2[data-testid="floor-heading"],
h2[data-testid="out-there-heading"]{
  font-size:1.5rem;line-height:1.25;letter-spacing:-.02em;font-weight:750;
  overflow-wrap:anywhere;word-break:break-word;max-width:100%;
}
.event-card [data-testid="event-title"],
.event-card h3[data-testid="event-title"]{
  font-size:1.25rem;line-height:1.3;letter-spacing:-.015em;font-weight:700;
  overflow-wrap:anywhere;word-break:break-word;max-width:100%;
}
@media (min-width:600px){
  h2[data-testid="own-events-heading"],
  h2[data-testid="floor-heading"],
  h2[data-testid="out-there-heading"]{font-size:1.625rem}
  .event-card [data-testid="event-title"]{font-size:1.3125rem}
}

.subscribe-card{margin:20px 0 8px;padding:14px 14px 12px}
.subscribe-label{font-weight:700;font-size:1rem;margin:0 0 6px;display:block}
.subscribe-card input[type=email]{width:100%;max-width:100%;box-sizing:border-box}