.cam-account-link{font-size:14px!important;white-space:normal!important}.cam-song-like{min-height:44px;padding:10px 14px;border:1px solid #555;border-radius:12px;background:#171717;color:#eee;font:500 14px/1.4 Arial,sans-serif}.cam-song-like[aria-pressed=true]{background:#302938;border-color:#b69ed6}.cam-listener-status{font:12px/1.4 Arial,sans-serif;color:#bbb;max-width:220px}.cam-score-publish{margin-top:12px;padding-top:12px;border-top:1px solid #333;font-size:13px;line-height:1.6;color:#aaa}.cam-score-publish p{font:inherit;margin:0 0 8px}.cam-score-publish a{display:inline-flex;min-height:36px;align-items:center;color:#d8c7f5;text-decoration:underline;margin-left:10px}
body.listener-page{background:#09090b;color:#f1f1f5;font-family:Arial,Helvetica,sans-serif;margin:0}.listener-page .site-header{max-width:none;padding:18px 30px;background:#101012;display:flex;align-items:center;justify-content:space-between;gap:20px}.listener-page .site-header nav{display:flex;gap:6px;flex-wrap:wrap}.listener-page .brand{font-size:28px;color:#fff}.listener-page .brand-sub{font-size:11px;display:block;letter-spacing:.07em}.listener-shell{max-width:1320px;margin:auto;padding:36px 28px 160px}.listener-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.listener-heading h1{font:550 clamp(34px,5vw,54px)/1.1 Arial,sans-serif;letter-spacing:-.045em;margin:8px 0 14px}.listener-heading p,.listener-panel p{font:400 15px/1.7 Arial,sans-serif;color:#aaaab5}.listener-eyebrow{font-size:12px!important;letter-spacing:.14em;margin:0;color:#9f96b3!important}.listener-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}.listener-main{display:grid;gap:24px}.listener-panel{padding:24px;border:1px solid #303037;border-radius:20px;background:#121215;min-width:0;scroll-margin-top:20px}.listener-panel h2{font:550 25px/1.25 Arial,sans-serif;letter-spacing:-.025em;margin:0 0 14px}.listener-panel h3{font:550 18px/1.4 Arial,sans-serif;margin:24px 0 12px}.listener-section-head{display:flex;justify-content:space-between;gap:18px;align-items:center}.listener-section-head .listener-eyebrow{margin-bottom:8px}.listener-section-head h2{margin-bottom:0}.listener-page button,.listener-page .listener-primary{min-height:44px;border:1px solid #494950;border-radius:12px;background:#24242b;color:#f3f3f6;padding:11px 16px;font:550 14px/1.4 Arial,sans-serif;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;text-decoration:none}.listener-page button:hover{background:#33303e;border-color:#c5b0e6}.listener-page .listener-primary{background:#f1f1f6;color:#111;border-color:#f1f1f6}.listener-page button:disabled{opacity:.5;cursor:default}.listener-page [hidden]{display:none!important}.listener-page a{color:#d2c2ee}.listener-page label{display:grid;gap:7px;font-size:14px;line-height:1.5;margin:14px 0}.listener-page :is(input:not([type=checkbox]),select,textarea){width:100%;box-sizing:border-box;min-height:44px;border:1px solid #4a4a55;border-radius:10px;background:#19191f;color:#f5f5f7;padding:11px 12px;font:16px/1.5 Arial,sans-serif}.listener-page textarea{resize:vertical}.listener-page .check-row{display:flex;align-items:flex-start;gap:10px}.listener-page input[type=checkbox]{width:18px;height:18px;flex:none;margin-top:2px;accent-color:#c9b4ef}.listener-page :focus-visible{outline:2px solid #cdb6f5;outline-offset:4px}.listener-page summary{cursor:pointer;padding:14px 0;font-size:14px;color:#d9c8f3}.listener-note{font-size:12px!important;line-height:1.6;color:#9999a7!important}.listener-signout{display:inline-block;margin-top:20px;padding-block:10px;font-size:14px}.profile-name{font:600 23px/1.3 Arial,sans-serif;letter-spacing:-.025em}.profile-handle{font-size:14px;color:#b4a4cb;margin-top:4px}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.profile-stats strong{display:block;font-size:21px}.profile-stats span{display:block;font-size:12px;color:#999;margin-top:6px}.listener-song-list{list-style:none;padding:0;margin:0}.listener-song-list li{padding:10px 0;border-bottom:1px solid #2d2d34;font-size:14px;line-height:1.55}.listener-song-list small{display:block;font-size:12px;color:#9999a7}.listener-remove{border-top:1px solid #37313b;margin-top:24px}.listener-remove button{border-color:#915b65}.listener-table-wrap{overflow-x:auto}.listener-page table{width:100%;border-collapse:collapse;font-size:15px}.listener-page th{text-align:left;font-size:12px;letter-spacing:.04em;color:#9999a6;padding:12px;border-bottom:1px solid #383841}.listener-page td{padding:16px 12px;border-bottom:1px solid #2c2c34;font-variant-numeric:tabular-nums}.listener-page th:last-child,.listener-page td:last-child{text-align:right}.listener-page td small{display:block;color:#92929f;font-size:12px;margin-top:4px}.listener-page tbody tr:first-child{background:#c0a3ef0a}.forum-filter{max-width:200px}.forum-topic-card{border-top:1px solid #30303a;padding:17px 0}.listener-page .forum-topic-open{display:block;text-align:left;border:0;background:transparent!important;padding:0;font-size:18px;line-height:1.5;min-height:0;color:#f0edf6;overflow-wrap:anywhere;justify-content:start}.forum-meta{font-size:12px;color:#9999a9;margin:8px 0;line-height:1.5}.forum-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.7;color:#dddde5}.forum-post{padding:20px 0;border-bottom:1px solid #33333c}.forum-post h3{overflow-wrap:anywhere}.forum-post-actions{display:flex;gap:8px;flex-wrap:wrap}.listener-page .forum-post-actions button{font-size:12px;min-height:36px;padding:7px 10px;background:transparent}.listener-page #hub-status{position:sticky;top:0;z-index:20;white-space:pre-line;font-size:14px;color:#f0dcab;background:#25211a;border-radius:12px;line-height:1.6}.listener-page #hub-status:not(:empty){padding:12px 16px}.listener-footer{display:flex;gap:24px;margin-top:30px;font-size:14px}.listener-page #report-dialog{width:min(440px,calc(100% - 32px));padding:24px;border-radius:18px;border:1px solid #555;background:#17171c;color:#eee}.listener-page #report-dialog::backdrop{background:#000a}.listener-actions{display:flex;gap:10px}.listener-page .music-bar{background:#131316;border-color:#333}.listener-page .music-label{font-size:14px}.listener-page .music-label span{font-size:12px}.listener-page .music-controls{display:flex;flex-wrap:wrap;gap:10px}
@media(max-width:850px){.listener-layout{grid-template-columns:1fr}.listener-shell{padding:24px 16px 170px}.listener-heading{align-items:flex-start;flex-direction:column;gap:14px}.listener-panel{padding:20px}.listener-page .site-header{padding:16px;flex-wrap:wrap}.listener-page .site-header nav{gap:2px}.listener-page .site-header nav a{font-size:14px;padding:9px}.listener-section-head{align-items:flex-start}.listener-panel h2{font-size:23px}.listener-heading h1{font-size:39px}.listener-page .music-bar{flex-wrap:wrap}.listener-page .music-captions{display:none}.listener-page .music-label{min-width:110px}.listener-page .listener-footer{flex-wrap:wrap}.listener-table-wrap{margin-inline:-8px}.listener-page td{padding-inline:8px}}
/* Keep the shared player compact on the community page. */
.listener-page .music-bar{position:fixed;inset:auto 0 0;z-index:40;display:grid;grid-template-columns:44px minmax(110px,1fr) auto minmax(180px,270px) auto;align-items:center;gap:12px;padding:12px 24px;background:#131316f5;border-top:1px solid #393941;box-shadow:0 -8px 30px #0004;margin:0}.listener-page .music-cover img{width:44px;height:44px;border-radius:9px}.listener-page .music-label strong,.listener-page .music-label span{display:block;line-height:1.5}.listener-page .music-quick{display:flex;align-items:center;gap:5px}.listener-page .music-quick button{padding:10px 12px}.listener-page #site-music{width:100%;height:38px}.listener-page .music-settings{position:relative}.listener-page .music-settings summary{font-size:13px;white-space:nowrap;padding:12px;cursor:pointer}.listener-page .music-controls{position:absolute;bottom:calc(100% + 16px);right:0;width:280px;box-sizing:border-box;padding:18px;border:1px solid #4a4a55;border-radius:16px;background:#16161c;box-shadow:0 15px 40px #0009;flex-direction:column;align-items:stretch}.listener-page .music-captions{display:none}.listener-page #hub-status{position:relative}.listener-page .cam-stage-dialog button[hidden]{display:none!important}
@media(max-width:760px){.listener-page .music-bar{grid-template-columns:minmax(0,1fr) auto;padding:10px 16px;gap:6px 12px}.listener-page .music-cover,.listener-page #music-prev,.listener-page #music-share{display:none}.listener-page .music-label{grid-row:1;grid-column:1;min-width:0}.listener-page .music-label strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listener-page .music-quick{grid-row:1;grid-column:2}.listener-page #site-music{grid-row:2;grid-column:1}.listener-page .music-settings{grid-row:2;grid-column:2}.listener-page .music-settings summary{padding:10px 0;text-align:right}.listener-page .sound-visualizer{display:none}.listener-page .music-controls{bottom:calc(100% + 18px);width:270px}}

.song-pages{margin:24px 0;padding:16px;border-block:1px solid #ffffff20}.song-pages nav{display:flex;flex-wrap:wrap;gap:12px 24px;margin:16px 0}.song-pages a{font-size:14px;color:#eee;text-underline-offset:4px}.song-pages a span{color:#aaa}
.listener-page .music-bar{overflow:visible}.listener-page .music-controls{max-height:calc(100dvh - 160px);overflow-y:auto}

/* Compact, touch-friendly owner metrics. The panel is only added for a verified owner. */
.analytics-summary{display:grid;gap:16px;margin-top:18px}.analytics-group{border-top:1px solid #35353f;padding-top:16px}.analytics-group:first-child{border-top:0;padding-top:0}.analytics-group h3{font-size:14px!important;letter-spacing:.04em;margin:0 0 10px!important;color:#ddd9e8}.analytics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.analytics-grid>div{padding:16px;border:1px solid #393943;border-radius:14px;background:#0d0d10;min-width:0}.analytics-grid strong{display:block;font-size:clamp(22px,4vw,32px);line-height:1.1;overflow-wrap:anywhere}.analytics-grid span{display:block;margin-top:8px;font-size:12px;line-height:1.45;color:#aaaab5}
@media(max-width:560px){.listener-shell{padding:20px 12px 178px}.listener-panel{padding:18px 14px;border-radius:16px}.listener-heading h1{font-size:34px}.listener-heading p,.listener-panel p{font-size:14px}.listener-section-head{flex-direction:column;gap:12px}.listener-section-head>button{width:100%}.profile-stats,.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.listener-page .site-header nav{width:100%;justify-content:space-between}.listener-page .site-header nav a{padding:8px 4px}.listener-page .listener-primary{width:100%}.listener-actions{flex-direction:column}.listener-actions button{width:100%}}

.signup-steps{font-size:16px!important;color:#eee!important}.signup-options{margin:16px 0;padding:12px;border:1px solid #444;border-radius:10px}.signup-options summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:16px}#profile-status{font-size:16px;overflow-wrap:anywhere}#profile-form input:not([type=checkbox]){font-size:16px;min-height:48px}#account-anonymous .listener-primary{display:flex;justify-content:center;min-height:48px;margin:18px 0}#signup-return{display:inline-flex;align-items:center;min-height:44px;font-size:16px}.cam-account-link{min-height:44px;display:inline-flex;align-items:center}