:root{color-scheme:dark;--bg: #0b0b0b;--sidebar: #111111;--panel: #161616;--panel-2: #1c1c1c;--hover: #1f1f1f;--line: rgba(255, 255, 255, .08);--text: #ffffff;--muted: #9a9a9a;--green: #ffffff;--green-2: #e8e8e8;--green-3: #d0d0d0;--green-rgb: 255, 255, 255;--on-green: #0b0b0b;--sidebar-w: 248px;font-family:Manrope,system-ui,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg)}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:18px 14px;background:var(--sidebar);border-right:1px solid var(--line)}.brand-switch{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:14px;background:var(--panel);border:1px solid var(--line);color:var(--text);cursor:pointer;margin-bottom:18px;text-decoration:none}.brand-mark{width:28px;height:28px;border-radius:8px;object-fit:cover;display:block;flex-shrink:0;background:transparent}.brand-mark.lg{width:40px;height:40px;border-radius:11px}.brand-name{flex:1;text-align:left;font-weight:700;font-size:.95rem}.nav{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border-radius:12px;color:var(--muted);background:transparent;border:0;cursor:pointer;text-align:left;font-weight:500}.nav-item:hover{background:var(--hover);color:var(--text)}.nav-item.active{background:var(--panel-2);color:var(--text)}.sidebar-spacer{flex:1}.profile-card{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;background:transparent}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:linear-gradient(145deg,#374151,#111827);display:grid;place-items:center;font-weight:700;flex-shrink:0}.profile-meta{flex:1;min-width:0}.profile-meta strong{display:block;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-meta span{display:block;color:var(--muted);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-ghost{width:32px;height:32px;border-radius:50%;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}.icon-ghost:hover{background:var(--hover);color:var(--text)}.main{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;padding:24px 32px 120px}.topbar{position:sticky;top:0;z-index:45;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:-24px -32px 22px;padding:24px 32px 16px;background:#0b0b0beb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.topbar h1{margin:0;font-size:2.2rem;font-weight:700;letter-spacing:-.03em}.topbar-sub{margin:6px 0 0;color:var(--muted);font-size:.95rem}.user-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:var(--panel);border:1px solid var(--line);font-weight:600;font-size:.88rem}.user-pill img,.user-pill-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.user-pill-avatar{display:grid;place-items:center;background:#2a2a2a;font-size:.75rem}.online-dot{width:8px;height:8px;border-radius:50%;background:var(--green)}.topbar-actions{display:flex;align-items:center;gap:10px}.round-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--text);display:grid;place-items:center;cursor:pointer}.round-btn:hover{background:var(--hover)}.upload-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;border:1px solid var(--green);background:#141414;color:#fff;font-weight:700;cursor:pointer}.upload-btn svg{color:var(--green)}.upload-btn:hover{background:#1c1c1c;border-color:var(--green)}.page-empty{flex:1;display:grid;place-items:center;border:1px dashed var(--line);border-radius:24px;color:var(--muted);min-height:420px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}.page-empty h2{margin:0 0 8px;color:var(--text);font-size:1.25rem}.page-empty p{margin:0}.hero{position:relative;overflow:hidden;border-radius:32px;width:100%;aspect-ratio:1407 / 690;min-height:420px;max-height:min(690px,72vh);height:auto;display:flex;align-items:center;padding:clamp(40px,5.5vw,72px) clamp(32px,4.5vw,64px);background:#171717;margin-bottom:32px;isolation:isolate}.hero-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .55s ease}.hero-media.is-on{opacity:1}.hero-media img,.hero-media-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;opacity:1}.hero-media-fallback{opacity:1}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,#000000b8,#0000008c 28%,#00000047 55%,#0000001a 78%,#0000000a),linear-gradient(180deg,#0000001a,#00000047);pointer-events:none}.hero-content{position:relative;z-index:2;width:min(640px,58%)}.hero h2{margin:0 0 28px;font-size:clamp(3rem,5.8vw,4.4rem);font-weight:800;letter-spacing:-.05em;text-transform:uppercase;line-height:.92}.search-bar{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;background:#fff;border-radius:999px;padding:8px 8px 8px 22px;color:#111;box-shadow:0 14px 40px #00000047}.search-bar svg{flex-shrink:0;width:22px;height:22px;color:#6b6b6b}.search-bar input{flex:1;border:0;outline:none;background:transparent;color:#111;font-size:1.05rem;min-width:0}.search-bar input::placeholder{color:#8a8a8a}.search-submit{border:0;border-radius:999px;background:#1a1a1a;color:#fff;padding:14px 26px;font-size:1rem;font-weight:600;cursor:pointer;flex-shrink:0}.search-submit:hover{background:#000}.hero-promo{position:absolute;right:clamp(24px,3vw,40px);bottom:clamp(22px,3vw,36px);z-index:2;display:flex;align-items:center;gap:14px;color:#ffffffeb;font-size:clamp(.85rem,1.1vw,1rem);max-width:min(520px,52%);padding:10px 12px 10px 10px;border-radius:18px;background:#0a0a0a8c;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(6px);transition:opacity .55s ease,transform .55s ease}.hero-promo.is-on{opacity:1;transform:translateY(0)}.hero-promo-cover{width:56px;height:56px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#222}.hero-promo-cover img,.hero-promo-cover span{display:block;width:100%;height:100%;object-fit:cover}.hero-promo-copy{display:flex;flex-direction:column;gap:4px;text-align:left;line-height:1.25;min-width:0;flex:1}.hero-promo-title{color:#fff;font-weight:700;font-size:.98rem;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-promo-title:hover{color:var(--green)}.hero-promo-artist{color:#ffffffad;font-weight:500;font-size:.88rem;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-promo-artist:hover{color:#fff}.play-dot{width:40px;height:40px;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center;border:0;cursor:pointer;flex-shrink:0}.play-dot:hover{transform:scale(1.05)}.section-title{margin:0 0 16px;font-size:1.35rem;font-weight:700}.collection-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.collection-card{position:relative;aspect-ratio:1 / 1;min-height:0;border-radius:16px;border:0;overflow:hidden;display:block;color:#fff;text-decoration:none;background:#121212;isolation:isolate;transition:transform .2s ease,box-shadow .2s ease}.collection-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px #0006}.collection-card:hover .collection-card-media img{transform:scale(1.05)}.collection-card-swap{position:absolute;top:0;right:0;bottom:0;left:0;animation:collection-fade .7s ease both}.collection-card-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#1a1a1a}.collection-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.collection-card-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.78) 100%),linear-gradient(0deg,transparent 60%,rgba(0,0,0,.18) 100%);pointer-events:none}.collection-card-label{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;font-weight:700;font-size:1rem;letter-spacing:-.02em;line-height:1.15;text-shadow:0 1px 12px rgba(0,0,0,.5)}@keyframes collection-fade{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.guest-cta{display:grid;gap:8px;width:100%}.ghost-btn,.primary-btn{border-radius:12px;padding:10px 12px;font-weight:600;cursor:pointer;border:0}.primary-btn{background:var(--green);color:var(--on-green)}.primary-btn:hover{background:var(--green-2)}.ghost-btn{background:transparent;border:1px solid var(--line);color:var(--text)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a3;display:grid;place-items:center;z-index:40;padding:20px}.modal{width:min(420px,100%);background:#161616;border:1px solid var(--line);border-radius:22px;padding:24px}.modal h2{margin:0 0 6px}.modal .hint{color:var(--muted);margin:0 0 18px;font-size:.9rem}.field{display:grid;gap:6px;margin-bottom:12px}.field label{font-size:.8rem;color:var(--muted)}.field-hint{color:#777;font-size:.78rem;line-height:1.35}.field input{background:#0d0d0d;border:1px solid var(--line);border-radius:12px;padding:11px 12px;color:var(--text);outline:none}.field input:focus{border-color:rgba(var(--green-rgb),.55)}.error{color:#fca5a5;font-size:.85rem;margin:0 0 12px}.switch-auth{margin-top:12px;text-align:center;color:var(--muted);font-size:.88rem}.switch-auth button{background:none;border:0;color:var(--green);cursor:pointer;font-weight:600}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(900px 500px at 80% 0%,rgba(var(--green-rgb),.14),transparent 55%),var(--bg)}.auth-card{width:min(440px,100%);background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:28px}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:18px}.auth-card h1{margin:0 0 8px;font-size:1.8rem;letter-spacing:-.03em}.auth-lead{margin:0 0 22px;color:var(--muted)}.auth-submit{width:100%;margin-top:8px}.auth-switch{margin:16px 0 0;text-align:center;color:var(--muted)}.auth-switch a{color:var(--green);font-weight:600}.check-row{display:flex;gap:10px;align-items:flex-start;margin:4px 0 14px;color:var(--muted);font-size:.88rem;cursor:pointer}.check-row input{margin-top:3px;accent-color:var(--green)}.check-row a{color:var(--green)}.profile-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:18px;border:1px solid rgba(var(--green-rgb),.28);background:linear-gradient(90deg,rgba(var(--green-rgb),.12),rgba(var(--green-rgb),.04));margin-bottom:20px}.profile-banner.done{border-color:var(--line);background:var(--panel)}.profile-banner strong{display:block;margin-bottom:4px}.profile-banner p{margin:0;color:var(--muted);font-size:.9rem}.banner-actions{display:flex;gap:8px;flex-shrink:0}.banner-actions .ghost-btn,.banner-actions .upload-btn,.profile-actions .ghost-btn{display:inline-flex;align-items:center;gap:8px;width:auto;text-decoration:none}.profile-form{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px}.profile-grid{display:grid;grid-template-columns:180px 1fr;gap:24px;margin-bottom:18px}.profile-avatar-block{display:flex;flex-direction:column;align-items:center;gap:10px}.profile-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,#374151,#111827);display:grid;place-items:center;font-size:2rem;font-weight:700}.profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-upload{display:inline-flex;align-items:center;gap:8px;width:auto;cursor:pointer}.hint-text{margin:0;color:var(--muted);font-size:.78rem}.field textarea{background:#0d0d0d;border:1px solid var(--line);border-radius:12px;padding:11px 12px;color:var(--text);outline:none;resize:vertical;min-height:96px}.field textarea:focus{border-color:rgba(var(--green-rgb),.55)}.two-col,.links-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.links-grid .field:last-child{grid-column:1 / -1}.profile-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.profile-actions .primary-btn,.profile-actions .ghost-btn{width:auto}.success{color:var(--green);font-size:.9rem;margin:0 0 12px}.field select{background:#0d0d0d;border:1px solid var(--line);border-radius:12px;padding:11px 12px;color:var(--text);outline:none}.field select:focus{border-color:rgba(var(--green-rgb),.55)}.upload-form{display:grid;gap:18px}.upload-grid{display:grid;grid-template-columns:280px 1fr;gap:18px}.upload-files{display:grid;gap:12px}.drop-zone{display:grid;place-items:center;gap:8px;text-align:center;min-height:160px;padding:18px;border-radius:20px;border:1px dashed rgba(255,255,255,.16);background:var(--panel);cursor:pointer;color:var(--muted)}.drop-zone strong{color:var(--text)}.drop-zone.art{min-height:220px;overflow:hidden;position:relative}.drop-zone.art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.drop-zone.filled{border-color:rgba(var(--green-rgb),.45)}.upload-fields,.collab-panel{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:18px}.meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.collab-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.collab-head h3{margin:0 0 4px}.collab-head p{margin:0;color:var(--muted);font-size:.9rem}.owner-share{color:var(--muted);white-space:nowrap}.owner-share strong{color:var(--green)}.collab-search{position:relative;margin-bottom:12px}.collab-search>input{width:100%;background:#0d0d0d;border:1px solid var(--line);border-radius:12px;padding:11px 12px;color:var(--text);outline:none}.suggestions{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#141414;border:1px solid var(--line);border-radius:14px;overflow:hidden;z-index:5}.suggestions button{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;background:transparent;color:var(--text);cursor:pointer;text-align:left}.suggestions button:hover{background:var(--hover)}.suggestions strong{display:block}.suggestions small{color:var(--muted)}.collab-list{display:grid;gap:8px}.collab-row{display:grid;grid-template-columns:1fr 150px 90px 40px;gap:8px;align-items:center;padding:10px;border-radius:14px;background:#101010;border:1px solid var(--line)}.collab-user{display:flex;align-items:center;gap:10px;min-width:0}.collab-user strong,.collab-user span{display:block}.collab-user span{color:var(--muted);font-size:.8rem}.collab-row select,.collab-row input{background:#0d0d0d;border:1px solid var(--line);border-radius:10px;padding:8px 10px;color:var(--text)}.avatar.tiny{width:32px;height:32px;font-size:.8rem}.empty-soft{padding:16px;border-radius:14px;border:1px dashed var(--line);color:var(--muted);text-align:center}.catalog-search-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.catalog-search{display:flex;align-items:center;gap:10px;flex:1 1 320px;min-width:240px;max-width:520px;background:#1c1c1c;border:1px solid rgba(255,255,255,.06);color:#fff;border-radius:999px;padding:12px 16px}.catalog-search svg{color:#8b8b8b;flex-shrink:0}.catalog-search input{flex:1;border:0;outline:none;background:transparent;color:#fff;min-width:0;font-size:.92rem}.catalog-search input::placeholder{color:#7d7d7d}.catalog-filter-btn{display:none;width:36px;height:36px;border:0;border-radius:999px;background:transparent;color:#fff;place-items:center;flex-shrink:0;cursor:pointer}.catalog-filter-btn.on{color:var(--green)}.tag-pills{display:flex;flex-wrap:wrap;gap:8px;flex:1}.tag-pill{border:0;border-radius:999px;padding:10px 16px;background:#1c1c1c;color:#d4d4d4;font-size:.86rem;cursor:pointer;white-space:nowrap}.tag-pill.active{background:#2a2a2a;color:#fff}.filter-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:24px}.filter-row select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#141414 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239a9a9a' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid rgba(255,255,255,.06);color:#cfcfcf;border-radius:999px;padding:10px 34px 10px 14px;outline:none;font-size:.88rem}.view-toggle{margin-left:auto;display:flex;gap:2px;background:transparent;border:0;padding:0}.view-toggle button{width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:#7a7a7a;display:grid;place-items:center;cursor:pointer}.view-toggle button.active{color:#fff}.melody-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px}.melody-list{display:grid;gap:12px}.melody-list .melody-card{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center}.melody-card{min-width:0}.melody-cover-link{display:block}.melody-cover{aspect-ratio:1;border-radius:22px;overflow:hidden;position:relative;background:#1a1a1a}.melody-cover img{width:100%;height:100%;object-fit:cover;display:block}.cover-play{position:absolute;inset:auto 12px 12px auto;width:40px;height:40px;border:0;border-radius:50%;background:#0000008c;color:#fff;display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .15s ease}.melody-cover:hover .cover-play,.detail-cover:hover .cover-play,.cover-play.large{opacity:1}.cover-play.large{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:64px;height:64px;background:#0009}.melody-body{padding-top:14px;display:flex;flex-direction:column;min-width:0}.melody-title{display:block;font-weight:700;font-size:.98rem;letter-spacing:-.02em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.melody-artist{color:#8f8f8f;font-size:.86rem;margin:6px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.melody-meta-mobile{display:none}.melody-actions{display:flex;align-items:center;gap:8px;margin-top:14px;width:100%}.buy-btn{border:1px solid rgba(var(--green-rgb),.4);background:transparent;color:var(--green);border-radius:14px;padding:10px 14px;font-weight:700;font-size:.88rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;min-width:0}.buy-btn.solid{flex:1;background:var(--green);color:var(--on-green);border-color:transparent}.buy-btn.solid:hover{background:var(--green-2)}.buy-btn em{font-style:normal;opacity:.82;font-weight:800;margin-left:2px}.download-icon-btn{width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#171717;color:#fff;display:inline-grid;place-items:center;cursor:pointer;flex-shrink:0}.download-icon-btn:hover{background:#222;border-color:#ffffff2e}.melody-meta{margin:0;color:#9a9a9a;font-size:.78rem;white-space:nowrap}.player-bar{position:fixed;left:calc(var(--sidebar-w) + 24px);right:24px;bottom:18px;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:12px 16px;border-radius:22px;background:#161616d1;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 16px 50px #00000073}.player-track{display:flex;align-items:center;gap:12px;min-width:0}.player-track-copy{min-width:0;display:grid}.player-art{width:48px;height:48px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#222;display:block}.player-art img{width:100%;height:100%;object-fit:cover}.player-track-title,.player-track-artist{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:inherit}.player-track-title:hover,.player-track-artist:hover{text-decoration:underline}.player-track-title strong{font-weight:700}.player-track-artist{color:var(--muted);font-size:.8rem}.player-controls{display:flex;align-items:center;gap:10px}.player-controls button{width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--text);display:grid;place-items:center;cursor:pointer}.player-play{background:#fff!important;color:#111!important}.player-right{display:flex;justify-content:flex-end;align-items:center;gap:10px}.player-buy{border:0;border-radius:14px;padding:10px 16px;background:var(--green);color:var(--on-green);font-weight:700;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.player-buy:hover{background:var(--green-2)}.player-like.on{color:#ff5a7a}.player-hide{flex-shrink:0}.player-peek{position:fixed;left:calc(var(--sidebar-w) + 24px);right:auto;bottom:18px;z-index:30;display:inline-flex;align-items:center;gap:10px;max-width:min(320px,calc(100vw - 48px));padding:8px 12px 8px 8px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#161616e6;color:var(--text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 36px #0006;cursor:pointer}.player-peek-art{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#222}.player-peek-art img{width:100%;height:100%;object-fit:cover}.player-peek-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:600}.home-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.home-all{width:auto;display:inline-flex;text-decoration:none}.muted{margin:0;color:var(--muted);line-height:1.5}.detail-hero-card{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:28px;margin-bottom:36px;align-items:start}.detail-cover-block{position:relative;border:0;padding:0;border-radius:28px;overflow:hidden;aspect-ratio:1;width:100%;max-width:340px;min-width:0;cursor:pointer;background:#1a1a1a;text-align:left;color:#fff}.detail-cover-block img{width:100%;height:100%;object-fit:cover;display:block}.detail-cover-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 42%,#000000d1);pointer-events:none}.detail-cover-copy{position:absolute;left:20px;right:20px;bottom:20px;z-index:1}.detail-cover-copy strong{font-size:clamp(1.15rem,2vw,1.65rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-bottom:6px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-word;overflow-wrap:anywhere}.detail-cover-copy span,.detail-cover-copy a{color:#ffffffb8;font-size:.95rem}.detail-cover-play{position:absolute;top:16px;right:16px;width:46px;height:46px;border-radius:50%;background:#0000008c;display:grid;place-items:center;opacity:0;transition:opacity .15s ease}.detail-cover-block:hover .detail-cover-play{opacity:1}.detail-info{display:flex;flex-direction:column;gap:18px;min-width:0;max-width:100%}.detail-desc-block h3{margin:0 0 8px;font-size:1.05rem}.detail-desc-block p{margin:0;color:#bdbdbd;line-height:1.55;font-size:.95rem}.detail-tags-row{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;overflow:hidden}.detail-tag{display:inline-flex;flex:0 1 auto;max-width:100%;padding:7px 12px;border-radius:999px;background:#1c1c1c;color:#cfcfcf;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.detail-stat{border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:16px 14px;display:grid;gap:6px;min-height:78px;align-content:center}.detail-stat strong{font-size:1rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-stat span{color:#8f8f8f;font-size:.82rem}.detail-action-row{display:flex;align-items:center;gap:12px;margin-top:auto}.detail-icon-btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#161616;color:#fff;display:grid;place-items:center;cursor:pointer}.detail-icon-btn.liked{color:#fb7185;border-color:#fb718559}.detail-download{flex:1;max-width:280px;border:0;border-radius:999px;padding:12px 18px;background:#4a152c;color:#fff;font-weight:700;cursor:pointer}.detail-download:hover{background:#5c1b37}.detail-download:disabled{opacity:.5;cursor:not-allowed}.detail-buy{flex:1;max-width:300px;border:0;border-radius:16px;padding:13px 18px;background:var(--green);color:var(--on-green);font-weight:800;text-decoration:none;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.detail-buy:hover{background:var(--green-2)}.detail-buy:disabled{opacity:.55;cursor:not-allowed}.detail-section{margin-bottom:34px}.detail-section-title{margin:0 0 16px;font-size:1.35rem;font-weight:700}.detail-melody-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.comments-card{background:#161616;border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:18px}.comment-form{display:flex;gap:10px;margin-bottom:16px}.comment-form input{flex:1;border:1px solid rgba(255,255,255,.08);background:#101010;color:#fff;border-radius:999px;padding:12px 16px;outline:none}.comments-login{margin:0 0 14px;color:var(--muted)}.comments-login a{color:var(--green);font-weight:600}.comments-empty{color:var(--muted);padding:18px 4px}.comments-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}.comment-item{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:start}.comment-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.comment-avatar.fallback{display:grid;place-items:center;background:linear-gradient(145deg,#ec4899,#831843);font-weight:700}.comment-body strong{display:block;margin-bottom:4px}.comment-body p{margin:0;color:#c7c7c7;line-height:1.45}.comment-actions{display:flex;gap:4px}.comment-actions button{width:32px;height:32px;border:0;background:transparent;color:#8a8a8a;display:grid;place-items:center;cursor:pointer;border-radius:50%}.comment-actions button:hover{background:#222;color:#fff}.action-menu{position:relative;display:inline-flex}.action-menu-panel{position:absolute;z-index:40;min-width:220px;padding:6px;border-radius:16px;background:#171717;border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 40px #00000073}.action-menu-panel.place-bottom{top:calc(100% + 8px);bottom:auto}.action-menu-panel.place-top{bottom:calc(100% + 8px);top:auto}.action-menu-panel.align-right{right:0}.action-menu-panel.align-left{left:0}.sidebar .profile-card .action-menu-panel{bottom:calc(100% + 8px);top:auto}.action-menu-item{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#fff;border-radius:12px;padding:10px 12px;cursor:pointer;text-align:left;font-size:.9rem}.action-menu-item:hover{background:#242424}.action-menu-item.danger{color:#fb7185}.comment-more-btn{width:32px;height:32px;border:0;background:transparent;color:#8a8a8a;display:grid;place-items:center;cursor:pointer;border-radius:50%}.comment-more-btn:hover{background:#222;color:#fff}.action-toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%);z-index:60;background:#1c1c1c;border:1px solid rgba(255,255,255,.1);color:#fff;padding:12px 16px;border-radius:14px;box-shadow:0 14px 40px #0006;white-space:nowrap}.nav-item{position:relative}.nav-dot{width:8px;height:8px;border-radius:50%;background:var(--green);margin-left:auto}.profile-card-link{display:flex;align-items:center;gap:10px;min-width:0;flex:1;text-decoration:none;color:inherit}.avatar img,img.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}@media(max-width:1100px){.collection-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.collection-card-label{font-size:.88rem;left:10px;right:10px;bottom:10px}.hero{aspect-ratio:auto;min-height:360px;max-height:none;padding:40px 28px 56px}.hero-content{width:min(560px,70%)}.hero-media img{width:min(60%,480px);opacity:.8}.hero-promo{max-width:55%}}@media(max-width:640px){.hero{min-height:300px;border-radius:22px;padding:32px 20px 40px;align-items:flex-start}.hero-content{width:100%}.hero h2{font-size:2.4rem;margin-bottom:18px}.hero-media,.hero-promo{display:none}.search-bar{min-height:56px;flex-wrap:wrap;border-radius:22px;padding:12px}.search-submit{width:100%}}.m-chrome-top,.m-tabbar{display:none}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar,.topbar{display:none}.m-chrome-top{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:10px;position:sticky;top:0;z-index:46;margin:0;padding:calc(8px + env(safe-area-inset-top)) 16px 8px;min-height:0;background:#000000eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.m-chrome-top h1{margin:0;text-align:center;font-size:1.05rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-chrome-logo{display:grid;place-items:center}.m-chrome-mark{border-radius:10px;display:block}.m-chrome-avatar{width:36px;height:36px;border-radius:50%;background:#1c1c1c;display:grid;place-items:center;overflow:hidden;color:#fff}.m-chrome-avatar img{width:100%;height:100%;object-fit:cover}.m-tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:40;gap:2px;padding:8px 6px calc(8px + env(safe-area-inset-bottom));background:#000000f0;border-top:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.m-tab{display:grid;justify-items:center;gap:2px;padding:4px 2px;color:#9a9a9a;text-decoration:none;font-size:.62rem;font-weight:600}.m-tab.on{color:#fff}.player-bar{left:12px;right:12px;bottom:calc(72px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px 8px 8px;border-radius:16px;z-index:42}.player-track{flex:1;min-width:0;gap:10px}.player-art{width:42px;height:42px;border-radius:10px}.player-track-title strong{font-size:.82rem}.player-track-artist{font-size:.7rem}.player-controls{flex-shrink:0;order:3;gap:0}.player-skip,.player-extra,.player-buy,.player-hide{display:none!important}.player-controls button{width:42px;height:42px}.player-right{flex-shrink:0;order:2;gap:0;align-items:center}.player-like{width:42px;height:42px;border:0;background:transparent}.player-peek{display:none!important}.catalog-page{overflow-x:clip}.m-chrome-top{border-bottom:1px solid rgba(255,255,255,.06)}.m-chrome-mark{width:28px;height:28px;background:#1a1a1a}.m-tabbar{z-index:50}.main{padding:10px 16px calc(168px + env(safe-area-inset-bottom))}.app-shell:has(.player-bar) .main{padding-bottom:calc(196px + env(safe-area-inset-bottom))}.catalog-search-row{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:10px}.catalog-search{flex:none;width:100%;max-width:none;min-width:0;padding:8px 8px 8px 12px}.catalog-search input{font-size:16px}.catalog-filter-btn{display:grid}.catalog-type-row{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;margin-bottom:12px;padding-bottom:2px;scrollbar-width:none}.catalog-type-row::-webkit-scrollbar{display:none}.catalog-type-pill{flex:0 0 auto;padding:8px 14px;font-size:.84rem}.tag-pills{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.tag-pills::-webkit-scrollbar{display:none}.tag-pill{flex:0 0 auto;padding:8px 12px;font-size:.8rem}.filter-row{display:none;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.filter-row.is-open{display:grid}.filter-row select{width:100%;min-width:0}.filter-row .view-toggle{margin-left:0;grid-column:1 / -1;justify-content:center}.melody-grid,.catalog-tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 12px}.melody-cover{border-radius:16px}.melody-body{padding-top:8px;gap:2px}.melody-title{font-size:.82rem}.melody-artist{font-size:.74rem}.melody-actions{display:none}.melody-meta-mobile{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:.7rem;color:#bdbdbd}.melody-meta-mobile em{font-style:normal;margin-left:auto;color:#fff;font-weight:700}.melody-dl{width:28px;height:24px;border:0;border-radius:8px;background:color-mix(in srgb,var(--green) 75%,#000);color:#fff;display:grid;place-items:center;flex-shrink:0}.cover-play{opacity:1;width:34px;height:34px;inset:auto 8px 8px auto}.beat-list{gap:6px}.beat-row{grid-template-columns:22px 56px minmax(0,1fr) auto;grid-template-areas:"index cover main actions";gap:10px;padding:10px 4px;border-radius:14px}.beat-row-tags,.beat-row-extra{display:none!important}.beat-row-index{display:block!important;grid-area:index;font-size:.78rem;color:#8a8a8a}.beat-row-cover{grid-area:cover;width:56px;height:56px;border-radius:12px}.beat-row-main{grid-area:main}.beat-row-actions{grid-area:actions;align-self:center;gap:6px}.beat-row-play{opacity:1;background:#00000047}.beat-row-title{font-size:.9rem;text-transform:none}.beat-row-buy{padding:10px 12px;font-size:.78rem;border-radius:12px;gap:6px}.beat-row-buy-label{display:none}.beat-row-buy-price{display:inline}.producer-grid,.playlist-grid{grid-template-columns:1fr!important}.upload-btn span{display:none}.m-menu-page{display:grid;gap:10px}.m-menu-user{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#141414;border-radius:14px;color:inherit;text-decoration:none}.m-menu-user img,.m-menu-user>span{width:40px;height:40px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#222;font-weight:700}.m-menu-user strong{display:block}.m-menu-user em{font-style:normal;color:var(--muted);font-size:.85rem}.m-menu-list{display:grid;gap:8px}.m-menu-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#141414;border-radius:14px;color:#fff;text-decoration:none;border:0;width:100%;text-align:left;font-size:1rem;cursor:pointer}.m-menu-item.danger{color:#ff7b7b}.m-menu-legal{display:flex;flex-wrap:wrap;gap:8px 12px;padding:8px 2px 4px}.m-menu-legal a{color:#777;text-decoration:none;font-size:.72rem}.profile-grid,.two-col,.links-grid,.upload-grid,.meta-grid,.collab-row{grid-template-columns:1fr}.profile-banner{flex-direction:column;align-items:flex-start}.detail-hero-card,.detail-stat-grid,.detail-melody-grid{grid-template-columns:1fr}.detail-cover-block,.detail-download,.detail-buy{max-width:none}.melody-list .melody-card{grid-template-columns:1fr}.melody-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1100px){.melody-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1400px){.melody-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.studio-chip{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(var(--green-rgb),.14);color:var(--green);font-weight:700;font-size:.85rem;border:1px solid rgba(var(--green-rgb),.28)}.notify-menu{position:relative}.notify-dot{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--green);color:var(--on-green);font-size:.65rem;font-weight:800;display:grid;place-items:center}.notify-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(360px,80vw);background:#171717;border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:0 20px 50px #00000073;z-index:50;overflow:hidden}.notify-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.notify-head button{border:0;background:transparent;color:var(--green);cursor:pointer;font-size:.82rem}.notify-list{list-style:none;margin:0;padding:0;max-height:360px;overflow:auto}.notify-list li{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.04)}.notify-list li.unread{background:rgba(var(--green-rgb),.06)}.notify-list strong{display:block;margin-bottom:2px}.notify-list p{margin:0;color:var(--muted);font-size:.85rem}.notify-list span{color:var(--muted);font-size:.75rem;white-space:nowrap}.notify-empty{padding:24px 16px;color:var(--muted);text-align:center}.studio-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh;background:#0b0b0b;color:#fff}.studio-sidebar{display:flex;flex-direction:column;gap:16px;padding:16px 12px;background:#101010;border-right:1px solid #222;position:sticky;top:0;height:100vh;overflow:auto}.studio-brand{display:flex;align-items:center;gap:10px;padding:4px 6px}.studio-brand strong,.studio-brand span{display:block;line-height:1.25}.studio-brand strong{font-size:.95rem;font-weight:700;letter-spacing:-.02em}.studio-brand span{color:#777;font-size:.7rem}.studio-plan-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid #2a2a2a;background:#141414;font-size:.8rem}.studio-plan-row span{color:#cfcfcf;font-weight:600}.studio-plan-row a{color:#9a9a9a;text-decoration:underline;text-underline-offset:2px}.studio-plan-row a:hover{color:#fff}.studio-upgrade{display:block;width:100%;border:1px solid #2a2a2a;border-radius:0;padding:10px 12px;background:#141414;color:#fff;font-weight:700;cursor:pointer;text-decoration:none;text-align:center;box-sizing:border-box}.studio-upgrade:hover{background:#1a1a1a}.studio-user{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid #2a2a2a;background:#141414}.studio-user img,.studio-user>span{width:32px;height:32px;border-radius:0;object-fit:cover;display:grid;place-items:center;background:#222;font-weight:700;font-size:.8rem}.studio-user strong,.studio-user span{display:block}.studio-user span{color:#777;font-size:.75rem}.studio-nav{display:grid;gap:16px}.studio-nav-group p{margin:0 0 4px 8px;color:#666;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.studio-nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-left:2px solid transparent;color:#9a9a9a;font-size:.86rem}.studio-nav-item:hover{color:#fff;background:#161616}.studio-nav-item.active{color:#fff;background:#161616;border-left-color:#fff;font-weight:600}.studio-sidebar-foot{margin-top:auto;display:grid;gap:4px;padding-top:12px;border-top:1px solid #222}.studio-credits{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;border:1px solid #2a2a2a;background:#141414;color:#9a9a9a;font-size:.8rem;text-decoration:none;margin-bottom:4px}.studio-credits:hover{border-color:#3a3a3a;color:#fff}.studio-credits strong{color:#fff;font-variant-numeric:tabular-nums}.ad-badge{display:inline-block;margin-right:6px;padding:1px 5px;border-radius:4px;background:#2a2a2a;border:1px solid rgba(255,255,255,.14);color:#cfcfcf;font-size:.62rem;font-weight:800;letter-spacing:.04em;vertical-align:middle;line-height:1.4}.chart-page{display:grid;gap:16px;margin-bottom:24px}.chart-hero{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;padding:4px 0 12px;border-bottom:1px solid rgba(255,255,255,.08)}.chart-kicker{margin:0 0 4px;color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.chart-hero h2{margin:0;font-size:clamp(1.45rem,3vw,1.85rem);font-weight:800;letter-spacing:-.03em}.chart-period{margin:6px 0 0;color:var(--muted);font-size:.86rem}.chart-note{margin:0;max-width:220px;text-align:right;color:#8a8a8a;font-size:.78rem;line-height:1.35}.chart-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.chart-row{display:grid;grid-template-columns:36px 52px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 6px;border-radius:10px}.chart-row:hover{background:#151515}.chart-rank{font-size:.95rem;font-weight:700;text-align:center;color:#9a9a9a;font-variant-numeric:tabular-nums}.chart-row.top-1 .chart-rank,.chart-row.top-2 .chart-rank,.chart-row.top-3 .chart-rank{color:#fff}.chart-cover{position:relative;width:52px;height:52px;border:0;padding:0;border-radius:8px;overflow:hidden;cursor:pointer;background:#222}.chart-cover img{width:100%;height:100%;object-fit:cover;display:block}.chart-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0006;color:#fff;opacity:0;transition:opacity .12s ease}.chart-row:hover .chart-play,.chart-cover:focus-visible .chart-play{opacity:1}.chart-meta{min-width:0;display:grid;gap:2px}.chart-title{color:#fff;font-weight:700;font-size:.92rem;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-title:hover{text-decoration:underline}.chart-artist{color:var(--muted);font-size:.8rem;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-artist:hover{color:#ddd}.chart-stats{display:grid;justify-items:end;gap:1px;min-width:64px}.chart-stats strong{font-size:.86rem;font-weight:700;font-variant-numeric:tabular-nums}.chart-stats span{color:var(--muted);font-size:.68rem}@media(max-width:820px){.chart-hero{flex-direction:column;align-items:flex-start;gap:8px;padding-top:0}.chart-hero h2{font-size:1.35rem}.chart-note{text-align:left;max-width:none}.chart-row{grid-template-columns:28px 48px minmax(0,1fr) auto;gap:10px;padding:8px 2px}.chart-cover{width:48px;height:48px}.chart-play{opacity:1;background:#00000052}.chart-title{font-size:.88rem}.chart-stats strong{font-size:.8rem}}.promote-page{display:grid;gap:14px}.promote-kpi{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.promote-kpi .admin-card{margin:0}.promote-packages{display:flex;flex-wrap:wrap;gap:8px}.promote-pack{border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#1a1a1a;color:#fff;padding:10px 14px;font-weight:700;cursor:pointer}.promote-pack:hover:not(:disabled){background:#222}.promote-pack:disabled{opacity:.5;cursor:default}.promote-wizard-sections{display:grid;gap:18px;margin-top:8px}.promote-section{display:grid;gap:12px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.promote-section:first-child{border-top:0;padding-top:0}.promote-section header h4{margin:0 0 4px;font-size:1rem}.promote-field{display:grid;gap:6px;font-size:.82rem;color:var(--muted)}.promote-field em{float:right;font-style:normal;opacity:.7}.promote-field input,.promote-field select{width:100%;background:#121212;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#fff;padding:10px 12px}.promote-content-type{display:flex;flex-wrap:wrap;gap:8px}.promote-type{border:1px solid rgba(255,255,255,.12);background:transparent;color:var(--muted);border-radius:999px;padding:8px 14px;cursor:not-allowed;opacity:.55}.promote-type.on{opacity:1;color:#fff;border-color:#ffffff47;background:#1a1a1a;cursor:default}.promote-selected-beat,.promote-budget-row{display:flex;gap:12px;align-items:center}.promote-budget-row input{max-width:140px}.promote-budget-hint{color:var(--muted);font-size:.85rem}.promote-budget-presets{display:flex;flex-wrap:wrap;gap:8px}.promote-budget-presets .ghost-btn.on{border-color:#ffffff47;color:#fff}.promote-radio-list{display:grid;gap:10px}.promote-radio{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#121212;cursor:pointer}.promote-radio span{display:grid;gap:2px}.promote-radio strong{color:#fff;font-size:.95rem}.promote-radio em{color:var(--muted);font-style:normal;font-size:.82rem}.promote-schedule-grid,.promote-custom-audience{display:grid;grid-template-columns:1fr 1fr;gap:12px}.promote-wizard-actions{display:grid;gap:8px;justify-items:start;padding-top:8px}.promote-campaign-main{display:flex;gap:12px;align-items:center;min-width:0}.promote-thumb{width:48px;height:48px;border-radius:10px;overflow:hidden;flex-shrink:0;background:#222;display:block}.promote-thumb img{width:100%;height:100%;object-fit:cover}@media(max-width:800px){.promote-schedule-grid,.promote-custom-audience{grid-template-columns:1fr}.promote-budget-row{flex-direction:column;align-items:stretch}.promote-budget-row input{max-width:none}}.studio-back{color:#777;font-size:.8rem;padding:8px 10px}.studio-back:hover{color:#fff}.studio-main{min-width:0;display:flex;flex-direction:column;background:#0b0b0b}.studio-topbar{position:sticky;top:0;z-index:45;display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:56px;padding:0 24px;background:#0b0b0b;border-bottom:1px solid #222}.studio-eyebrow{display:none}.studio-topbar h1{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:-.02em}.studio-topbar-actions{display:flex;align-items:center;gap:8px}.studio-marketplace-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #2a2a2a;background:transparent;color:#cfcfcf;font-size:.8rem}.studio-marketplace-btn:hover{border-color:#3a3a3a;color:#fff}.studio-user-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 8px 4px 4px;border:1px solid #2a2a2a;color:#cfcfcf;font-size:.8rem}.studio-user-chip img,.studio-user-chip>span:first-child{width:24px;height:24px;object-fit:cover;display:grid;place-items:center;background:#222;font-size:.7rem;font-weight:700}.studio-user-chip:hover{border-color:#3a3a3a;color:#fff}.studio-content{padding:20px 24px 64px}.studio-page{display:grid;gap:16px;max-width:1100px}.studio-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.studio-lead{margin:0;color:#9a9a9a;font-size:.9rem}.studio-lead strong{color:#fff;font-weight:600}.studio-page-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:0}.studio-inline-btn{width:auto;display:inline-flex;align-items:center;gap:8px;text-decoration:none;border-radius:0;padding:9px 14px;font-size:.85rem}.studio-tabs{display:flex;gap:0;margin-bottom:0;border-bottom:1px solid #222}.studio-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:#888;border-radius:0;padding:10px 14px;margin-bottom:-1px;cursor:pointer;font-size:.86rem}.studio-tabs button:hover{color:#fff}.studio-tabs button.active{background:transparent;color:#fff;border-bottom-color:#fff;font-weight:600}.studio-panel{background:#121212;border:1px solid #222;border-radius:0;padding:16px}.studio-panel-flush{padding:0}.studio-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.studio-panel-head h2{margin:0;font-size:.85rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#cfcfcf}.studio-panel-head a{display:inline-flex;align-items:center;gap:4px;color:#888;font-size:.8rem}.studio-panel-head a:hover{color:#fff}.studio-panel h2,.studio-panel h3{margin:0 0 8px;font-size:1rem}.studio-panel p{margin:0 0 14px;color:#9a9a9a;line-height:1.45;font-size:.9rem}.studio-empty{margin:0!important;padding:8px 0;color:#777!important}.legal-page{max-width:820px}.legal-todo{margin:0 0 16px;padding:10px 12px;border-radius:12px;background:#ffb43c1a;border:1px solid rgba(255,180,60,.25);color:#e8c48a;font-size:.88rem;line-height:1.45}.site-footer{margin-top:auto;padding:28px 0 8px;border-top:1px solid rgba(255,255,255,.06)}.site-footer-links{display:flex;flex-wrap:wrap;gap:8px 14px;margin-bottom:10px}.site-footer-links a{color:var(--muted);text-decoration:none;font-size:.78rem}.site-footer-links a:hover{color:var(--text);text-decoration:underline}.site-footer-copy{margin:0;color:#666;font-size:.72rem}.legal-doc h2{margin-top:22px;font-size:1.05rem}.legal-doc ul{margin:0 0 14px;padding-left:1.2rem;color:var(--muted);line-height:1.55}.legal-doc li+li{margin-top:6px}.studio-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-bottom:0;background:#222;border:1px solid #222}.studio-kpi{background:#121212;border:0;border-radius:0;padding:14px 16px}.studio-kpi span{color:#888;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.studio-kpi strong{display:block;margin-top:8px;font-size:1.35rem;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.studio-section-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.8fr);gap:12px;align-items:start}.studio-track-list{list-style:none;margin:0;padding:0;display:grid}.studio-track-list li+li{border-top:1px solid #1e1e1e}.studio-track-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;color:inherit;text-decoration:none}.studio-track-row.compact{grid-template-columns:36px minmax(0,1fr);padding:0}.studio-track-row:hover strong{color:#fff;text-decoration:underline;text-underline-offset:2px}.studio-track-cover{width:40px;height:40px;display:block;overflow:hidden;background:#222;flex-shrink:0}.studio-track-cover.sm{width:36px;height:36px}.studio-track-cover img{width:100%;height:100%;object-fit:cover;display:block}.studio-track-meta{min-width:0;display:grid;gap:2px}.studio-track-meta strong{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-track-meta span{color:#777;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-track-stat{color:#9a9a9a;font-size:.8rem;font-variant-numeric:tabular-nums}.studio-action-list{display:grid}.studio-action-list a{display:grid;gap:2px;padding:11px 0;border-top:1px solid #1e1e1e;color:inherit;text-decoration:none}.studio-action-list a:first-child{border-top:0;padding-top:0}.studio-action-list a:hover span:first-child{text-decoration:underline;text-underline-offset:2px}.studio-action-list a span:first-child{font-size:.9rem;font-weight:600}.studio-action-list a span:last-child{color:#777;font-size:.75rem}.studio-table-wrap{overflow-x:auto}.studio-table{width:100%;border-collapse:collapse;font-size:.86rem}.studio-table th{text-align:left;padding:10px 14px;border-bottom:1px solid #222;color:#777;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.studio-table td{padding:10px 14px;border-bottom:1px solid #1a1a1a;color:#cfcfcf;vertical-align:middle;white-space:nowrap;font-variant-numeric:tabular-nums}.studio-table tr:last-child td{border-bottom:0}.studio-table tbody tr:hover td{background:#161616}.payout-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end;margin-top:12px}.payout-form label{display:grid;gap:6px;font-size:.82rem;color:var(--muted)}.payout-form-wide{grid-column:1 / -1}.payout-form input,.payout-form select{background:#121212;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#fff;padding:10px 12px}@media(max-width:800px){.payout-form{grid-template-columns:1fr}}.studio-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.studio-quick{display:flex;gap:12px;align-items:center;padding:14px;border-radius:0;background:#121212;border:1px solid #222}.studio-quick strong,.studio-quick span{display:block}.studio-quick span{color:#888;font-size:.8rem;margin-top:2px}@media(max-width:980px){.studio-shell{grid-template-columns:1fr}.studio-sidebar{position:relative;height:auto}.studio-kpi-grid{grid-template-columns:1fr 1fr}.studio-section-grid,.studio-card-grid{grid-template-columns:1fr}}.wizard{max-width:760px;margin:0 auto}.wizard-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.wizard-back{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--muted);cursor:pointer;padding:0}.wizard-steps{display:flex;gap:6px;flex-wrap:wrap}.wizard-step{display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;background:transparent;color:#7a7a7a;border-radius:0;padding:7px 10px;cursor:pointer;font-size:.82rem}.wizard-step span{width:20px;height:20px;border-radius:0;display:grid;place-items:center;background:#1a1a1a;border:1px solid #2a2a2a;font-size:.7rem;font-weight:700}.wizard-step.active{color:#fff;background:#161616;border-color:#2a2a2a}.wizard-step.active span{background:#fff;color:#000;border-color:#fff}.wizard-step.done{color:#cfcfcf}.wizard-step.done span{background:#1a1a1a;color:#fff;border-color:#3a3a3a}.wizard-card{background:#121212;border:1px solid #222;border-radius:0;padding:24px}.wizard-pane h2{margin:0 0 8px;font-size:1.25rem;letter-spacing:-.02em}.wizard-kicker{margin:0 0 8px;color:#888;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.wizard-lead{margin:0 0 24px;color:var(--muted)}.wizard-pane.center{text-align:center}.wizard-pane.center .wizard-lead{max-width:420px;margin-left:auto;margin-right:auto}.wizard-drop{display:grid;place-items:center;gap:10px;min-height:220px;padding:28px 20px;border-radius:0;border:1px dashed #333;background:#0d0d0d;cursor:pointer;color:#9a9a9a}.wizard-drop strong{color:#fff;font-size:1.05rem}.wizard-drop.dragging,.wizard-drop.ready{border-color:#555;background:#111}.wizard-drop-icon{width:48px;height:48px;border-radius:0;display:grid;place-items:center;background:#181818;border:1px solid #2a2a2a;color:#fff;margin-bottom:4px}.wizard-basic{display:grid;grid-template-columns:160px 1fr;gap:18px;align-items:start}.wizard-art{aspect-ratio:1;border-radius:0;border:1px dashed #333;background:#0d0d0d;display:grid;place-items:center;gap:8px;color:#9a9a9a;cursor:pointer;overflow:hidden}.wizard-art.has{border-style:solid;border-color:#ffffff14}.wizard-art img{width:100%;height:100%;object-fit:cover}.wizard-basic-fields{display:grid;gap:12px}.wizard-file-chip{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:7px 10px;border-radius:0;border:1px solid #2a2a2a;background:#181818;color:#9a9a9a;font-size:.8rem}.wizard-file-chip button{border:0;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}.wizard-meta{margin-bottom:12px}.wizard-share{margin-bottom:14px}.wizard-summary{margin-top:18px;padding:14px 16px;border-radius:16px;background:#0d0d0d;border:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.wizard-summary strong,.wizard-summary span{display:block}.wizard-summary span{color:var(--muted);font-size:.85rem;margin-top:2px}.wizard-error{margin-top:16px}.wizard-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06)}.wizard-actions .primary-btn,.wizard-actions .ghost-btn{width:auto;display:inline-flex;align-items:center;gap:8px}.upload-wizard{max-width:760px;margin:0 auto;display:grid;gap:14px}.upload-draft-banner{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 14px;border:1px solid #2a2a2a;background:#141414}.upload-draft-banner strong,.upload-draft-banner span{display:block}.upload-draft-banner span{margin-top:2px;color:#888;font-size:.82rem}.upload-draft-banner-actions{display:flex;gap:8px;flex-wrap:wrap}.upload-draft-status{color:#777;font-size:.78rem;margin-left:auto;margin-right:8px}.studio-toolbar-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.upload-wizard-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.upload-back{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#888;cursor:pointer;padding:0;font-size:.86rem}.upload-back:hover{color:#fff}.upload-steps{display:flex;gap:4px;flex-wrap:wrap}.upload-step{display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;background:transparent;color:#777;padding:7px 10px;cursor:pointer;font-size:.82rem}.upload-step span{width:20px;height:20px;display:grid;place-items:center;border:1px solid #2a2a2a;background:#161616;font-size:.7rem;font-weight:700}.upload-step.active{color:#fff;border-color:#2a2a2a;background:#161616}.upload-step.active span{background:#fff;color:#000;border-color:#fff}.upload-step.done{color:#cfcfcf}.upload-card{background:#121212;border:1px solid #222;padding:22px}.upload-pane{display:grid;gap:18px}.upload-pane-copy h2{margin:0 0 6px;font-size:1.2rem;letter-spacing:-.02em}.upload-pane-copy p{margin:0;color:#9a9a9a;font-size:.9rem;line-height:1.45}.upload-drop{display:grid;place-items:center;gap:8px;min-height:200px;padding:28px 20px;border:1px dashed #333;background:#0d0d0d;cursor:pointer;color:#9a9a9a;text-align:center}.upload-drop strong{color:#fff;font-size:1rem}.upload-drop.dragging,.upload-drop.ready{border-color:#555;background:#111}.upload-basic{display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:start}.upload-art{aspect-ratio:1;border:1px dashed #333;background:#0d0d0d;display:grid;place-items:center;gap:6px;color:#888;cursor:pointer;overflow:hidden}.upload-art.has{border-style:solid;border-color:#2a2a2a}.upload-art img{width:100%;height:100%;object-fit:cover}.upload-fields{display:grid;gap:12px}.upload-file-chip{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:7px 10px;border:1px solid #2a2a2a;background:#181818;color:#9a9a9a;font-size:.8rem}.upload-file-chip button{border:0;background:transparent;color:#888;cursor:pointer;display:grid;place-items:center;padding:0}.upload-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.upload-section{display:grid;gap:10px;padding-top:8px;border-top:1px solid #1e1e1e}.upload-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.upload-section h3{margin:0;font-size:.9rem}.upload-note{margin:0;color:#888;font-size:.82rem;line-height:1.4}.upload-license-list{display:grid;gap:8px}.upload-license{display:grid;grid-template-columns:minmax(0,1fr) auto 110px;gap:12px;align-items:center;padding:12px;border:1px solid #222;background:#0f0f0f}.upload-license.off{opacity:.55}.upload-license strong,.upload-license span,.upload-license em{display:block}.upload-license span,.upload-license em{color:#777;font-size:.78rem;margin-top:2px;font-style:normal}.upload-toggle input{width:18px;height:18px;accent-color:#fff}.upload-price{display:flex;align-items:center;gap:6px;border:1px solid #2a2a2a;background:#121212;padding:0 8px}.upload-price span{color:#888;font-size:.8rem}.upload-price input{width:100%;border:0;background:transparent;color:#fff;padding:8px 0}.upload-notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.split-board{display:grid;gap:10px;padding:14px;border:1px solid #222;background:#0f0f0f}.split-bar{display:flex;height:12px;width:100%;background:#1a1a1a;overflow:hidden}.split-you{background:#fff;height:100%}.split-them{background:#555;height:100%;border-left:1px solid #0f0f0f}.split-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:.82rem}.split-legend div{display:flex;gap:8px;align-items:baseline}.split-legend strong{font-weight:600}.split-legend span{color:#9a9a9a;font-variant-numeric:tabular-nums}.collab-invite-list{display:grid;gap:12px;margin-top:16px}.collab-invite-card{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;padding:14px;border:1px solid #222;background:#0f0f0f}.collab-invite-main{display:flex;gap:12px;align-items:center;min-width:0;flex:1}.collab-invite-main strong{display:block;font-size:.98rem}.collab-invite-main p{margin:4px 0 8px;color:#888;font-size:.82rem}.collab-invite-art{width:56px;height:56px;object-fit:cover;flex-shrink:0;background:#1a1a1a}.collab-invite-art-fallback{display:block}.collab-invite-actions{display:flex;gap:8px;flex-wrap:wrap}.collab-status{display:inline-block;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:#999}.collab-status-pending{color:#c9a227}.collab-status-accepted{color:#7cb87c}.collab-status-declined{color:#a86868}.upload-collab-search{position:relative}.upload-collab-list{display:grid;gap:8px}.upload-collab-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(120px,.8fr) 100px auto;gap:10px;align-items:center;padding:10px;border:1px solid #222;background:#0f0f0f}.upload-collab-row select,.upload-share-field input{width:100%;border:1px solid #2a2a2a;background:#121212;color:#fff;padding:8px 10px;border-radius:0}.upload-share-field{display:grid;gap:4px}.upload-share-field span{color:#777;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.upload-empty{padding:16px;border:1px dashed #2a2a2a;color:#888;font-size:.88rem}.upload-summary{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 14px;border:1px solid #222;background:#0d0d0d}.upload-summary strong,.upload-summary span{display:block}.upload-summary span{color:#888;font-size:.82rem;margin-top:2px}.upload-error{margin:0}.upload-actions{display:flex;justify-content:space-between;gap:12px;margin-top:8px;padding-top:16px;border-top:1px solid #1e1e1e}.upload-actions .primary-btn,.upload-actions .ghost-btn{width:auto;display:inline-flex;align-items:center;gap:8px;border-radius:0}@media(max-width:720px){.upload-card{padding:16px}.upload-basic,.upload-meta-grid,.upload-notes-grid,.upload-collab-row,.upload-license{grid-template-columns:1fr}.upload-art{width:140px}}@media(max-width:720px){.wizard-card{padding:20px 16px}.wizard-basic{grid-template-columns:1fr}.wizard-art{width:160px}}.artist-page{display:flex;flex-direction:column;gap:28px}.artist-hero{position:relative;overflow:hidden;margin:0 -4px;border:0;background:#0c0c0c;animation:artist-hero-in .55s ease both}.artist-hero-banner{position:relative;height:clamp(168px,26vw,240px);width:100%;background:#1a1a1a}.artist-hero-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0c0c0c14,#0c0c0c8c 62%,#0c0c0c),linear-gradient(90deg,rgba(0,0,0,.28),transparent 42%);pointer-events:none}.artist-hero-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.18;mix-blend-mode:overlay;background-image:radial-gradient(rgba(255,255,255,.35) .5px,transparent .5px);background-size:3px 3px;pointer-events:none}.artist-hero-bg{display:none}.artist-hero-body{position:relative;z-index:1;display:grid;grid-template-columns:148px minmax(0,1fr);gap:22px 28px;padding:0 8px 8px;margin-top:-74px;align-items:end}.artist-avatar{width:148px;height:148px;border-radius:4px;overflow:hidden;border:3px solid #0c0c0c;background:#1a1a1a;display:grid;place-items:center;font-size:3rem;font-weight:700;letter-spacing:-.04em;box-shadow:0 18px 40px #00000073;animation:artist-avatar-in .65s cubic-bezier(.2,.8,.2,1) both}.banner-swatches{display:flex;flex-wrap:wrap;gap:8px}.banner-swatch{width:36px;height:36px;border:2px solid transparent;padding:0;cursor:pointer;outline:1px solid #333}.banner-swatch.active{border-color:#fff;outline-color:#fff}.banner-preview{margin-top:10px;height:56px;border:1px solid #222}.field-label{display:block;margin-bottom:6px;font-size:.82rem;color:var(--muted)}.artist-avatar img{width:100%;height:100%;object-fit:cover}.artist-main{display:flex;flex-direction:column;gap:12px;min-width:0;padding:0 4px 10px 0;animation:artist-main-in .55s ease .08s both}.artist-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.artist-identity{min-width:0}.artist-username{margin:0 0 4px;color:#9a9a9a;font-size:.92rem;letter-spacing:.01em}.artist-name{margin:0;font-size:clamp(1.85rem,3.2vw,2.65rem);line-height:1.05;letter-spacing:-.045em;font-weight:750}.artist-actions{display:flex;gap:8px;flex-shrink:0}.artist-bio{margin:0;max-width:54ch;color:#ffffffb8;line-height:1.55;font-size:.98rem}.artist-meta-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.artist-location{display:inline-flex;align-items:center;gap:6px;color:#8f8f8f;font-size:.88rem}.artist-genre{padding:5px 11px;border-radius:999px;background:#ffffff0f;color:#e8e8e8;border:1px solid rgba(255,255,255,.08);font-size:.8rem}.artist-socials{display:flex;flex-wrap:wrap;gap:8px}.artist-socials a{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ddd;text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease}.artist-socials a:hover{background:#ffffff1a;border-color:#ffffff38;color:#fff}.artist-stats{display:flex;flex-wrap:wrap;gap:0;margin-top:4px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.artist-stats>div{min-width:96px;padding:0 22px 0 0;background:transparent;border:0;border-radius:0}.artist-stats>div:last-child{padding-right:0}.artist-stats strong{display:block;font-size:1.2rem;letter-spacing:-.02em;line-height:1.15}.artist-stats span{color:#7a7a7a;font-size:.75rem;text-transform:lowercase;letter-spacing:.02em}@keyframes artist-hero-in{0%{opacity:0}to{opacity:1}}@keyframes artist-avatar-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes artist-main-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.artist-section{display:flex;flex-direction:column;gap:14px}.artist-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.artist-section-head h3{margin:0;display:inline-flex;align-items:center;gap:8px}.studio-settings-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.9fr);gap:16px;align-items:start}.studio-side-stack{display:flex;flex-direction:column;gap:12px}.studio-panel-note{margin:0 0 12px;color:#888;font-size:.86rem;line-height:1.45}.studio-side-stack .studio-panel .ghost-btn,.studio-side-stack .studio-panel .primary-btn,.studio-page-head .ghost-btn,.studio-inline-btn,.studio-page .primary-btn,.studio-page .ghost-btn,.studio-content .primary-btn,.studio-content .ghost-btn{width:auto;display:inline-flex;align-items:center;gap:8px;text-decoration:none;border-radius:0}.studio-content .primary-btn{background:#fff;color:#0b0b0b}.studio-content .primary-btn:hover{background:#e8e8e8}.studio-content .ghost-btn{border-color:#2a2a2a}.studio-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.studio-page-head h2{margin:0 0 4px;font-size:1rem;font-weight:700}.studio-page-head p{margin:0;color:#9a9a9a;font-size:.88rem}.detail-producer-link,.comment-user-link,a.melody-artist{color:inherit;text-decoration:none}.detail-producer-link:hover,.comment-user-link:hover,a.melody-artist:hover{color:var(--green)}.comment-user-link{font-weight:700}@media(max-width:900px){.artist-hero-body{grid-template-columns:1fr;align-items:start;padding:0 12px 16px;margin-top:-52px;gap:14px}.artist-hero-banner{height:140px}.artist-avatar{width:104px;height:104px;font-size:2.2rem}.artist-name{font-size:1.7rem}.artist-title-row{align-items:flex-start}.studio-settings-grid{grid-template-columns:1fr}.artist-stats>div{min-width:72px;padding-right:16px}}.beat-list{display:flex;flex-direction:column;gap:10px}.beat-row{display:grid;grid-template-columns:28px 56px minmax(160px,1.35fr) minmax(0,.9fr) auto;gap:14px;align-items:center;padding:12px 14px;border-radius:18px;background:transparent;transition:background .15s ease}.beat-row:hover,.beat-row.current{background:#1a1a1a}.beat-row-index{color:#8a8a8a;font-size:.9rem;text-align:center}.beat-row-cover{position:relative;width:56px;height:56px;border:0;border-radius:12px;overflow:hidden;padding:0;cursor:pointer;background:#222}.beat-row-cover img{width:100%;height:100%;object-fit:cover;display:block}.beat-row-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000059;color:#fff;opacity:0;transition:opacity .15s ease}.beat-row:hover .beat-row-play,.beat-row.current .beat-row-play{opacity:1}.beat-row-main{min-width:0;display:flex;flex-direction:column;gap:2px}.beat-row-title{color:#fff;font-weight:700;font-size:.98rem;letter-spacing:-.01em;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}.beat-row-artist,.beat-row-meta{color:#8f8f8f;font-size:.84rem;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.beat-row-artist:hover{color:var(--green)}.beat-row-tags{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;min-width:0;overflow:hidden}.beat-row-tag{flex:0 1 auto;max-width:100%;padding:5px 10px;border-radius:999px;background:#232323;color:#cfcfcf;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.beat-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.beat-row-icon{width:38px;height:38px;border:0;border-radius:50%;background:transparent;color:#bdbdbd;display:grid;place-items:center;cursor:pointer}.beat-row-icon:hover{color:#fff;background:#ffffff0f}.beat-row-icon.liked{color:#f472b6}.beat-row-buy{border:0;border-radius:14px;padding:10px 16px;background:var(--green);color:var(--on-green);font-weight:800;font-size:.86rem;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:7px;cursor:pointer}.beat-row-buy-price{display:none}.beat-row-buy:hover{background:var(--green-2)}.playlist-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.playlist-card{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit}.playlist-card-cover{aspect-ratio:1;border-radius:20px;overflow:hidden;background:#1a1a1a}.playlist-card-cover img{width:100%;height:100%;object-fit:cover}.playlist-card strong{font-size:1rem}.playlist-card span{color:var(--muted);font-size:.86rem}.playlist-create-panel{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px;padding:14px;border-radius:18px;background:#151515;border:1px solid rgba(255,255,255,.06)}.playlist-create-panel input,.playlist-create-form input{flex:1;min-width:220px;border:1px solid rgba(255,255,255,.08);background:#0f0f0f;color:#fff;border-radius:12px;padding:12px 14px;outline:none}.playlist-create-panel .primary-btn,.playlist-create-panel .ghost-btn,.playlist-create-form .primary-btn{width:auto}.muted-copy{color:var(--muted);line-height:1.45}.muted-link{display:inline-block;margin-top:12px;color:var(--muted);font-size:.88rem}.muted-link:hover{color:var(--green)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0000009e;display:grid;place-items:center;padding:20px}.modal-card{width:min(440px,100%);max-height:min(80vh,640px);overflow:auto;background:#161616;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:18px}.modal-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.modal-head h3{margin:0 0 4px}.modal-head p{margin:0;color:var(--muted);font-size:.88rem}.playlist-pick-list{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.playlist-pick-item{display:flex;align-items:center;gap:12px;width:100%;border:1px solid rgba(255,255,255,.06);background:#121212;border-radius:14px;padding:10px;color:inherit;cursor:pointer;text-align:left}.playlist-pick-item:hover{border-color:rgba(var(--green-rgb),.35)}.playlist-pick-cover{width:44px;height:44px;border-radius:10px;overflow:hidden;flex-shrink:0}.playlist-pick-cover img{width:100%;height:100%;object-fit:cover}.playlist-pick-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.playlist-pick-meta strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-pick-meta span{color:var(--muted);font-size:.82rem}.playlist-create-form{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}@media(max-width:980px){.beat-row{grid-template-columns:24px 48px 1fr auto;grid-template-areas:"index cover main actions" ". . tags actions"}.beat-row-index{grid-area:index}.beat-row-cover{grid-area:cover;width:48px;height:48px}.beat-row-main{grid-area:main}.beat-row-tags{grid-area:tags}.beat-row-actions{grid-area:actions;align-self:start}.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.playlist-grid{grid-template-columns:1fr 1fr}}.catalog-type-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.catalog-type-pill{border:1px solid rgba(255,255,255,.08);background:#161616;color:#bdbdbd;border-radius:999px;padding:9px 16px;font-weight:600;font-size:.9rem;cursor:pointer}.catalog-type-pill:hover{color:#fff;border-color:#ffffff29}.catalog-type-pill.active{background:var(--green);border-color:var(--green);color:var(--on-green)}.producer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.producer-card{display:flex;align-items:center;gap:14px;padding:14px;border-radius:18px;background:#151515;border:1px solid rgba(255,255,255,.06);text-decoration:none;color:inherit;transition:border-color .15s ease,background .15s ease}.producer-card:hover{border-color:rgba(var(--green-rgb),.35);background:#191919}.producer-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#2a2a2a}.producer-avatar.fallback{display:grid;place-items:center;font-weight:700;font-size:1.2rem}.producer-meta{min-width:0;display:flex;flex-direction:column;gap:2px}.producer-meta strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.producer-meta span{color:var(--muted);font-size:.86rem}.producer-stats{margin-top:2px!important}@media(max-width:980px){.producer-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.producer-grid{grid-template-columns:1fr}}.license-list{display:grid;gap:12px}.license-list.compact{margin-top:8px}.license-card{background:#151515;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px}.license-card.off{opacity:.55}.license-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.license-card h3{margin:0 0 4px;font-size:1.05rem}.license-card p{margin:0;color:var(--muted);font-size:.86rem}.license-badge{display:inline-block;margin-top:8px;padding:4px 10px;border-radius:999px;background:rgba(var(--green-rgb),.14);color:var(--green);font-size:.75rem;font-weight:700}.license-note{display:block;margin-top:8px;color:#f59e0b;font-size:.8rem}.license-toggle{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.82rem;white-space:nowrap}.license-price-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);color:var(--muted)}.license-price-input{display:inline-flex;align-items:center;gap:6px;background:#0f0f0f;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:8px 12px;color:#fff}.license-price-input input{width:96px;border:0;outline:none;background:transparent;color:#fff;font-weight:700}.license-block{margin-top:18px}.license-block-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.license-block-head h3{margin:0}.beat-licenses{display:grid;gap:10px;margin-top:8px;min-width:0}.beat-license-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;background:linear-gradient(180deg,#1a1a1a,#141414);border:1px solid rgba(255,255,255,.07);min-width:0}.beat-license-row.exclusive{border-color:rgba(var(--green-rgb),.35);background:linear-gradient(180deg,rgba(var(--green-rgb),.12),#141414 70%)}.beat-license-row>div{min-width:0}.beat-license-row strong{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1rem}.beat-license-row span{color:var(--muted);font-size:.82rem}.license-hint-panel{display:grid;gap:8px;margin-top:8px}.license-hint-toggle{justify-self:start;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:transparent;color:var(--muted);font-size:.78rem;font-weight:600;cursor:pointer}.license-hint-toggle:hover{color:#fff;border-color:#ffffff47}.license-tier{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:rgba(var(--green-rgb),.18);color:var(--green)!important;font-size:.7rem!important;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.beat-license-price{font-weight:700;color:#fff!important;white-space:nowrap;flex-shrink:0}.beat-license-buy{border:0;border-radius:12px;padding:10px 14px;background:var(--green);color:var(--on-green);font-weight:800;font-size:.85rem;white-space:nowrap;cursor:pointer}.beat-license-buy:hover:not(:disabled){background:var(--green-2)}.beat-license-buy:disabled{opacity:.55;cursor:not-allowed}.wizard-draft-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px;padding:12px 14px;border-radius:14px;background:rgba(var(--green-rgb),.1);border:1px solid rgba(var(--green-rgb),.22);color:#d9e8a8;font-size:.88rem}.library-list{display:grid;gap:12px}.library-card{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(140px,180px);gap:14px;align-items:center;padding:12px;border-radius:18px;background:#151515;border:1px solid rgba(255,255,255,.06)}.library-cover{width:72px;height:72px;border-radius:14px;overflow:hidden;display:block}.library-cover img{width:100%;height:100%;object-fit:cover}.library-meta{min-width:0;display:grid;gap:4px}.library-title{color:#fff;font-weight:700;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-meta span{color:var(--muted);font-size:.84rem}.library-meta a{color:inherit}.sales-table{display:grid;gap:10px;margin-top:8px}.sales-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:12px 14px;border-radius:0;background:#121212;border:1px solid #222}.sales-row>div{min-width:0;display:grid;gap:4px}.sales-row span{color:var(--muted);font-size:.82rem}.sales-money{text-align:right}.sales-status{border-radius:0;padding:5px 8px;font-size:.72rem;font-weight:700;white-space:nowrap;border:1px solid #2a2a2a}.sales-status.held{background:#ffc1071f;color:#fbbf24}.sales-status.released{background:rgba(var(--green-rgb),.14);color:var(--green)}.notify-item-btn{width:100%;border:0;background:transparent;color:inherit;display:flex;justify-content:space-between;gap:12px;text-align:left;cursor:pointer;padding:0}@media(max-width:720px){.library-card,.sales-row{grid-template-columns:56px minmax(0,1fr)}.library-card>button,.sales-money,.sales-status{grid-column:1 / -1}}.license-checkout{width:min(560px,100%);max-height:min(90vh,820px);overflow:auto}.license-summary{display:grid;gap:8px;padding:14px;border-radius:16px;background:#171717;border:1px solid rgba(255,255,255,.06)}.license-summary ul,.license-hint-list,.license-compare-grid ul{margin:0;padding-left:18px;color:var(--muted);font-size:.86rem}.license-disclaimer,.license-summary>span{color:var(--muted);font-size:.82rem}.license-status-badge{display:inline-flex;align-items:center;width:fit-content;padding:4px 10px;border-radius:999px;border:1px solid rgba(251,191,36,.35);background:#fbbf241a;color:#fbbf24;font-size:.75rem;font-weight:700}.license-status-badge.ready{border-color:rgba(var(--green-rgb),.35);background:rgba(var(--green-rgb),.12);color:var(--green)}.license-review-box{display:grid;gap:6px;padding:10px 12px;border-radius:12px;background:#fbbf2414;border:1px solid rgba(251,191,36,.22);font-size:.82rem;color:#e7e5e4}.license-review-box.warn{background:#ef444414;border-color:#ef444447}.license-review-box strong{font-size:.8rem;color:#fbbf24}.license-review-box.warn strong{color:#f87171}.license-review-box ul{margin:0;padding-left:18px;color:var(--muted)}.license-checkout-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.license-contract-view{width:min(720px,100%);max-height:min(88vh,900px);overflow:auto;position:relative;z-index:2}.contract-pre{white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;line-height:1.45;background:#111;border-radius:14px;padding:14px;max-height:55vh;overflow:auto;color:#d7d7d7}.license-compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.license-compare-grid article{padding:12px;border-radius:14px;background:#171717;border:1px solid rgba(255,255,255,.06);display:grid;gap:8px}.exclusive-banner{margin-top:10px;padding:10px 12px;border-radius:12px;background:#fbbf241a;color:#fbbf24;font-size:.88rem;font-weight:600}.library-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch}.library-actions .ghost-btn,.library-actions .buy-btn{width:100%;justify-content:center}@media(max-width:900px){.license-compare-grid{grid-template-columns:1fr}}.admin-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh;background:#0e0e0e;color:#f5f5f5}.admin-nav{display:grid;gap:10px;align-content:start;padding:20px 16px;border-right:1px solid rgba(255,255,255,.08);background:#121212}.admin-nav a{color:#d4d4d4;text-decoration:none;font-size:.92rem}.admin-nav a.active{color:#fff;font-weight:700}.admin-nav-label{margin:12px 0 0;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#777}.admin-main{padding:24px;min-width:0}.admin-card{display:grid;gap:10px;padding:14px;margin:12px 0;border-radius:14px;background:#171717;border:1px solid rgba(255,255,255,.08);color:inherit;text-decoration:none}.admin-card.danger{border-color:#ff505059}.admin-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.admin-kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin:16px 0 24px}.admin-kpi-grid.compact{margin-bottom:12px}.admin-kpi{margin:0}.admin-kpi span{color:#9a9a9a;font-size:.78rem}.admin-kpi strong{font-size:1.25rem}.admin-filters{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px}.admin-filters input,.admin-filters select,.admin-inline-form input,.admin-inline-form select{background:#1a1a1a;border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:10px;padding:8px 10px;min-width:120px}.admin-inline-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.admin-user-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.admin-user-meta{display:flex;flex-wrap:wrap;gap:8px 12px;color:#aaa;font-size:.85rem}.admin-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin:16px 0}.admin-card-grid .admin-card{margin:0}.admin-activity-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.admin-activity-list .admin-card{margin:0}.admin-pre{overflow:auto;max-height:320px;padding:10px;border-radius:10px;background:#0a0a0a;font-size:.78rem}.admin-table{display:grid;gap:8px}.stack-form{display:grid;gap:12px}.rights-attest-box{padding:14px;border-radius:14px;border:1px solid rgba(251,191,36,.25);background:#fbbf240f}.plans-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.plan-card{display:grid;gap:12px;padding:16px;border-radius:0;background:#121212;border:1px solid #222}.plan-card.featured{border-color:#3a3a3a;box-shadow:none}.plan-card.current{border-color:#fff}.plan-card header{display:flex;gap:10px;align-items:center}.plan-card header div{display:grid}.plan-card header span{color:var(--muted);font-size:.85rem}.plan-emoji{font-size:1.4rem}.plan-fee{margin:0;color:var(--muted);font-size:.86rem}.plan-card ul{margin:0;padding-left:18px;color:#d4d4d4;font-size:.86rem}@media(max-width:1100px){.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.plans-grid{grid-template-columns:1fr}}@media(max-width:800px){.admin-shell{grid-template-columns:1fr}}.like-item{display:flex!important;align-items:center;gap:10px;width:100%;text-align:left}.like-thumb{width:40px;height:40px;border-radius:8px;overflow:hidden;flex-shrink:0;display:grid;place-items:center}.like-thumb img{width:100%;height:100%;object-fit:cover}button.like-play{position:relative;border:0;padding:0;cursor:pointer;color:#fff}.like-play-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0006}.cart-panel-foot{display:grid;gap:8px;padding:12px 14px;border-top:1px solid rgba(255,255,255,.08)}.cart-page{display:grid;gap:16px;padding:8px 0 40px}.cart-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.cart-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto auto auto;gap:12px;align-items:center;padding:12px;border-radius:14px;background:#151515;border:1px solid rgba(255,255,255,.06)}.cart-cover,.cart-cover span{width:56px;height:56px;border-radius:10px;overflow:hidden;display:block}.cart-cover img{width:100%;height:100%;object-fit:cover}.cart-meta{display:grid;gap:4px;min-width:0}.cart-summary{display:grid;gap:10px;padding:16px;border-radius:16px;background:#151515}.home-scroll-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.continue-card,.playlist-home-card,.artist-chip{flex:0 0 auto;width:140px;display:grid;gap:6px;text-align:left;color:inherit;text-decoration:none;background:transparent;border:0;padding:0;cursor:pointer}.continue-cover,.playlist-home-cover{width:140px;height:140px;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:#1a1a1a}.mix-rail-cover{padding:0}.mix-rail-collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:100%;height:100%}.mix-rail-collage>span{overflow:hidden;background:#222}.mix-rail-collage img{width:100%;height:100%;object-fit:cover;display:block}.mix-detail-hero{display:grid;grid-template-columns:200px minmax(0,1fr);gap:22px;align-items:end;margin:12px 0 28px}.mix-detail-collage{width:200px;height:200px;border-radius:18px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;background:#1a1a1a}.mix-detail-collage>span{overflow:hidden;display:grid;place-items:center;background:#222;color:#ffffff8c}.mix-detail-collage img{width:100%;height:100%;object-fit:cover;display:block}.mix-detail-copy h1{margin:6px 0 10px;font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.03em}.mix-detail-copy .primary-btn{margin-top:14px;display:inline-flex;align-items:center;gap:8px}@media(max-width:720px){.mix-detail-hero{grid-template-columns:1fr;justify-items:start}}.continue-cover img,.playlist-home-cover img{width:100%;height:100%;object-fit:cover}.continue-card strong,.playlist-home-card strong,.artist-chip strong{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.continue-card span,.playlist-home-card span,.artist-chip em{color:var(--muted);font-size:.78rem;font-style:normal}.artist-chip{width:120px;justify-items:center;text-align:center}.artist-chip img,.artist-chip>span:first-child{width:72px;height:72px;border-radius:999px;object-fit:cover;display:grid;place-items:center;background:#222;font-weight:700}.chats-page{margin-bottom:24px}.chats-layout{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:0;min-height:min(70vh,640px);height:min(70vh,640px);border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#101010;overflow:hidden}.chats-sidebar{display:grid;grid-template-rows:auto minmax(0,1fr);border-right:1px solid rgba(255,255,255,.08);min-width:0;background:#101010}.chats-sidebar-head{padding:14px 14px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.chats-sidebar-head h2{margin:0 0 10px;font-size:.95rem;font-weight:700;letter-spacing:-.01em}.chats-start{display:grid;grid-template-columns:1fr auto;gap:8px}.chats-start-field{display:flex;align-items:center;gap:8px;min-width:0;padding:0 10px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#0c0c0c;color:var(--muted)}.chats-start-field input{flex:1;min-width:0;border:0;background:transparent;color:var(--text);padding:9px 0;outline:none;font-size:.88rem}.chats-start-btn{border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#1a1a1a;color:var(--text);padding:0 12px;font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap}.chats-start-btn:hover{background:#222}.chats-thread-list{list-style:none;margin:0;padding:6px;overflow:auto}.chats-thread{width:100%;text-align:left;padding:10px;border:0;border-radius:8px;background:transparent;color:inherit;display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;cursor:pointer}.chats-thread:hover{background:#161616}.chats-thread.active{background:#1c1c1c}.chat-avatar{display:grid;place-items:center;border-radius:50%;overflow:hidden;flex-shrink:0;background:#242424;color:#ddd;font-weight:700;line-height:1}.chat-avatar img{width:100%;height:100%;object-fit:cover}.chats-thread-copy{min-width:0;display:grid;gap:2px}.chats-thread-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.chats-thread-top strong{font-size:.9rem;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chats-thread-top time{flex-shrink:0;color:var(--muted);font-size:.72rem}.chats-thread-copy p{margin:0;color:var(--muted);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chats-empty-side,.chats-empty-main,.chats-empty-thread{display:grid;place-content:center;gap:4px;padding:28px 20px;text-align:center;color:var(--muted)}.chats-empty-side p,.chats-empty-main p,.chats-empty-thread p{margin:0;color:#cfcfcf;font-size:.95rem;font-weight:600}.chats-empty-side span,.chats-empty-main span{font-size:.82rem}.chats-main{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;background:#0c0c0c}.chats-main-head{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.08);background:#101010}.chats-back{display:none;place-items:center;width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:var(--text);cursor:pointer}.chats-back:hover{background:#1a1a1a}.chats-peer{display:flex;align-items:center;gap:10px;min-width:0;color:inherit;text-decoration:none}.chats-peer span{display:grid;min-width:0}.chats-peer strong{font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chats-peer em{font-style:normal;color:var(--muted);font-size:.78rem}.chats-messages{padding:16px 14px;overflow:auto;display:grid;gap:8px;align-content:start}.chat-bubble{max-width:min(78%,420px);padding:9px 12px 7px;border-radius:12px;background:#1a1a1a;border:1px solid rgba(255,255,255,.06);justify-self:start}.chat-bubble.mine{justify-self:end;background:#16301f;border-color:#1f3d28}.chat-bubble p{margin:0;font-size:.92rem;line-height:1.4;white-space:pre-wrap;word-break:break-word}.chat-bubble time{display:block;margin-top:4px;font-size:.68rem;color:#8a8a8a;text-align:right}.chats-compose{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 12px;border-top:1px solid rgba(255,255,255,.08);background:#101010}.chats-compose input{border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#0c0c0c;color:var(--text);padding:11px 12px;outline:none;font-size:.92rem}.chats-compose input:focus{border-color:#ffffff38}.chats-send{width:42px;height:42px;border:0;border-radius:8px;background:var(--green);color:#fff;display:grid;place-items:center;cursor:pointer}.chats-send:disabled{opacity:.4;cursor:default}.chats-send:not(:disabled):hover{background:var(--green-2)}@media(max-width:800px){.chats-layout{grid-template-columns:1fr;height:calc(100dvh - 160px);min-height:420px;border-radius:10px}.chats-layout.conversation-open .chats-sidebar{display:none}.chats-layout:not(.conversation-open) .chats-main{display:none}.chats-back{display:grid}.chats-sidebar{border-right:0}.cart-row{grid-template-columns:48px minmax(0,1fr)}}.shops-studio{display:grid;gap:16px}.shop-create-panel{border:1px solid rgba(255,255,255,.08);background:#ffffff05;padding:18px}.shop-create-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:20px;align-items:start}.shop-create-fields{display:grid;gap:12px}.shop-create-fields h3{margin:0 0 4px;display:flex;align-items:center}.shop-option-row{display:grid;gap:8px}.shop-option-row>span{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.shop-chip-row{display:flex;flex-wrap:wrap;gap:6px}.shop-chip{border:1px solid rgba(255,255,255,.12);background:transparent;color:var(--text);padding:6px 12px;font-size:.82rem;cursor:pointer}.shop-chip.on{border-color:#ffffff73;background:#ffffff1f;color:#fff}.shop-links-edit{display:grid;gap:8px}.shop-links-edit>span{font-size:.78rem;color:var(--muted)}.shop-link-add{display:grid;grid-template-columns:1fr 1.4fr auto;gap:6px}.shop-link-pill{justify-self:start;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:var(--text);padding:4px 10px;font-size:.78rem;cursor:pointer}.shop-live-preview{position:relative;overflow:hidden;min-height:300px;padding:0;border:1px solid rgba(255,255,255,.1);background:#121214;color:#fff}.shop-preview-cover{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;pointer-events:none}.shop-preview-cover-empty{background:linear-gradient(145deg,#1a1a1e,#0e0e10 55%,#16161a)}.shop-preview-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000026,#000000b8);pointer-events:none}.shop-preview-copy{position:relative;z-index:1;display:grid;gap:8px;align-content:end;min-height:300px;padding:22px}.shop-preview-kicker{margin:0;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;opacity:.7}.shop-live-preview h3,.shop-preview-tag,.shop-preview-desc,.shop-preview-cta{margin:0}.shop-preview-tag{font-size:1.05rem;opacity:.92}.shop-preview-desc{font-size:.9rem;color:#ffffffb8;max-width:36ch}.shop-preview-cta{display:inline-block;justify-self:start;margin-top:8px;padding:8px 14px;background:#fff;color:#111;font-size:.85rem;font-weight:600}.shop-list-card{display:grid;gap:10px}.shop-editor{margin-top:8px;padding:18px}.shop-beat-pick{display:grid;gap:6px;max-height:420px;overflow:auto}.shop-beat-pick-row{display:flex;gap:10px;align-items:center;padding:8px 10px;border:1px solid rgba(255,255,255,.08);cursor:pointer}.shop-beat-pick-row.on{border-color:#ffffff59;background:#ffffff14}.shop-public{margin:0 auto;max-width:1100px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:var(--bg, #0b0b0b)}.shop-public-hero{position:relative;min-height:320px;display:grid;align-items:end;padding:28px 24px 32px;overflow:hidden;background:#121214}.shop-public-cover{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}.shop-public-cover-empty{background:linear-gradient(145deg,#1c1c20,#0e0e10,#18181c)}.shop-public-hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000001f,#000000c7);pointer-events:none}.shop-public-hero-inner{position:relative;z-index:1;display:grid;gap:10px;max-width:640px}.shop-public-kicker{margin:0;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#ffffffa6}.shop-public-kicker a{color:inherit}.shop-public-hero-inner h1{margin:0;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.1}.shop-public-tagline{margin:0;font-size:1.15rem;color:#ffffffe6}.shop-public-desc{margin:0;color:#ffffffb8;max-width:52ch}.shop-public-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.shop-public-cta{display:inline-flex;align-items:center;padding:10px 16px;background:#fff;color:#111;text-decoration:none;font-weight:600}.shop-public-link{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border:1px solid rgba(255,255,255,.22);color:#fff;text-decoration:none;font-size:.9rem;background:#0003;cursor:pointer}.shop-public-link:hover{border-color:#ffffff80;background:#ffffff14}.shop-public-body{padding:24px;display:grid;gap:20px}.shop-catalog-title{margin:0;font-size:1.05rem}.shop-list-layout{display:grid;gap:4px}@media(max-width:900px){.shop-create-grid,.shop-link-add{grid-template-columns:1fr}.shop-public-hero{min-height:260px;padding:22px 16px 24px}}.profile-shops-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.profile-shop-card{position:relative;overflow:hidden;min-height:200px;border:1px solid rgba(255,255,255,.1);background:#121214;display:grid;align-content:end}.profile-shop-cover{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;pointer-events:none}.profile-shop-cover-empty{background:linear-gradient(145deg,#1c1c20,#0e0e10 55%,#18181c)}.profile-shop-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000001a,#000000c7);pointer-events:none}.profile-shop-body{position:relative;z-index:1;padding:16px;display:grid;gap:8px;color:#fff}.profile-shop-kicker{margin:0;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.profile-shop-body h4{margin:0;font-size:1.15rem}.profile-shop-tag{margin:0;opacity:.88;font-size:.92rem}.profile-shop-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.profile-shop-beats{display:grid;gap:6px;margin-top:8px;max-height:220px;overflow:auto;padding-top:6px;border-top:1px solid rgba(255,255,255,.12)}.profile-shop-beats .shop-beat-pick-row{background:#00000059}.discounts-studio{display:grid;gap:8px}.promo-preset-list{display:grid;gap:10px;margin-top:12px}.promo-card{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff05}.promo-card.on{border-color:rgba(var(--green-rgb),.45);background:rgba(var(--green-rgb),.08)}.promo-card strong{margin-right:8px}.promo-chip,.promo-code{display:inline-block;margin-right:6px;padding:2px 8px;font-size:.75rem;border:1px solid rgba(255,255,255,.14)}.promo-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}.promo-switch{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;cursor:pointer}.promo-card-actions{display:flex;align-items:center;gap:8px}.promo-create-form{display:grid;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.promo-bogo-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cart-coupon-box{display:grid;gap:8px;margin-bottom:10px}.cart-coupon-box label span{display:block;font-size:.78rem;color:var(--muted);margin-bottom:4px}.cart-coupon-row{display:grid;grid-template-columns:1fr auto;gap:8px}.cart-coupon-pills{display:flex;flex-wrap:wrap;gap:6px}.cart-applied-promos{margin:0 0 10px;padding:0;list-style:none;font-size:.85rem;color:var(--green)}.cart-summary-discount{color:var(--green)}.cart-discount-tag{display:block;margin-top:2px;font-size:.78rem;color:var(--green)}.cart-price-col{display:grid;justify-items:end;gap:2px}.cart-price-was{font-size:.78rem;color:var(--muted);text-decoration:line-through}.shop-public-stats{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-top:4px;font-size:.88rem;color:#ffffffc7}.shop-public-stats span{display:inline-flex;align-items:center;gap:5px}.shop-like-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.22);background:#00000040;color:#fff;padding:6px 12px;cursor:pointer}.shop-like-btn.on{border-color:#ffffff8c;background:#ffffff29;color:#fff}.shop-banner-upload{cursor:pointer}.shop-owner-panel{margin:0 24px 16px;padding:16px;border:1px solid rgba(255,255,255,.1);background:#00000059}.shop-owner-panel h3{margin:0 0 8px}.shop-post-form textarea{width:100%;resize:vertical;min-height:72px}.shop-post-form-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;align-items:center}.shop-posts{padding:0 24px 8px;display:grid;gap:12px}.shop-posts h3,.shop-catalog-title{margin:0 0 4px}.shop-post-card{padding:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;display:grid;gap:10px}.shop-post-card p{margin:0;white-space:pre-wrap}.shop-post-image{width:100%;max-height:360px;object-fit:cover}.shop-post-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.78rem;color:var(--muted)}.analytics-page{display:grid;gap:16px}.analytics-kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.analytics-kpi{padding:12px 14px;border:1px solid #222;background:#121212;border-radius:0;display:grid;gap:6px}.analytics-kpi span{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--muted)}.analytics-kpi strong{font-size:1.25rem}.analytics-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.analytics-chart-scroll{overflow-x:auto}.analytics-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;font-size:.78rem;color:var(--muted)}.analytics-legend i{display:inline-block;width:8px;height:8px;margin-right:4px}.analytics-funnel{display:grid;gap:10px}.analytics-funnel>div{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #222;background:#121212}.analytics-top-beats{display:grid;gap:8px}.analytics-beat-row{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center;padding:8px;border:1px solid rgba(255,255,255,.06);text-decoration:none;color:inherit}.analytics-beat-row:hover{border-color:rgba(var(--green-rgb),.35)}.analytics-rank{width:28px;height:28px;display:grid;place-items:center;background:#ffffff0f;font-size:.8rem}.analytics-beat-row strong{display:block}.analytics-beat-row .muted{font-size:.78rem}.analytics-links{list-style:none;margin:0;padding:0;display:grid;gap:8px}.analytics-links li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);text-transform:capitalize}@media(max-width:900px){.analytics-grid-2{grid-template-columns:1fr}}.tg-miniapp-root,.tg-miniapp-root body,.tg-miniapp-root #root{background:#000;min-height:100%}.tg-shell{--tg-green: #065623;--tg-card: #141414;--tg-muted: #8a8a8a;min-height:100dvh;max-width:480px;margin:0 auto;padding:12px 14px calc(72px + env(safe-area-inset-bottom));background:#000;color:#fff;font-family:Manrope,system-ui,sans-serif;position:relative}.tg-top{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:10px;margin-bottom:14px}.tg-top h1{margin:0;text-align:center;font-size:1.35rem;font-weight:800;letter-spacing:-.02em}.tg-logo{border-radius:10px;display:block}.tg-avatar{width:36px;height:36px;border-radius:50%;background:#1c1c1c;display:grid;place-items:center;overflow:hidden;color:#fff;text-decoration:none}.tg-avatar img{width:100%;height:100%;object-fit:cover}.tg-search{display:grid;grid-template-columns:22px 1fr 40px;align-items:center;gap:8px;background:#1a1a1a;border-radius:999px;padding:10px 8px 10px 14px;margin-bottom:18px;color:var(--tg-muted)}.tg-search input{border:0;background:transparent;color:#fff;font-size:.92rem;outline:none;min-width:0}.tg-search input::placeholder{color:#6e6e6e}.tg-filter{width:40px;height:36px;border:0;border-radius:999px;background:transparent;color:#fff;display:grid;place-items:center}.tg-main{display:grid;gap:22px}.tg-rail-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.tg-rail-head h2{margin:0;font-size:1.15rem;font-weight:800}.tg-rail-head button{border:0;background:none;color:#4da3ff;font-size:.88rem;font-weight:600;padding:0}.tg-rail-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.tg-rail-scroll::-webkit-scrollbar{display:none}.tg-beat-tile{flex:0 0 148px;scroll-snap-align:start;display:grid;gap:6px}.tg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.tg-grid .tg-beat-tile{flex:none;width:auto}.tg-beat-cover{border:0;padding:0;background:none;display:block;width:100%;aspect-ratio:1;border-radius:18px;overflow:hidden}.tg-beat-cover span{display:block;width:100%;height:100%}.tg-beat-cover img{width:100%;height:100%;object-fit:cover}.tg-beat-title{color:#fff;text-decoration:none;font-weight:700;font-size:.82rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tg-beat-artist{margin:0;font-size:.75rem;color:var(--tg-muted)}.tg-beat-artist a{color:inherit;text-decoration:none}.tg-beat-meta{display:flex;align-items:center;gap:8px;font-size:.72rem;color:#bdbdbd}.tg-dl{width:28px;height:24px;border:0;border-radius:8px;background:color-mix(in srgb,var(--tg-green) 75%,#000);color:#fff;display:grid;place-items:center;flex-shrink:0}.tg-tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:min(480px,100%);display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:8px 6px calc(8px + env(safe-area-inset-bottom));background:#000000eb;border-top:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:40}.tg-tabbar button{border:0;background:transparent;color:#9a9a9a;display:grid;justify-items:center;gap:2px;font-size:.62rem;padding:4px 2px}.tg-tabbar button.on{color:#fff}.tg-empty{color:var(--tg-muted);padding:24px 8px}.tg-banner-err{width:100%;border:1px solid rgba(180,40,40,.45);background:#b428282e;color:#fff;padding:10px 12px;margin-bottom:10px;text-align:left;font-size:.85rem}.tg-login-card,.tg-studio,.tg-charts,.tg-menu{display:grid;gap:12px}.tg-login-card{padding:16px;background:var(--tg-card);border-radius:18px}.tg-login-card h2,.tg-charts h2,.tg-studio h3{margin:0}.tg-login-card input{border:1px solid rgba(255,255,255,.12);background:#0c0c0c;color:#fff;border-radius:12px;padding:12px 14px;font-size:1rem}.tg-primary{border:0;background:var(--tg-green);color:#fff;border-radius:12px;padding:12px 14px;font-weight:700;text-align:center;text-decoration:none}.tg-primary.linkish{display:block}.tg-muted{color:var(--tg-muted);font-size:.85rem;margin:0}.tg-shop-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;background:var(--tg-card);border-radius:14px}.tg-shop-row strong{display:block}.tg-shop-row span{font-size:.78rem;color:var(--tg-muted)}.tg-shop-row a,.tg-shop-row button{border:1px solid rgba(255,255,255,.14);background:transparent;color:#fff;border-radius:10px;padding:8px 10px;text-decoration:none;font-size:.8rem}.tg-chart-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.tg-chart-list li{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:10px 12px;background:var(--tg-card);border-radius:14px}.tg-rank{width:28px;height:28px;display:grid;place-items:center;background:#222;border-radius:8px;font-size:.8rem}.tg-chart-list button{border:0;background:none;color:inherit;text-align:left;padding:0;display:grid;gap:2px}.tg-chart-list em{font-style:normal;color:var(--tg-muted);font-size:.78rem}.tg-plays{font-size:.8rem;color:var(--tg-muted)}.tg-stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tg-stat-cards>div{background:var(--tg-card);border-radius:14px;padding:12px;display:grid;gap:4px}.tg-stat-cards span{font-size:.72rem;color:var(--tg-muted)}.tg-menu a,.tg-menu button{display:block;padding:14px 16px;background:var(--tg-card);border-radius:14px;color:#fff;text-decoration:none;border:0;text-align:left;font-size:1rem}.home-mobile-only{display:none}@media(max-width:820px){.home-page{overflow-x:clip}.home-desktop-only{display:none!important}.home-mobile-only{display:block}.home-search{display:grid;grid-template-columns:22px 1fr 40px;align-items:center;gap:8px;background:#1a1a1a;border-radius:999px;padding:10px 8px 10px 14px;margin-bottom:22px;color:#8a8a8a}.home-search input{border:0;background:transparent;color:#fff;font-size:16px;outline:none;min-width:0}.home-search input::placeholder{color:#6e6e6e}.home-search-filter{width:40px;height:36px;border:0;border-radius:999px;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer}}.home-mixes{margin-bottom:8px}.home-mixes-head{margin-bottom:6px}.home-mix-refresh{color:var(--muted);font-size:.82rem;white-space:nowrap}.home-mix-empty{display:flex;align-items:center;gap:10px;padding:14px 16px;margin-bottom:20px;border-radius:14px;background:#141414;color:var(--muted);font-size:.9rem}.home-mix-empty p{margin:0}.beat-rail{--rail-pad: 0px;margin:0 0 28px}.beat-rail-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0 var(--rail-pad);margin-bottom:14px}.beat-rail-head h3{margin:0;font-size:1.15rem;font-weight:800;letter-spacing:-.02em}.beat-rail-head a{color:#4da3ff;font-size:.88rem;font-weight:600;text-decoration:none;white-space:nowrap}.beat-rail-scroll{display:flex;gap:12px;overflow-x:auto;padding:0 var(--rail-pad) 8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.beat-rail-scroll::-webkit-scrollbar{display:none}.beat-rail-tile{flex:0 0 min(52vw,200px);scroll-snap-align:start;display:grid;gap:8px;min-width:0}.home-page .beat-rail-tile{flex-basis:min(56vw,220px)}.beat-rail-cover{border:0;padding:0;background:none;display:block;width:100%;aspect-ratio:1;border-radius:18px;overflow:hidden;cursor:pointer}.beat-rail-cover span{display:block;width:100%;height:100%}.beat-rail-cover img{width:100%;height:100%;object-fit:cover}.beat-rail-title{color:#fff;text-decoration:none;font-weight:700;font-size:.88rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.beat-rail-artist{margin:0;font-size:.78rem;color:var(--muted)}.beat-rail-artist a{color:inherit;text-decoration:none}.beat-rail-meta{display:flex;align-items:center;gap:8px;font-size:.74rem;color:#bdbdbd}.beat-rail-dl{width:28px;height:24px;border:0;border-radius:8px;background:color-mix(in srgb,var(--green) 75%,#000);color:#fff;display:grid;place-items:center;flex-shrink:0;cursor:pointer}@media(max-width:820px){.beat-rail{--rail-pad: 16px;margin:0 calc(-1 * var(--rail-pad)) 28px}.beat-rail-tile,.home-page .beat-rail-tile{flex-basis:min(58vw,200px)}.beat-rail-title{font-size:.88rem}.beat-rail-cover{border-radius:18px}.home-mixes-head,.home-mix-empty{margin-left:0}}@media(min-width:821px){.home-page .beat-rail-tile{flex-basis:220px}}.taste-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#000000b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:end center;padding:12px}.taste-sheet{width:min(560px,100%);max-height:min(88dvh,720px);overflow:auto;background:#0e0e0e;border:1px solid rgba(255,255,255,.08);border-radius:22px 22px 18px 18px;padding:20px 18px 16px;display:grid;gap:18px;box-shadow:0 24px 80px #0000008c}.taste-head h2{margin:0 0 6px;font-size:1.45rem;font-weight:800;letter-spacing:-.03em}.taste-head p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.4}.taste-section h3{margin:0 0 10px;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#8a8a8a;font-weight:700}.taste-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.taste-chip{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#161616;color:#fff;text-align:left;cursor:pointer;min-width:0}.taste-chip:hover{border-color:#ffffff29}.taste-chip.on{border-color:var(--green);background:color-mix(in srgb,var(--green) 18%,#121212)}.taste-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-weight:800;font-size:.9rem;background:hsl(var(--taste-hue, 140) 55% 32%);color:#fff}.taste-name{font-weight:700;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taste-foot{display:flex;gap:10px;justify-content:flex-end;position:sticky;bottom:0;padding-top:8px;background:linear-gradient(180deg,transparent,#0e0e0e 30%)}.taste-foot .primary-btn:disabled{opacity:.45;cursor:not-allowed}@media(min-width:820px){.taste-overlay{place-items:center}.taste-sheet{border-radius:22px;padding:28px}.taste-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.home-beat-section{margin-bottom:28px}.home-beat-section-head{margin-bottom:14px}.home-beat-all{color:#4da3ff;font-size:.9rem;font-weight:600;text-decoration:none;white-space:nowrap}.home-beat-scroll{display:flex;gap:16px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.home-beat-scroll::-webkit-scrollbar{display:none}.home-beat-scroll .melody-card{flex:0 0 min(72vw,300px);scroll-snap-align:start;min-width:0}.home-beat-scroll .melody-cover{border-radius:22px}.home-page .home-beat-scroll .cover-play{opacity:1}@media(min-width:821px){.home-beat-scroll .melody-card{flex-basis:260px}}@media(max-width:820px){.home-beat-scroll{margin:0 -16px;padding:0 16px 6px}.home-beat-scroll .melody-card{flex-basis:min(70vw,280px)}.home-beat-scroll .melody-cover{border-radius:18px}}.tour-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:12000;pointer-events:none}.tour-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#06080a8c;animation:tour-fade .35s ease both;pointer-events:auto}.tour-hole{position:absolute;border-radius:14px;box-shadow:0 0 0 2px #ffffff8c,0 0 0 9999px #06080ab8;transition:top .45s cubic-bezier(.22,1,.36,1),left .45s cubic-bezier(.22,1,.36,1),width .45s cubic-bezier(.22,1,.36,1),height .45s cubic-bezier(.22,1,.36,1);animation:tour-pulse 2.4s ease-in-out infinite;pointer-events:none;z-index:1}.tour-card{position:absolute;z-index:2;pointer-events:auto;padding:18px 18px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#141518;color:#f4f4f5;display:grid;gap:8px;animation:tour-card-in .4s cubic-bezier(.22,1,.36,1) both}.tour-card-center{top:50%;left:50%;width:min(400px,calc(100vw - 32px));transform:translate(-50%,-50%);animation:tour-card-center-in .45s cubic-bezier(.22,1,.36,1) both}.tour-card h2{margin:0;font-size:1.2rem;line-height:1.25;font-weight:700}.tour-card>p{margin:0;color:#ffffffb8;font-size:.92rem;line-height:1.45}.tour-step-label{margin:0;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffff73}.tour-progress{height:3px;border-radius:99px;background:#ffffff14;overflow:hidden}.tour-progress>span{display:block;height:100%;border-radius:inherit;background:#25cf83;transition:width .35s ease}.tour-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;flex-wrap:wrap}.tour-actions-right{display:flex;gap:8px;margin-left:auto}@keyframes tour-fade{0%{opacity:0}to{opacity:1}}@keyframes tour-card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes tour-card-center-in{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes tour-pulse{0%,to{box-shadow:0 0 0 2px #ffffff80,0 0 0 9999px #06080ab8}50%{box-shadow:0 0 0 2px #25cf83bf,0 0 0 9999px #06080ab8}}@media(prefers-reduced-motion:reduce){.tour-dim,.tour-card,.tour-card-center,.tour-hole{animation:none!important;transition:none!important}}@media(max-width:900px){.tour-card:not(.tour-card-center){left:16px!important;right:16px;width:auto!important;bottom:calc(72px + env(safe-area-inset-bottom,0px));top:auto!important}}.tour-bullets{margin:2px 0 0;padding:0 0 0 1.1rem;display:grid;gap:6px;color:#ffffffc7;font-size:.86rem;line-height:1.35}.tour-bullets li::marker{color:#25cf83}.tour-card{max-height:min(70vh,520px);overflow:auto}