/* 518RADIO listener accounts — profile + playlists (accounts.js). Uses the site's tokens. */
.acct-card{padding:18px;}
.acct-tabs{display:flex;gap:6px;margin-bottom:14px;}
.acct-tabs button{flex:1;padding:11px;border:1.5px solid var(--line);border-radius:10px;background:transparent;color:var(--ink);
  font-family:'Oswald',sans-serif;font-weight:700;letter-spacing:.06em;cursor:pointer;}
.acct-tabs button.on{background:var(--ink);color:var(--bg);}
.acct-pitch{font-size:13px;line-height:1.5;color:var(--muted);margin:0 0 12px;}
.acct-in{display:block;width:100%;box-sizing:border-box;margin:0 0 10px;padding:12px;border:1.5px solid var(--line);border-radius:10px;
  background:var(--card);color:var(--ink);font-family:'Share Tech Mono',monospace;font-size:14px;resize:vertical;}
.acct-lbl{display:block;font-family:'Share Tech Mono',monospace;font-size:11px;letter-spacing:.08em;color:var(--muted);margin:4px 0 6px;}
.acct-lbl small{float:right;}
.acct-agree{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.4;color:var(--muted);margin:2px 0 12px;}
.acct-agree a,.acct-alt a,.pl-sub a{text-decoration:underline;cursor:pointer;color:inherit;}
.acct-btn{display:block;width:100%;padding:13px;border:none;border-radius:10px;background:var(--ink);color:var(--bg);
  font-family:'Oswald',sans-serif;font-weight:700;font-size:15px;letter-spacing:.06em;cursor:pointer;margin:0 0 10px;}
.acct-btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line);}
.acct-btn.sm{width:auto;padding:10px 14px;font-size:13px;white-space:nowrap;margin:0;}
.acct-btn.danger{color:#d0342c;border-color:#d0342c;}
.acct-btn:disabled{opacity:.4;cursor:default;}
.acct-msg{font-family:'Share Tech Mono',monospace;font-size:12px;min-height:16px;color:#d0342c;}
.acct-msg.ok{color:#1f8a4c;}
.acct-alt{font-size:12px;color:var(--muted);text-align:center;}
.acct-dim{font-size:12px;color:var(--muted);}
.acct-dim.pad{padding:12px 2px;}
.acct-row{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap;margin-bottom:10px;}
.acct-row .acct-in{flex:1;min-width:0;margin:0;}

.acct-head{display:flex;gap:14px;align-items:center;margin-bottom:16px;}
.acct-av{position:relative;flex:none;width:76px;height:76px;border-radius:50%;border:2px solid var(--line);background:var(--bg) center/cover;
  display:grid;place-items:center;cursor:pointer;font-family:'Orbitron',sans-serif;font-weight:900;font-size:28px;color:var(--ink);}
.acct-av i{position:absolute;right:-2px;bottom:-2px;width:24px;height:24px;border-radius:50%;background:var(--ink);color:var(--bg);
  font-style:normal;font-size:15px;display:grid;place-items:center;}
.acct-id{min-width:0;}
.acct-name{font-family:'Oswald',sans-serif;font-weight:700;font-size:22px;letter-spacing:.03em;color:var(--ink);overflow-wrap:anywhere;}
.acct-meta{font-family:'Share Tech Mono',monospace;font-size:11px;letter-spacing:.06em;color:var(--muted);margin-top:3px;}
.acct-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;}
.acct-chips .chip{padding:7px 11px;border-radius:99px;border:1.5px solid var(--line);background:var(--ink);color:var(--bg);
  font-family:'Share Tech Mono',monospace;font-size:12px;cursor:pointer;}

.acct-pls{display:flex;flex-direction:column;gap:8px;margin:6px 0 10px;}
.acct-pl{border:1.5px solid var(--line);border-radius:12px;overflow:hidden;}
.acct-pl-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;cursor:pointer;}
.acct-pl-n{font-family:'Oswald',sans-serif;font-weight:700;font-size:16px;color:var(--ink);overflow-wrap:anywhere;}
.acct-pl-c{font-family:'Share Tech Mono',monospace;font-size:11px;color:var(--muted);margin-top:2px;}
.acct-play{flex:none;width:40px;height:40px;border-radius:50%;border:none;background:var(--ink);color:var(--bg);font-size:14px;cursor:pointer;}
.acct-play.on{background:#d0342c;color:#fff;}
.acct-play:disabled{opacity:.35;cursor:default;}
.acct-pl-b{padding:0 12px 12px;}
.acct-cap{height:4px;border-radius:4px;background:var(--bg);margin:0 0 8px;overflow:hidden;}
.acct-cap i{display:block;height:100%;background:var(--ink);}
.acct-tr{display:flex;align-items:center;gap:8px;padding:7px 0;border-top:1px solid color-mix(in srgb,var(--line) 20%,transparent);}
.acct-tr .n{width:20px;font-family:'Share Tech Mono',monospace;font-size:11px;color:var(--muted);}
.acct-tr .t{flex:1;min-width:0;font-family:'Oswald',sans-serif;font-size:14px;color:var(--ink);overflow-wrap:anywhere;}
.acct-tr .t small{display:block;font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--muted);}
.acct-tr button{flex:none;width:30px;height:30px;border-radius:8px;border:1.5px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;}
.acct-tr button:disabled{opacity:.25;}
.sheet-btn:disabled{opacity:.45;cursor:default;}

.acct-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0 12px;}
.acct-stats div{border:1.5px solid var(--line);border-radius:10px;padding:10px 4px;text-align:center;}
.acct-stats b{display:block;font-family:'Orbitron',sans-serif;font-size:18px;color:var(--ink);}
.acct-stats span{font-family:'Share Tech Mono',monospace;font-size:9px;letter-spacing:.06em;color:var(--muted);}

.msg{position:relative;}
.msg.mine{background:color-mix(in srgb,var(--ink) 6%,transparent);}
.msg-rpt{float:right;border:none;background:none;color:var(--muted);font-size:13px;cursor:pointer;padding:0 0 0 8px;opacity:.55;}
.msg-rpt:hover{opacity:1;color:#d0342c;}
.chat-form input:disabled,.chat-form button:disabled{opacity:.5;}
#myPlCard #plBody{padding:6px 16px 16px;}
#myPlCard .pl-sub{margin:6px 0 4px;}