.presence-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px;margin:12px 0;min-width:0;overflow-wrap:anywhere}
.online-header{display:flex;align-items:center;gap:10px}.online-expand{min-height:48px;flex:1;min-width:0;text-align:left;background:none;border:0;padding:6px 0;display:flex;align-items:center;gap:10px}.online-expand strong{font-size:16px;overflow-wrap:anywhere}.online-expand:before{content:'›';color:var(--karaoke)}.online-expand[aria-expanded=true]:before{content:'⌄'}
.online-count{font-size:11px;color:var(--muted);border:1px solid var(--border);border-radius:9px;padding:1px 6px;flex:none}.online-authorize{min-height:44px;font-size:9px;padding:8px;letter-spacing:.2px;flex:none}.online-status,.online-action-note,.online-notice{font-size:12px;color:var(--muted)}.online-status{margin:6px 0}.online-details{border-top:1px solid var(--border);padding-top:10px;margin-top:10px}
.online-song{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border);font-size:13px}.online-song input{width:20px;min-height:24px;margin:0;accent-color:var(--karaoke)}.online-song small{grid-column:2;color:var(--muted);font-size:10px}.online-send{width:100%;margin-top:14px;letter-spacing:.5px}.online-badge{font-size:8px;border:1px solid #34675f;border-radius:5px;padding:1px 5px;color:var(--karaoke);letter-spacing:.5px}.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.nav-item{min-width:0;letter-spacing:.3px;padding:0 2px}
@media(max-width:350px){.online-header{flex-wrap:wrap}.online-authorize{margin-left:auto}.nav-item{font-size:8px}.bottom-nav{gap:1px;padding-left:4px;padding-right:4px}}