.single-social{gap:7px;margin-top:14px;flex-wrap:wrap}.single-social>button,.single-social>span{min-height:28px;display:inline-flex;align-items:center;gap:5px;padding:0 9px!important;border:1px solid #2f2c34!important;border-radius:15px!important;background:#111014!important;color:#8e8994!important;font:600 9px Manrope!important;transition:.2s}.single-social>button:hover{border-color:#675280!important;background:#1d1824!important;color:#b399ff!important;transform:translateY(-1px)}.single-social>button:first-child{color:#b98ca1!important}.single-social>button:first-child.liked{color:#ff75a2!important;border-color:#6e354c!important;background:#21131a!important}.single-social>span{cursor:default}.single-social>span::first-letter{color:#9877f3}.full-social{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:28px}.full-social>button,.full-social>div{height:58px;border:1px solid #302d36;border-radius:6px;background:rgba(18,16,23,.7);color:#88838f;padding:0 15px;display:flex;align-items:center;gap:10px;font:600 9px Manrope;transition:.2s}.full-social>button{cursor:pointer}.full-social>button:hover{border-color:#66517f;background:#1d1825;color:#b69cff;transform:translateY(-2px)}.full-social b{font:500 14px Unbounded;color:#eee}.full-social .full-like.liked{color:#ef749d;border-color:#6e354c;background:#21131a}.full-social .social-symbol{font-size:16px;color:#9b7aff}.full-social .full-like .social-symbol{color:#e16e95}.comments-panel{z-index:2}@media(max-width:600px){.single-social>button,.single-social>span{font-size:8px!important;padding:0 7px!important}.full-social{margin-top:18px;gap:5px}.full-social>button,.full-social>div{height:50px;padding:0 9px;gap:6px;font-size:7px}.full-social b{font-size:10px}.full-social .social-symbol{font-size:13px}}

/* The site header has a fixed desktop height. The drawer header must size to its own content. */
.comments-panel>header{height:auto!important;min-height:118px!important;padding:28px 36px 24px!important;align-items:center!important;flex-shrink:0}
.comments-panel>header>div{min-width:0;padding-right:20px}
.comments-panel>header h3{line-height:1.15!important;margin:10px 0 0!important;overflow-wrap:anywhere}
.comments-panel>header>button{flex:0 0 38px}
.comments-panel>.comment-summary{position:relative;z-index:2;flex-shrink:0}
@media(max-width:600px){.comments-panel>header{min-height:104px!important;padding:23px 20px 20px!important}.comments-panel>header h3{font-size:21px!important}}

/* Unified social icon system */
.full-social .social-symbol{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border:1px solid rgba(155,122,255,.2);border-radius:9px;background:linear-gradient(145deg,rgba(155,122,255,.13),rgba(155,122,255,.035));color:#a588ff!important;box-shadow:inset 0 1px rgba(255,255,255,.04);transition:transform .2s,border-color .2s,box-shadow .2s}
.full-social .social-symbol svg{width:17px;height:17px;display:block;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.full-social .social-symbol-play svg{fill:currentColor;stroke:none;transform:none}
.full-social .social-symbol-heart{color:#ff79a4!important;border-color:rgba(255,121,164,.22);background:linear-gradient(145deg,rgba(255,121,164,.14),rgba(255,121,164,.035))}
.full-social .full-like.liked .social-symbol-heart svg{fill:currentColor}
.full-social .social-symbol-comment .icon-dots{stroke-width:3.2}
.full-social>button:hover .social-symbol{transform:translateY(-1px);border-color:currentColor;box-shadow:0 6px 18px rgba(119,79,218,.16)}
@media(max-width:600px){.full-social .social-symbol{width:26px;height:26px;flex-basis:26px;border-radius:8px}.full-social .social-symbol svg{width:15px;height:15px}}

/* Premium discussion drawer */
.comments-panel>.comment-summary{gap:8px;padding:10px 12px;background:#0b0a0e;border-bottom:1px solid #28252f}
.comments-panel>.comment-summary>*{min-width:0;min-height:76px!important;padding:0 16px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:12px;border:1px solid #2a2731!important;border-radius:10px!important;background:linear-gradient(145deg,#15131a,#100f14)!important;box-shadow:inset 0 1px rgba(255,255,255,.025);transition:.2s}
.comments-panel>.comment-summary>button:hover{border-color:#594670!important;background:linear-gradient(145deg,#1b1623,#121016)!important;transform:translateY(-1px)}
.comment-summary i{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:8px;border:1px solid rgba(159,124,255,.2);background:rgba(159,124,255,.08);color:#a786ff;font-style:normal}
.comment-summary i svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.comment-summary>*:nth-child(2) i svg{fill:currentColor;stroke:none;transform:translateX(1px)}
.comment-summary>button i{color:#ff79a4;border-color:rgba(255,121,164,.22);background:rgba(255,121,164,.08)}
.comment-summary>button.liked i svg{fill:currentColor}
.comment-summary>* span{min-width:0;display:flex;flex-direction:column}.comment-summary b{font-size:17px!important;line-height:1!important;margin:0 0 7px!important;letter-spacing:-.7px}.comment-summary small{font:600 6px Unbounded;color:#66616c;letter-spacing:.6px;white-space:nowrap}
.comments-list{padding:10px 24px 32px;background:linear-gradient(180deg,rgba(18,15,23,.35),transparent 160px)}
.comment{grid-template-columns:40px minmax(0,1fr);gap:14px;margin:4px 0;padding:18px 14px;border:1px solid transparent;border-bottom-color:#24212a;border-radius:10px;transition:.2s}
.comment:hover{background:rgba(24,20,30,.65);border-color:#2d2835;transform:translateX(2px)}
.comment-avatar{width:40px;height:40px;border-radius:12px;font-size:8px;border-color:#55416e;background:linear-gradient(145deg,#513275,#24182f);box-shadow:0 8px 24px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.08)}
.comment:nth-child(3n+2) .comment-avatar{color:#7fbcff;border-color:#365778;background:linear-gradient(145deg,#24466b,#172334)}
.comment:nth-child(3n) .comment-avatar{color:#ff91b5;border-color:#6a3950;background:linear-gradient(145deg,#653048,#291720)}
.comment-head{align-items:center}.comment-head b{font-size:10px;color:#f0edf3}.comment-head time{padding:4px 7px;border-radius:9px;background:#151319;color:#69646e;font-size:7px}
.comment p{max-width:460px;margin:10px 0 12px!important;color:#aaa5af!important;font-size:11px!important;line-height:1.65!important}
.comment-actions{display:flex;align-items:center;gap:13px;color:#6f6975;font-size:8px}.comment-actions .comment-like{color:#9f7cf6}.comment-actions b{color:#b59afd}.comment-actions button{margin-left:auto;border:0;background:none;color:#625d68;letter-spacing:2px;cursor:pointer;padding:3px}.comment-actions button:hover{color:#b398ff}
.comment-form{box-shadow:0 -18px 40px rgba(0,0,0,.25)}
@media(max-width:600px){.comments-panel>.comment-summary{gap:5px;padding:7px}.comments-panel>.comment-summary>*{min-height:66px!important;padding:0 9px!important;gap:7px}.comment-summary i{width:25px;height:25px;flex-basis:25px}.comment-summary b{font-size:12px!important}.comment-summary small{font-size:5px}.comments-list{padding-left:10px;padding-right:10px}.comment{padding-left:9px;padding-right:9px}}

/* Compact metrics on release cards */
.single-social>button,.single-social>.mini-plays{height:30px!important;min-height:30px!important;padding:0 10px!important;gap:6px!important;border-radius:9px!important;background:linear-gradient(145deg,#151319,#100f13)!important;border-color:#302c36!important;box-shadow:inset 0 1px rgba(255,255,255,.025);font-size:8px!important}
.single-social .social-symbol{width:15px;height:15px;display:grid;place-items:center;flex:0 0 15px;color:#8e72e0}
.single-social .social-symbol svg{width:14px;height:14px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.single-social .social-symbol-play svg{width:13px;height:13px;fill:currentColor;stroke:none;transform:none}
.single-social .social-symbol-heart{color:#e26f97}.single-social .mini-like.liked .social-symbol-heart{color:#ff78a6}.single-social .mini-like.liked .social-symbol-heart svg{fill:currentColor}
.single-social .social-symbol-comment{color:#9a83df}.single-social>button:hover{background:linear-gradient(145deg,#211a2a,#141118)!important;border-color:#695283!important;transform:translateY(-1px)}
.single-social .mini-like{color:#aa7d91!important}.single-social .mini-like.liked{color:#ff8caf!important;border-color:#71384f!important;background:linear-gradient(145deg,#25151d,#151015)!important}
@media(max-width:600px){.single-social>button,.single-social>.mini-plays{height:28px!important;min-height:28px!important;padding:0 8px!important;border-radius:8px!important}}