/* Three user references: charcoal messenger, floating community, music workspace.
   Colors remain Atmósfera graphite / ivory / aura; no synthetic activity counts. */
body:is([data-route=messages],[data-route=community-chat],[data-route=feed]){--bg:#17191d;--surface:#24272d;--panel:#30343c;--ink:#f6f4ef;--muted:#bab8c3;--line:#42444e;--accent:#c9b6ff;--accent-soft:#393147;--accent-ink:#251d36;--text:var(--ink);--border:var(--line);--white:var(--surface);color-scheme:dark;background:var(--bg);color:var(--ink)}
body:is([data-route=messages],[data-route=community-chat],[data-route=feed]) .brand .atm-monogram{filter:invert(1)}
body:is([data-route=messages],[data-route=community-chat],[data-route=feed]) .shell{background:var(--surface);padding:24px;gap:24px;border-radius:28px;margin:8px 24px 32px;min-height:calc(100dvh - 140px);box-shadow:0 20px 48px #0003}
body:is([data-route=messages],[data-route=community-chat],[data-route=feed]) .sidebar{background:var(--panel);border-radius:20px;padding:14px;height:calc(100dvh - 190px)}
body[data-route=feed] .atm-banner{display:none}
body[data-route=feed] .social-layout{padding-top:0;gap:22px}
body[data-route=feed] .social-post,body[data-route=feed] .composer,body[data-route=feed] .community-widget,body[data-route=feed] .listening-card{border:0;border-radius:20px;background:#30343c}
body[data-route=feed] .filter-tabs .selected{background:var(--accent);color:var(--accent-ink)}
body[data-route=messages] .content{padding-top:0}
body[data-route=messages] .content>.intro{margin-bottom:18px}
body[data-route=messages] .content>.intro h1{font-family:Inter,sans-serif;font-size:28px;font-weight:600}
.chat-privacy{background:transparent;border:0;padding:0 0 18px}.chat-privacy summary{font-size:12px;color:var(--muted)}
.chat-layout{grid-template-columns:minmax(245px,32%) minmax(0,1fr);gap:0;border:0!important;background:#1d2025!important;border-radius:24px!important;overflow:hidden;box-shadow:0 16px 30px #0002}
.chat-layout .card{background:transparent;border:0;padding:24px;margin:0;border-radius:0}
.chat-layout .chat-sidebar{border-right:1px solid var(--line)!important}
.chat-section-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:22px}.chat-section-head h2{font-family:Inter,sans-serif;font-size:22px;margin:0}.chat-section-head .button{font-size:11px;padding:8px}
#chat-search{gap:10px}#chat-search input{border:0;border-radius:22px;background:#111419;padding:14px 16px}#chat-search button{align-self:start;border-radius:24px}
.chat-thread{display:flex!important;flex-direction:row;align-items:center;gap:14px;margin:0;padding:18px 8px;border-radius:0;border:0;border-bottom:1px solid #34363e;color:var(--ink);min-height:78px}
.chat-thread>span:last-child{min-width:0}.chat-thread strong{display:block;font-size:14px}.chat-thread small{display:block;color:var(--muted);font-size:12px;margin-top:5px;overflow-wrap:anywhere}.chat-thread .avatar{width:46px;height:46px;flex-shrink:0;border-radius:50%;background:var(--accent-soft);color:var(--ink);box-shadow:0 4px 8px #0003}
.chat-thread:hover,.chat-thread.selected{background:#34303f;border-color:#45404e;color:var(--ink)}
.chat-main{display:flex;flex-direction:column;min-width:0}.chat-main #chat-header{border-bottom:1px solid var(--line);padding-bottom:12px}.chat-main #chat-header h2{font-family:Inter,sans-serif;font-size:18px;font-weight:600}.chat-welcome{text-align:center;padding:20px 8px}.chat-welcome>.ui-icon{width:42px;height:42px;color:var(--accent)}.chat-welcome p{color:var(--muted)}
#chat-log{height:clamp(320px,46dvh,620px);padding:20px 4px;gap:16px}#chat-status{font-size:12px}
.chat-bubble{background:#30343c!important;color:var(--ink);border:0!important;border-radius:18px 18px 18px 5px!important;padding:14px 18px;box-shadow:0 4px 10px #0002;max-width:82%}.chat-bubble.mine{background:var(--accent)!important;color:var(--accent-ink);border-radius:18px 18px 5px 18px!important}.chat-bubble.mine .muted{color:#3b2e4f}.chat-bubble.mine button{color:#251d36;border-color:#725e90}.chat-bubble p{font-size:14px;line-height:1.55}.chat-bubble small{font-size:11px}
#chat-send{margin-top:auto;padding-top:14px}#chat-send label{font-size:12px}#chat-send textarea{min-height:64px;resize:vertical;background:#111419;border:0;border-radius:20px;padding:14px 18px;font-size:14px}#chat-send button{border-radius:24px;display:flex;align-items:center;gap:8px}#chat-send-error{color:#ffb5b0}
.music-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,32%);gap:32px;align-items:start}.music-library{min-width:0}.music-library-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:4px 0 24px}.music-library-head h2{margin:0}.music-library-head label{font-size:12px;color:var(--muted);display:grid;gap:6px}.music-library-head input{border-radius:24px;padding:12px 16px;width:100%;min-width:0}
body[data-route=music] .music-intro{border-radius:24px;margin-bottom:32px}body[data-route=music] .track-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}body[data-route=music] .track{background:transparent;border:0;padding:0 0 16px;min-width:0}.track-art{overflow:hidden;border-radius:20px;box-shadow:0 8px 18px #0002}.track-art img{aspect-ratio:1;object-fit:cover;width:100%}.track h3{font-size:15px;line-height:1.4;margin:10px 0;overflow-wrap:anywhere}.track [data-play]{display:flex;align-items:center;gap:8px;border-radius:24px}.track .provider{display:block;margin-top:18px}.track a{display:block;margin:10px 0}
.music-now{position:sticky;top:24px;background:var(--surface);border-radius:26px;overflow:hidden;box-shadow:0 16px 36px #0002}.music-now>img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.music-now-body{padding:24px}.music-now h2{font-size:26px;margin:0 0 12px;overflow-wrap:anywhere}.music-now p{font-size:13px}.music-now .button,.music-now button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin:12px 0;border-radius:24px}
body[data-route=radio] .radio-feature{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px 32px;background:#24272d;color:#f6f4ef;border:0;border-radius:26px;overflow:hidden;padding:28px;margin-bottom:36px;box-shadow:0 16px 30px #0002}.radio-cover{width:220px;aspect-ratio:1;object-fit:cover;border-radius:18px;grid-row:1/span 3}.radio-feature h2{color:#f6f4ef;font-size:32px;margin-top:12px}.radio-feature p,.radio-feature small{color:#d3cfdd}.radio-feature #radio-play{grid-column:2;justify-self:start;display:flex;align-items:center;gap:10px;border-radius:24px}.radio-feature>p{grid-column:2;margin:0}.radio-workspace{gap:32px}.radio-workspace>section{min-width:0}.radio-chat{border-radius:22px;background:var(--panel);padding:20px;max-height:480px;overflow:auto}.radio-program{border:0;border-bottom:1px solid var(--line);padding:18px 0}.radio-message{border:0;border-bottom:1px solid var(--line);padding:16px 0}.radio-message:last-child{border:0}.radio-message p{overflow-wrap:anywhere}
#persistent-player{background:#24272d;color:#f6f4ef;border:0;border-radius:24px;padding:18px;width:min(400px,calc(100vw - 32px));box-shadow:0 16px 40px #0004;z-index:34}#persistent-player .player-head{display:flex;align-items:center;gap:12px}#persistent-player .player-head strong{font-size:14px;flex:1;min-width:0;overflow-wrap:anywhere}#persistent-player .player-cover{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border-radius:12px;background:#393147;color:#c9b6ff}#persistent-player #close-player{padding:9px;color:#f6f4ef;border:0;border-radius:50%;width:38px;height:38px}#persistent-player .muted{color:#bab8c3}#persistent-player iframe{width:100%;border:0;border-radius:16px;margin-top:10px}#persistent-player audio{width:100%;margin-top:10px;color-scheme:dark}
body:is([data-route=feed],[data-route=messages],[data-route=music],[data-route=radio],[data-route=community-chat]) :focus-visible{outline:3px solid #c9b6ff;outline-offset:4px}body:is([data-route=feed],[data-route=messages],[data-route=music],[data-route=radio],[data-route=community-chat]) ::selection{background:#c9b6ff;color:#251d36}.chat-layout,.radio-chat{scrollbar-color:#786987 #202329;scrollbar-width:thin}.chat-layout input,.chat-layout textarea{caret-color:#c9b6ff}button:disabled{cursor:not-allowed;opacity:.6}
@media(max-width:1180px){.music-workspace{grid-template-columns:minmax(0,1fr) 270px;gap:22px}body[data-route=music] .track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-layout{grid-template-columns:245px minmax(0,1fr)}.chat-layout .card{padding:18px}body[data-route=feed] .social-layout{grid-template-columns:minmax(0,1fr)}body[data-route=feed] .feed-main,body[data-route=feed] .music-aside,body[data-route=feed] .community-aside{grid-column:1;grid-row:auto}}
@media(max-width:900px){.music-workspace{grid-template-columns:minmax(0,1fr)}.music-now{position:static;display:grid;grid-template-columns:180px minmax(0,1fr);grid-row:1}.music-now>img{height:100%;aspect-ratio:auto}.music-now-body{padding:20px}.music-now h2{font-size:24px}.music-library-head{flex-wrap:wrap}.radio-workspace{grid-template-columns:1fr}}
@media(max-width:760px){body:is([data-route=messages],[data-route=community-chat],[data-route=feed]) .shell{margin:0;padding:0 16px;border-radius:0;box-shadow:none;background:var(--bg);min-height:0}body:is([data-route=messages],[data-route=community-chat],[data-route=feed]) .sidebar.is-open{height:auto;padding:18px;border-radius:0}.chat-layout{display:block;border-radius:24px!important}.chat-layout .card{padding:18px}.chat-layout .chat-sidebar{border-right:0!important}.chat-layout .chat-main{display:none}.chat-layout.has-chat .chat-main{display:flex}.chat-layout.has-chat .chat-sidebar{display:none}#chat-log{height:48dvh;min-height:250px}.chat-bubble{max-width:90%}.chat-main #chat-send textarea{min-height:60px}#chat-send .row{gap:12px}#chat-send .row small{font-size:10px;max-width:150px}.music-now{grid-template-columns:110px minmax(0,1fr);border-radius:22px}.music-now-body{padding:16px}.music-now h2{font-size:22px}.music-now-body>.smalltext{display:none}.music-library-head{align-items:stretch}.music-library-head label{flex:1;min-width:180px}body[data-route=music] .track-grid{gap:18px}.track-art{border-radius:16px}.track h3{font-size:14px}body[data-route=radio] .radio-feature{grid-template-columns:92px minmax(0,1fr);gap:14px;padding:18px}.radio-cover{width:92px;grid-row:1}.radio-feature h2{font-size:24px;margin-top:0}.radio-feature small{font-size:11px}.radio-feature #radio-play,.radio-feature>p{grid-column:1/-1}.radio-feature #radio-play{width:100%;justify-content:center}.radio-workspace{gap:24px}#persistent-player{bottom:82px;right:12px;width:calc(100vw - 24px);border-radius:20px;max-height:46dvh;overflow:auto}.music-workspace{gap:28px}body[data-route=feed] .community-aside{display:block}.chat-section-head .button{min-height:44px}.chat-thread{min-height:86px}}