:root{--c-bg:#f4f4f4;--c-card:#fff;--c-text:#202020;--c-muted:#777;--c-line:#dedede;--c-accent:#ff5500;--c-dark:#242424;--c-green:#28d17c;--c-radius:5px}*{box-sizing:border-box}.mix365-cloud-page{margin:0;background:var(--c-bg);color:var(--c-text);font-family:Inter,Arial,sans-serif;padding-bottom:92px}.cloud-shell{max-width:1280px;margin:0 auto;background:#fff;min-height:74vh;box-shadow:0 0 20px rgba(0,0,0,.04)}.cloud-loading,.cloud-empty{padding:60px 28px;text-align:center;color:#777}.cloud-empty h2{color:#222}.cloud-topbar{background:#333;color:#fff;padding:0 22px;min-height:52px;display:flex;align-items:center;gap:18px;position:sticky;top:0;z-index:50}.cloud-brand{font-weight:800;letter-spacing:.4px;white-space:nowrap}.cloud-brand b{color:var(--c-accent)}.cloud-nav{display:flex;align-self:stretch}.cloud-nav button,.cloud-nav a{border:0;background:transparent;color:#ccc;padding:0 14px;cursor:pointer;text-decoration:none;display:flex;align-items:center;font:inherit}.cloud-nav .active,.cloud-nav button:hover,.cloud-nav a:hover{color:#fff;background:#111}.cloud-live-link span{width:7px;height:7px;background:#ff3434;border-radius:50%;margin-right:7px;box-shadow:0 0 0 4px rgba(255,52,52,.12)}.cloud-search{margin-left:auto;display:flex;gap:8px;min-width:290px}.cloud-search input{width:100%;border:0;border-radius:3px;padding:9px 10px;background:#e5e5e5;color:#222}.cloud-btn{border:1px solid #d2d2d2;background:#fff;color:#333;padding:9px 14px;border-radius:3px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;font:inherit}.cloud-btn:hover{border-color:#aaa}.cloud-btn.primary{background:var(--c-accent);border-color:var(--c-accent);color:#fff}.cloud-btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}.cloud-btn.live{color:#222}.cloud-btn.small{padding:6px 9px;font-size:12px}.cloud-btn.large{padding:12px 20px;font-weight:700}.cloud-btn.danger{color:#b51d1d}.cloud-kicker{display:block;font-size:11px;font-weight:800;letter-spacing:1.6px;color:var(--c-accent);margin-bottom:8px}.cloud-hero{padding:42px 34px;background:linear-gradient(125deg,#101010,#3b241c 62%,#743015);color:white;display:grid;grid-template-columns:1fr 330px;gap:34px;align-items:center}.cloud-hero h1{font-size:44px;line-height:1.03;margin:0 0 14px}.cloud-hero p{margin:0;color:#d3d3d3;max-width:680px;line-height:1.55}.cloud-hero-actions{display:flex;gap:10px;margin-top:22px}.cloud-radio{background:rgba(0,0,0,.38);padding:20px;border-radius:6px;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}.cloud-radio strong{display:block;font-size:18px}.cloud-radio p{font-size:13px;margin:6px 0 12px}.cloud-radio a{color:#fff;text-decoration:none;font-size:13px;font-weight:700}.cloud-live-dot{width:12px;height:12px;background:#ff3434;border-radius:50%;margin-top:5px;box-shadow:0 0 0 6px rgba(255,52,52,.12)}.cloud-live-dot.small{width:7px;height:7px;margin:0;box-shadow:none}.cloud-section{padding:28px 30px;border-bottom:1px solid #eee}.cloud-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.cloud-section h2,.cloud-panel h2{margin:0;font-size:24px}.cloud-subtitle{color:#888;margin-top:5px;font-size:14px}.cloud-tabs{display:flex;gap:8px}.cloud-tab{background:none;border:0;border-bottom:2px solid transparent;padding:8px;cursor:pointer}.cloud-tab.active{border-color:var(--c-accent);color:var(--c-accent)}.cloud-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.cloud-card{min-width:0}.cloud-art{position:relative;aspect-ratio:1;background:#ddd center/cover no-repeat;box-shadow:0 1px 5px rgba(0,0,0,.16);cursor:pointer}.cloud-art:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(0,0,0,.22));pointer-events:none}.cloud-play{position:absolute;z-index:2;right:12px;bottom:12px;width:54px;height:54px;border:0;border-radius:50%;background:var(--c-accent);color:#fff;font-size:21px;cursor:pointer;opacity:0;transform:scale(.94);transition:.14s}.cloud-art:hover .cloud-play,.cloud-card.is-playing .cloud-play{opacity:1;transform:scale(1)}.cloud-card-title{display:block;color:#222;text-decoration:none;font-weight:600;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cloud-card-creator{display:block;color:#777;text-decoration:none;font-size:13px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cloud-card-creator:hover{color:#333}.cloud-card-stats{display:flex;align-items:center;gap:9px;color:#999;font-size:12px;margin-top:5px;min-height:19px}.cloud-card-stats button,.cloud-release-meta button{border:0;background:#eee;border-radius:10px;padding:2px 7px;color:#777;font-size:11px;cursor:pointer}.cloud-waveform{height:46px;position:relative;overflow:hidden;margin-top:7px;background:#f7f7f7}.cloud-waveform.large{height:112px;background:rgba(255,255,255,.09);flex:1}.cloud-wave-base,.cloud-wave-played img{width:100%;height:100%;object-fit:fill;display:block}.cloud-wave-base{opacity:.32;filter:brightness(.18)}.cloud-wave-played{position:absolute;left:0;top:0;bottom:0;width:0;overflow:hidden}.cloud-wave-played img{position:absolute;left:0;top:0;max-width:none;filter:sepia(1) saturate(12) hue-rotate(335deg) brightness(1.05)}.cloud-waveform.fallback{display:flex;align-items:center}.cloud-wave-fallback{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;gap:1px}.cloud-wave-fallback i{display:block;width:2px;background:#aaa;border-radius:1px}.cloud-profile-hero{min-height:310px;background:linear-gradient(135deg,#555,#151515);background-size:cover;background-position:center;display:flex;align-items:end;padding:30px;color:white}.cloud-profile-avatar{width:190px;height:190px;border-radius:50%;background:#ddd center/cover no-repeat;margin-right:26px;box-shadow:0 2px 12px rgba(0,0,0,.3)}.cloud-profile-copy{padding-bottom:9px}.cloud-profile-name{font-size:34px;background:#111;padding:7px 12px;display:inline-block}.cloud-profile-handle{display:table;background:#111;color:#aaa;padding:4px 9px;margin-top:4px}.cloud-profile-bio{margin-top:10px;background:rgba(17,17,17,.88);padding:7px 10px;display:table;color:#ddd;max-width:650px}.cloud-profile-stats{display:flex;gap:9px;align-items:baseline;margin-top:12px;background:rgba(17,17,17,.75);padding:7px 10px;width:max-content}.cloud-profile-stats strong{font-size:17px}.cloud-profile-stats span{font-size:11px;color:#bbb;margin-right:8px}.cloud-release{padding:30px}.cloud-release-top{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;background:linear-gradient(135deg,#d7d7d7,#767676);padding:28px;min-height:405px}.cloud-release-art{aspect-ratio:1;background:#ddd center/cover no-repeat;max-width:360px;width:100%;align-self:center}.cloud-release-copy{min-width:0}.cloud-release-copy h1{font-size:34px;margin:13px 0 5px;background:#222;color:#fff;display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:4px 8px;line-height:1.45}.cloud-release-copy .creator{display:inline-block;background:#222;color:#ccc;padding:4px 8px;text-decoration:none}.cloud-release-meta{display:flex;gap:9px;align-items:center;color:#555;margin-top:20px;font-size:13px;flex-wrap:wrap}.cloud-release-player{display:flex;gap:16px;align-items:center;margin-top:26px}.cloud-release-play{flex:0 0 66px;width:66px;height:66px;border:0;border-radius:50%;background:var(--c-accent);color:white;font-size:26px;cursor:pointer}.cloud-about{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:38px}.cloud-description{white-space:pre-wrap;line-height:1.65}.cloud-creator-mini{display:flex;flex-direction:column;color:#333;text-decoration:none}.cloud-creator-mini strong{font-size:17px}.cloud-creator-mini span{font-size:12px;color:#888}.cloud-mini-avatar{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#ddd,#999);margin-bottom:10px}.cloud-creator-mini+.cloud-btn{margin-top:15px}.cloud-form{max-width:850px;margin:0 auto;padding:34px}.cloud-form-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.cloud-form h1,.cloud-you-head h1{margin:0;font-size:34px}.cloud-field{margin-bottom:18px;min-width:0}.cloud-field label{display:block;font-weight:600;margin-bottom:6px}.cloud-field label b{color:var(--c-accent)}.cloud-field small{display:block;color:#888;margin-top:6px}.cloud-field input,.cloud-field textarea,.cloud-field select{width:100%;padding:11px;border:1px solid #ccc;border-radius:3px;font:inherit;background:#fff}.cloud-field textarea{min-height:110px;resize:vertical}.cloud-field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cloud-upload-drop{border:2px dashed #bbb;padding:25px;background:#fafafa;display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.cloud-progress{height:9px;background:#eee;border-radius:5px;overflow:hidden;margin:15px 0}.cloud-progress span{display:block;height:100%;background:var(--c-accent);width:0}.cloud-notice{padding:12px 14px;background:#fff2e9;border-left:4px solid var(--c-accent);margin:15px 0}.cloud-status{margin-left:10px;font-size:13px;color:#666}.cloud-you-head{padding:36px 32px;background:linear-gradient(120deg,#f5f5f5,#e6e6e6);display:flex;justify-content:space-between;align-items:center}.cloud-you-head p{margin:7px 0 0;color:#777}.cloud-you-grid{padding:28px 30px;display:grid;grid-template-columns:360px minmax(0,1fr);gap:26px;background:#f7f7f7}.cloud-panel{background:#fff;border:1px solid #e0e0e0;padding:22px}.cloud-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.cloud-manage-list{display:flex;flex-direction:column}.cloud-manage-row{display:grid;grid-template-columns:90px minmax(0,1fr);gap:15px;padding:14px 0;border-bottom:1px solid #eee}.cloud-manage-art{width:90px;height:90px;background:#ddd center/cover no-repeat}.cloud-manage-title{display:flex;align-items:center;gap:8px}.cloud-manage-title a{font-weight:700;color:#222;text-decoration:none}.cloud-manage-stats{font-size:12px;color:#888;margin-top:6px}.cloud-manage-actions{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}.cloud-pill{font-size:10px;padding:2px 7px;border-radius:10px;background:#e8e8e8;color:#777}.cloud-pill.private{background:#eee;color:#555}.cloud-edit-form{background:#fafafa;border:1px solid #e8e8e8;margin-top:14px;padding:15px}.cloud-edit-form[hidden]{display:none}
.cloud-player{position:fixed;z-index:9999;left:0;right:0;bottom:0;height:78px;background:#f2f2f2;border-top:1px solid #ccc;display:grid;grid-template-columns:56px 32px 42px 32px minmax(130px,240px) minmax(150px,1fr) 105px 110px;align-items:center;gap:8px;padding:8px 16px}.cloud-player[hidden]{display:none}.cloud-player-cover{width:54px;height:54px;border:0;background:#ccc center/cover no-repeat}.cloud-player-button,.cloud-player-skip{border:0;background:none;font-size:20px;cursor:pointer;padding:4px}.cloud-player-skip{font-size:15px}.cloud-player-meta{min-width:0}.cloud-player-meta strong,.cloud-player-meta span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cloud-player-meta span{font-size:12px;color:#777}.cloud-player-seek{width:100%;accent-color:var(--c-accent)}.cloud-player-time{font-size:12px;color:#666;text-align:center}.cloud-player-volume{width:100%;accent-color:var(--c-accent)}
@media(max-width:1050px){.cloud-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cloud-search{min-width:210px}.cloud-you-grid{grid-template-columns:310px minmax(0,1fr)}}
@media(max-width:850px){.cloud-topbar{flex-wrap:wrap;padding:0 12px}.cloud-search{order:3;width:100%;padding-bottom:10px}.cloud-hero{grid-template-columns:1fr;padding:30px 22px}.cloud-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cloud-release-top{grid-template-columns:1fr}.cloud-release-art{max-width:300px}.cloud-about{grid-template-columns:1fr}.cloud-you-grid{grid-template-columns:1fr}.cloud-player{grid-template-columns:42px 26px 36px 26px 1fr 90px;padding:7px 8px}.cloud-player-cover{width:42px;height:42px}.cloud-player-seek{grid-column:1/-1;position:absolute;left:0;right:0;top:-6px;width:100%}.cloud-player-time,.cloud-player-volume{display:none}}
@media(max-width:600px){.mix365-cloud-page{padding-bottom:80px}.cloud-topbar{gap:3px}.cloud-brand{padding:12px 3px}.cloud-nav{width:100%;overflow-x:auto}.cloud-nav button,.cloud-nav a{padding:12px 10px;white-space:nowrap}.cloud-search{min-width:0}.cloud-hero h1{font-size:34px}.cloud-hero-actions{flex-wrap:wrap}.cloud-section{padding:22px 16px}.cloud-section-head{align-items:flex-start}.cloud-grid{gap:16px}.cloud-play{opacity:1;width:46px;height:46px}.cloud-profile-hero{min-height:245px;padding:18px;align-items:center}.cloud-profile-avatar{width:105px;height:105px;margin-right:14px}.cloud-profile-name{font-size:23px}.cloud-profile-bio{display:none}.cloud-release{padding:0}.cloud-release-top{padding:18px}.cloud-release-copy h1{font-size:27px}.cloud-release-player{gap:10px}.cloud-release-play{width:52px;height:52px;flex-basis:52px}.cloud-waveform.large{height:80px}.cloud-about{padding:20px 16px}.cloud-form{padding:24px 16px}.cloud-form-head{align-items:flex-start;gap:12px}.cloud-field-row,.cloud-upload-drop{grid-template-columns:1fr}.cloud-you-head{padding:28px 18px}.cloud-you-grid{padding:18px 12px}.cloud-panel{padding:17px}.cloud-manage-row{grid-template-columns:68px 1fr}.cloud-manage-art{width:68px;height:68px}.cloud-player{height:66px;grid-template-columns:38px 22px 34px 22px 1fr}.cloud-player-cover{width:38px;height:38px}.cloud-player-time,.cloud-player-volume,.cloud-player-seek{display:none}}

/* MIX365 CLOUD PHASE 1 V3 */
.cloud-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;padding:28px 0 110px}.cloud-main{min-width:0}.cloud-side{display:flex;flex-direction:column;gap:18px}.cloud-side-box{background:#151515;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px;position:sticky;top:96px}.cloud-side-box+ .cloud-side-box{position:static}.cloud-side-box h3{margin:0 0 14px;color:#fff}.cloud-creator-rail{display:grid;gap:10px}.cloud-creator-card{display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto auto;column-gap:10px;align-items:center;text-decoration:none;color:#fff;padding:8px;border-radius:12px}.cloud-creator-card:hover{background:rgba(255,255,255,.05)}.cloud-creator-card-avatar{grid-row:1/4;width:46px;height:46px;border-radius:50%;background:#282828 center/cover no-repeat}.cloud-creator-card strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cloud-creator-card span,.cloud-creator-card small{font-size:12px;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cloud-tags{display:flex;flex-wrap:wrap;gap:8px}.cloud-tags button,.cloud-tags span{border:1px solid rgba(255,255,255,.1);background:#222;color:#ddd;border-radius:999px;padding:7px 10px;font-size:12px}.cloud-tags button small{opacity:.65}.cloud-tags.text{margin-top:16px}.cloud-type-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 20px}.cloud-type-tabs button{border:1px solid rgba(255,255,255,.1);background:#151515;color:#aaa;border-radius:999px;padding:8px 13px;cursor:pointer}.cloud-type-tabs button.active,.cloud-type-tabs button:hover{background:#ff4f00;color:#fff;border-color:#ff4f00}.cloud-type{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.72);color:#fff;font-size:11px;padding:5px 8px;border-radius:999px;letter-spacing:.04em;text-transform:uppercase}.cloud-card-creator{display:flex!important;align-items:center;gap:7px}.cloud-inline-avatar{display:inline-block;width:22px;height:22px;border-radius:50%;background:#333 center/cover no-repeat;vertical-align:middle;flex:0 0 auto}.cloud-inline-avatar.big{width:34px;height:34px}.cloud-release-by{display:flex;align-items:center;gap:9px;margin-bottom:12px}.cloud-release-by a{color:#fff;text-decoration:none}.cloud-pager{padding:18px 0;color:#888}.cloud-recent{margin-top:34px;border-top:1px solid rgba(255,255,255,.08);padding-top:22px}.cloud-recent h3{margin:0 0 14px}.cloud-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cloud-profile-preview{display:flex;align-items:center;gap:12px;margin:0 0 18px}.cloud-profile-preview>div:last-child{display:grid}.cloud-profile-preview span{color:#999;font-size:13px}.cloud-profile-avatar.small-preview{width:70px;height:70px;flex:0 0 70px}.cloud-art-form{margin-top:12px;padding:12px;border:1px dashed rgba(255,255,255,.12);border-radius:12px}.cloud-art-form input{max-width:100%}.cloud-player-mode{border:0;background:transparent;color:#999;font-size:20px;cursor:pointer}.cloud-player-mode.active{color:#ff4f00}.cloud-muted{color:#888;font-size:13px}.cloud-description.pre{white-space:pre-wrap}.cloud-waveform[data-wave-seek]{cursor:pointer}.cloud-waveform.large{min-height:92px}.cloud-manage-title{flex-wrap:wrap}.cloud-pill{white-space:nowrap}.cloud-player{z-index:1200}.cloud-form details{margin:10px 0 16px;color:#aaa}.cloud-form details summary,.cloud-panel details summary{cursor:pointer;margin-bottom:12px;color:#ccc}.cloud-about aside{display:flex;flex-direction:column;gap:10px}.cloud-release .cloud-section:last-child{padding-bottom:110px}
@media (max-width:1050px){.cloud-layout{grid-template-columns:1fr}.cloud-side{display:grid;grid-template-columns:1fr 1fr}.cloud-side-box{position:static}.cloud-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.cloud-layout{padding-left:0;padding-right:0}.cloud-side{grid-template-columns:1fr}.cloud-mini-grid{grid-template-columns:1fr}.cloud-type-tabs{overflow:auto;flex-wrap:nowrap;padding-bottom:3px}.cloud-type-tabs button{white-space:nowrap}.cloud-player-mode{display:none}.cloud-release-by{margin-top:10px}}

/* MIX365 CLOUD PHASE 2 V1 — FOLLOWERS additions */
.cloud-brand small{display:block;font-size:9px;letter-spacing:.13em;text-transform:uppercase;opacity:.55;margin-top:2px}
.cloud-live-link.is-live{box-shadow:0 0 0 1px rgba(255,64,64,.42),0 0 18px rgba(255,40,40,.18)}
.cloud-live-link.is-live span,.cloud-live-link.is-live .cloud-live-dot{animation:cloudLivePulse 1.15s infinite}
@keyframes cloudLivePulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.72);opacity:.45}}
.cloud-source,.cloud-draft-badge{position:absolute;top:12px;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:rgba(9,12,17,.86);backdrop-filter:blur(5px)}
.cloud-source{right:12px}.cloud-draft-badge{right:12px;background:rgba(242,159,5,.95);color:#101010}.cloud-type+.cloud-source+.cloud-draft-badge{top:42px}
.cloud-pager{display:flex;align-items:center;justify-content:center;gap:14px;min-height:58px;margin-top:18px}
.cloud-pager span{opacity:.68;font-size:13px}
.cloud-usage-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.cloud-usage-chips span{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);padding:6px 9px;border-radius:999px;font-size:12px;opacity:.86}
.cloud-pill.draft{background:rgba(242,159,5,.15);border-color:rgba(242,159,5,.4);color:#ffcb66}
.cloud-manage-row.is-draft{outline:1px dashed rgba(242,159,5,.25);outline-offset:-1px}
.cloud-field-row>.cloud-field{min-width:150px}
@media(max-width:720px){.cloud-brand small{display:none}.cloud-pager{flex-direction:column}.cloud-field-row{grid-template-columns:1fr!important}.cloud-usage-chips{gap:5px}.cloud-usage-chips span{font-size:11px}}


/* Phase 2 V1: followers */
.cloud-follow-btn{min-width:110px;justify-content:center}
.cloud-follow-btn.is-following{background:#222;border-color:#666}
.cloud-follow-btn.is-following:hover{background:#2b2b2b}
.cloud-creator-follow-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 14px}
.cloud-creator-follow-meta>span{font-size:.86rem;opacity:.72}
.cloud-following-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;margin-top:20px}
.cloud-profile-copy>.cloud-follow-btn{margin-top:14px}
@media(max-width:720px){
  .cloud-following-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .cloud-creator-follow-meta{align-items:flex-start;flex-direction:column}
  .cloud-follow-btn{width:100%}
}

/* MIX365 CLOUD PHASE 2 V2 — TIMED COMMENTS */
.cloud-release-wave-wrap{position:relative;min-width:0;flex:1}
.cloud-release-wave-wrap>.cloud-waveform{width:100%}
.cloud-comment-markers{position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none;z-index:5}
.cloud-comment-marker{position:absolute;bottom:-15px;transform:translateX(-50%);width:28px;height:28px;padding:0;border:2px solid #fff;border-radius:50%;background:#222;box-shadow:0 3px 10px rgba(0,0,0,.35);cursor:pointer;pointer-events:auto;z-index:6}
.cloud-comment-marker:after{content:"";position:absolute;left:50%;top:-8px;width:2px;height:8px;background:#ff4f00;transform:translateX(-50%)}
.cloud-comment-marker span{display:block;width:100%;height:100%;border-radius:50%;background:#333 center/cover no-repeat}
.cloud-comments{padding:28px 0 12px;border-top:1px solid rgba(255,255,255,.08);margin-top:8px}
.cloud-comments>.cloud-section-head{margin-bottom:16px}
.cloud-comment-total{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(255,255,255,.07);font-size:13px;color:#bbb}
.cloud-comment-form{background:#151515;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px;margin-bottom:18px}
.cloud-comment-at{font-size:12px;color:#929292;margin-bottom:9px}.cloud-comment-at strong{color:#ff7b3d}
.cloud-comment-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.cloud-comment-compose input{width:100%;border:1px solid rgba(255,255,255,.12);background:#0d0d0d;color:#fff;border-radius:10px;padding:12px 13px;outline:none}.cloud-comment-compose input:focus{border-color:#ff4f00}
.cloud-comment-status{display:block;min-height:18px;margin-top:7px;font-size:12px;color:#a5a5a5}
.cloud-comment-login{padding:12px 14px;border:1px dashed rgba(255,255,255,.12);border-radius:12px;margin-bottom:18px;color:#999}.cloud-comment-login a{color:#ff7b3d}
.cloud-comment-list{display:grid;gap:4px}.cloud-comment-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;padding:11px 4px;border-bottom:1px solid rgba(255,255,255,.055)}
.cloud-comment-avatar{width:38px;height:38px;border:0;border-radius:50%;background:#2c2c2c center/cover no-repeat;cursor:pointer}
.cloud-comment-main{min-width:0}.cloud-comment-head{display:flex;align-items:center;gap:8px;min-width:0}.cloud-comment-head a{font-weight:700;color:#fff;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cloud-comment-time{border:0;background:none;color:#ff7b3d;padding:0;font-size:12px;cursor:pointer}.cloud-comment-delete{margin-left:auto;border:0;background:none;color:#777;font-size:20px;line-height:1;cursor:pointer}.cloud-comment-delete:hover{color:#ff6969}
.cloud-comment-main p{margin:4px 0 0;color:#d3d3d3;line-height:1.45;overflow-wrap:anywhere}.cloud-empty.compact{padding:16px 0;text-align:left}
@media(max-width:720px){.cloud-comments{padding:22px 16px 8px}.cloud-comment-compose{grid-template-columns:1fr}.cloud-comment-compose .cloud-btn{width:100%}.cloud-comment-marker{width:24px;height:24px;bottom:-12px}.cloud-comment-row{grid-template-columns:36px minmax(0,1fr)}.cloud-comment-avatar{width:34px;height:34px}}


/* MIX365 CLOUD PHASE 2 V3 — PLAYLISTS */
.cloud-playlist-create{display:grid;grid-template-columns:minmax(220px,1fr) 180px auto auto;gap:12px;align-items:end;padding:16px;background:#151515;border:1px solid rgba(255,255,255,.08);border-radius:14px;margin:18px 0 24px}.cloud-playlist-create .cloud-field{margin:0}.cloud-playlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:22px}.cloud-playlist-card{min-width:0}.cloud-playlist-art{display:block;position:relative;aspect-ratio:1;background:#252525 center/cover no-repeat;box-shadow:0 1px 5px rgba(0,0,0,.2)}.cloud-playlist-stack{position:absolute;inset:0 0 0 auto;width:10px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.34) 0 2px,transparent 2px 5px);opacity:.65}.cloud-playlist-count{position:absolute;right:13px;bottom:12px;background:rgba(0,0,0,.76);color:#fff;border-radius:999px;padding:5px 8px;font-size:11px}.cloud-playlist-hero{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;padding:32px;background:linear-gradient(135deg,#191919,#4b2717);color:#fff}.cloud-playlist-hero-art{position:relative;width:100%;aspect-ratio:1;background:#333 center/cover no-repeat;box-shadow:0 7px 24px rgba(0,0,0,.35)}.cloud-playlist-hero-copy{align-self:end}.cloud-playlist-hero-copy h1{font-size:38px;margin:4px 0 8px}.cloud-playlist-hero-copy>a{color:#ccc;text-decoration:none}.cloud-playlist-hero-copy p{max-width:720px;color:#bbb;white-space:pre-wrap}.cloud-playlist-actions{display:flex;gap:9px;margin-top:18px;flex-wrap:wrap}.cloud-playlist-edit{padding-top:16px;padding-bottom:16px}.cloud-playlist-edit summary{cursor:pointer;font-weight:700}.cloud-playlist-edit form{margin-top:16px}.cloud-playlist-items{display:grid}.cloud-playlist-row{display:grid;grid-template-columns:40px 56px minmax(150px,260px) minmax(170px,1fr) 62px auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}.cloud-playlist-index{width:34px;height:34px;border:0;border-radius:50%;background:#ff4f00;color:#fff;cursor:pointer}.cloud-playlist-row-art{width:56px;height:56px;background:#2a2a2a center/cover no-repeat}.cloud-playlist-row-meta{display:grid;min-width:0}.cloud-playlist-row-meta a{color:#fff;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cloud-playlist-row-meta a+a{font-size:12px;color:#888;margin-top:4px}.cloud-playlist-row .cloud-waveform{margin:0}.cloud-playlist-row-time{font-size:12px;color:#888;text-align:right}.cloud-playlist-row-actions{display:flex;gap:4px}.cloud-playlist-row-actions button{border:1px solid rgba(255,255,255,.12);background:#171717;color:#bbb;border-radius:6px;min-width:30px;height:30px;cursor:pointer}.cloud-playlist-row-actions button:disabled{opacity:.25;cursor:default}.cloud-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:3000;display:grid;place-items:center;padding:18px}.cloud-modal{width:min(520px,100%);max-height:80vh;overflow:auto;background:#111;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:22px;position:relative;box-shadow:0 18px 70px rgba(0,0,0,.55)}.cloud-modal h2{margin:0 0 16px}.cloud-modal-close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:#aaa;font-size:26px;cursor:pointer}.cloud-picker-list{display:grid;gap:7px;margin-bottom:15px}.cloud-picker-list>button{display:grid;text-align:left;border:1px solid rgba(255,255,255,.1);background:#191919;color:#fff;border-radius:10px;padding:11px 12px;cursor:pointer}.cloud-picker-list>button:hover{border-color:#ff4f00}.cloud-picker-list small{color:#888;margin-top:4px}.cloud-picker-create{display:grid;grid-template-columns:minmax(0,1fr) 120px auto;gap:8px}.cloud-picker-create input,.cloud-picker-create select{background:#181818;border:1px solid rgba(255,255,255,.12);color:#fff;padding:10px;border-radius:8px}
@media(max-width:820px){.cloud-playlist-create{grid-template-columns:1fr}.cloud-playlist-hero{grid-template-columns:120px minmax(0,1fr);padding:20px}.cloud-playlist-hero-copy h1{font-size:27px}.cloud-playlist-row{grid-template-columns:34px 48px minmax(0,1fr) auto}.cloud-playlist-row-art{width:48px;height:48px}.cloud-playlist-row .cloud-waveform,.cloud-playlist-row-time{display:none}.cloud-playlist-row-actions{grid-column:3/5}.cloud-picker-create{grid-template-columns:1fr}}


/* MIX365 CLOUD PHASE 2 V4 — NOTIFICATIONS */
.cloud-notification-nav{position:relative}.cloud-notification-badge{position:absolute;right:3px;top:5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ff4f00;color:#fff;font-size:10px;font-weight:800;line-height:18px;text-align:center;box-shadow:0 0 0 2px #333}.cloud-notification-nav.active .cloud-notification-badge{box-shadow:0 0 0 2px #111}
.cloud-notifications{max-width:900px;margin:0 auto;min-height:560px}.cloud-notifications h1{margin:0;font-size:32px}.cloud-notification-list{border-top:1px solid #ececec}.cloud-notification-row{display:grid;grid-template-columns:54px minmax(0,1fr) 58px 9px;gap:13px;align-items:center;padding:14px 7px;border-bottom:1px solid #ececec;cursor:pointer;transition:background .12s}.cloud-notification-row:hover{background:#fafafa}.cloud-notification-row.is-unread{background:#fff7f2}.cloud-notification-avatar{position:relative;width:48px;height:48px;border-radius:50%;background:#ddd center/cover no-repeat}.cloud-notification-avatar>span{position:absolute;right:-4px;bottom:-3px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#222;color:#fff;border:2px solid #fff;font-size:10px}.cloud-notification-copy{min-width:0}.cloud-notification-copy strong{display:block;color:#222;line-height:1.35}.cloud-notification-copy p{margin:4px 0;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cloud-notification-copy small{display:block;color:#999;margin-top:5px}.cloud-notification-art{width:54px;height:54px;background:#ddd center/cover no-repeat}.cloud-notification-dot{width:8px;height:8px;border-radius:50%;background:transparent}.cloud-notification-row.is-unread .cloud-notification-dot{background:#ff4f00}
@media(max-width:900px){.cloud-notification-badge{right:0;top:2px}.cloud-notification-row{grid-template-columns:46px minmax(0,1fr) 48px 8px;padding:12px 4px}.cloud-notification-avatar{width:42px;height:42px}.cloud-notification-art{width:48px;height:48px}.cloud-notifications{padding-left:16px;padding-right:16px}}

/* MIX365 CLOUD PHASE 3 V2 — ADVANCED CREATOR STATS */
.cloud-analytics{min-height:650px}.cloud-analytics h1{margin:2px 0 0;font-size:36px}.cloud-analytics-range{display:flex;gap:7px;flex-wrap:wrap}.cloud-analytics-range button{border:1px solid #d8d8d8;background:#fff;color:#555;border-radius:999px;padding:8px 13px;cursor:pointer}.cloud-analytics-range button.active{background:#222;border-color:#222;color:#fff}.cloud-analytics-note{font-size:13px;color:#6d4b39}.cloud-analytics-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0}.cloud-analytics-metric{background:#fafafa;border:1px solid #e8e8e8;border-radius:8px;padding:16px;min-width:0}.cloud-analytics-metric>span{display:block;font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.55px}.cloud-analytics-metric>strong{display:block;font-size:27px;line-height:1.1;margin-top:8px;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cloud-analytics-metric>small{display:block;color:#888;margin-top:7px}.cloud-analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.cloud-analytics-panel{min-width:0}.cloud-analytics-chart{height:230px;display:flex;align-items:end;gap:4px;border-bottom:1px solid #ddd;padding:20px 4px 28px;position:relative}.cloud-analytics-bar-col{height:100%;flex:1;min-width:3px;display:flex;flex-direction:column;justify-content:end;align-items:center;position:relative}.cloud-analytics-bar{width:min(28px,88%);min-height:2px;background:linear-gradient(to top,#ff5500,#ff8a4d);border-radius:3px 3px 0 0;position:relative;transition:height .2s}.cloud-analytics-bar b{position:absolute;left:50%;transform:translateX(-50%);top:-18px;font-size:9px;color:#777;white-space:nowrap}.cloud-analytics-bar-col>span{position:absolute;top:calc(100% + 7px);font-size:9px;color:#999;white-space:nowrap;transform:rotate(-22deg);transform-origin:center}.cloud-analytics-table{display:grid}.cloud-analytics-track{display:grid;grid-template-columns:28px 48px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #eee;text-decoration:none;color:#222}.cloud-analytics-track:hover{background:#fafafa}.cloud-analytics-rank{color:#aaa;text-align:center;font-size:12px}.cloud-analytics-track-art{width:48px;height:48px;background:#ddd center/cover no-repeat}.cloud-analytics-track div:nth-child(3){display:grid;min-width:0}.cloud-analytics-track strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cloud-analytics-track small{color:#888;margin-top:4px}.cloud-analytics-track>span:last-child{color:#888;font-size:12px;white-space:nowrap}.cloud-analytics-sources{display:grid;gap:8px}.cloud-analytics-sources>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;padding:10px 0;border-bottom:1px solid #eee}.cloud-analytics-sources strong{font-size:14px}.cloud-analytics-sources span{font-weight:700}.cloud-analytics-sources small{grid-column:1/3;color:#999}
@media(max-width:980px){.cloud-analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cloud-analytics-grid{grid-template-columns:1fr}.cloud-analytics-track{grid-template-columns:24px 44px minmax(0,1fr)}.cloud-analytics-track>span:last-child{grid-column:3}.cloud-analytics-track-art{width:44px;height:44px}}
@media(max-width:620px){.cloud-analytics{padding-left:15px;padding-right:15px}.cloud-analytics .cloud-section-head{align-items:flex-start;flex-direction:column}.cloud-analytics-metrics{grid-template-columns:1fr 1fr;gap:8px}.cloud-analytics-metric{padding:13px}.cloud-analytics-metric>strong{font-size:22px}.cloud-analytics-chart{height:190px;gap:2px}.cloud-analytics-bar b{display:none}.cloud-analytics-bar-col>span{font-size:8px}.cloud-analytics-track small{white-space:normal}}

/* MIX365 CLOUD PHASE 3 V2 — CHARTS + FEATURED */
.cloud-featured-badge{position:absolute;left:10px;bottom:10px;background:rgba(255,85,0,.94);color:#fff;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;letter-spacing:.25px;max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cloud-release-featured{background:#fff0e8!important;color:#d84600!important;border:1px solid #ffd2bd!important;font-weight:800}.cloud-btn.is-featured-admin{border-color:#ff8b52;background:#fff4ed;color:#d84600}
.cloud-charts{min-height:650px}.cloud-charts h1{font-size:38px;margin:2px 0 0}.cloud-chart-period,.cloud-chart-controls{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.cloud-chart-period button,.cloud-chart-controls button{border:1px solid #d8d8d8;background:#fff;color:#555;border-radius:999px;padding:8px 13px;cursor:pointer}.cloud-chart-period button.active,.cloud-chart-controls button.active{background:#222;color:#fff;border-color:#222}.cloud-chart-controls{margin:18px 0}.cloud-chart-controls select{min-width:160px;background:#fff;border:1px solid #d8d8d8;border-radius:999px;padding:8px 34px 8px 12px;color:#444}.cloud-chart-list{display:grid;border-top:1px solid #e7e7e7}.cloud-chart-row{display:grid;grid-template-columns:44px 44px 64px minmax(0,1fr) minmax(190px,260px);gap:12px;align-items:center;padding:11px 4px;border-bottom:1px solid #ededed}.cloud-chart-row:hover{background:#fafafa}.cloud-chart-rank{font-size:22px;font-weight:800;color:#999;text-align:center}.cloud-chart-play{width:40px;height:40px;border-radius:50%;border:0;background:#ff5500;color:#fff;cursor:pointer;font-size:15px}.cloud-chart-art{width:60px;height:60px;background:#ddd center/cover no-repeat}.cloud-chart-copy{display:grid;min-width:0}.cloud-chart-copy>a:first-child{color:#222;font-weight:800;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cloud-chart-copy>a:nth-child(2){color:#777;text-decoration:none;font-size:13px;margin-top:4px}.cloud-chart-copy>div{display:flex;gap:7px;align-items:center;margin-top:6px;color:#999;font-size:11px}.cloud-chart-copy>div button{border:0;background:transparent;color:#ff5500;padding:0;cursor:pointer}.cloud-chart-stats{display:grid;text-align:right}.cloud-chart-stats strong{font-size:21px;color:#222}.cloud-chart-stats span{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.4px}.cloud-chart-stats small{font-size:11px;color:#999;margin-top:4px;line-height:1.35}
.cloud-featured-hero{max-width:1220px;margin:0 auto 8px;min-height:260px;border-radius:0 0 18px 18px;background:linear-gradient(125deg,#181818,#3a2015);color:#fff;padding:42px;display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:30px}.cloud-featured-hero h1{font-size:50px;margin:4px 0 10px}.cloud-featured-hero p{max-width:700px;color:#d5d5d5;line-height:1.6}.cloud-featured-star{font-size:140px;text-align:center;color:#ff5500;filter:drop-shadow(0 10px 30px rgba(255,85,0,.28))}
@media(max-width:900px){.cloud-chart-row{grid-template-columns:34px 38px 52px minmax(0,1fr)}.cloud-chart-art{width:50px;height:50px}.cloud-chart-stats{grid-column:4;text-align:left}.cloud-featured-hero{grid-template-columns:1fr;padding:28px}.cloud-featured-star{display:none}}
@media(max-width:620px){.cloud-charts{padding-left:12px;padding-right:12px}.cloud-charts .cloud-section-head{align-items:flex-start;flex-direction:column}.cloud-chart-controls select{width:100%;min-width:0}.cloud-chart-row{grid-template-columns:28px 38px 46px minmax(0,1fr);gap:8px;padding:9px 0}.cloud-chart-rank{font-size:16px}.cloud-chart-play{width:36px;height:36px}.cloud-chart-art{width:46px;height:46px}.cloud-chart-copy>div{flex-wrap:wrap}.cloud-chart-stats{grid-column:4}.cloud-chart-stats strong{font-size:17px}.cloud-featured-hero{border-radius:0;padding:24px 18px}.cloud-featured-hero h1{font-size:38px}}

/* MIX365 CLOUD PHASE 3 V3 — CREATOR MONETISATION */
.cloud-profile-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 2px}.cloud-money-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.cloud-money-btn.primary{background:#ff5500;color:#fff;border-color:#ff5500}.cloud-money{min-height:680px}.cloud-money h1{font-size:38px;margin:2px 0 0}.cloud-money-note{margin:16px 0;color:#6d4b39}.cloud-money-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.cloud-money-metric{border:1px solid #e8e8e8;background:#fafafa;border-radius:8px;padding:16px}.cloud-money-metric span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.55px;color:#888}.cloud-money-metric strong{display:block;font-size:28px;line-height:1.1;margin-top:8px;color:#222}.cloud-money-metric small{display:block;color:#888;margin-top:6px}.cloud-money-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.cloud-money-settings .cloud-check{display:flex;align-items:flex-start;gap:9px;margin:12px 0;color:#444;line-height:1.45}.cloud-money-settings .cloud-check input{margin-top:3px}.cloud-money-settings .cloud-rights{background:#fff7f2;border:1px solid #ffd8c5;border-radius:7px;padding:11px}.cloud-money-top{display:grid}.cloud-money-top>a{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #eee;text-decoration:none;color:#222}.cloud-money-top>a b{color:#aaa;text-align:center}.cloud-money-top>a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cloud-money-top>a strong{font-size:13px}.cloud-money-top>a small{color:#999}.cloud-money-releases{margin-top:18px}.cloud-money-release-list{display:grid}.cloud-money-release{display:grid;grid-template-columns:54px minmax(150px,1fr) minmax(130px,180px) minmax(220px,1.4fr) auto;gap:10px;align-items:end;padding:12px 0;border-bottom:1px solid #eee}.cloud-money-release-art{width:54px;height:54px;background:#ddd center/cover no-repeat;border-radius:4px}.cloud-money-release-title{display:grid;align-self:center;min-width:0}.cloud-money-release-title a{font-weight:800;color:#222;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cloud-money-release-title small{color:#888;margin-top:4px}.cloud-money-release .cloud-field{margin:0}.cloud-money-release .cloud-status{align-self:center;min-width:58px}.cloud-money-release .grow{min-width:0}
@media(max-width:980px){.cloud-money-grid{grid-template-columns:1fr}.cloud-money-release{grid-template-columns:48px minmax(0,1fr) auto}.cloud-money-release-art{width:48px;height:48px}.cloud-money-release .cloud-field{grid-column:2/4}.cloud-money-release button{grid-column:2}.cloud-money-release .cloud-status{grid-column:3;grid-row:4}.cloud-money-top>a{grid-template-columns:24px minmax(0,1fr) auto}.cloud-money-top>a small{grid-column:2}}
@media(max-width:620px){.cloud-money{padding-left:14px;padding-right:14px}.cloud-money .cloud-section-head{align-items:flex-start;flex-direction:column}.cloud-money-metrics{grid-template-columns:1fr}.cloud-money-release{grid-template-columns:44px minmax(0,1fr)}.cloud-money-release-art{width:44px;height:44px}.cloud-money-release .cloud-field,.cloud-money-release button,.cloud-money-release .cloud-status{grid-column:1/3}.cloud-money-top>a{grid-template-columns:20px minmax(0,1fr)}.cloud-money-top>a strong,.cloud-money-top>a small{grid-column:2}.cloud-profile-actions{width:100%}.cloud-profile-actions .cloud-btn{flex:1}}