:root{--bg:#f7f7f5;--ink:#1f1f1f;--muted:#6a6a6a;--card:#fff;--border:#e6e6e6;--accent:#2f6f64}*{box-sizing:border-box}body{background:#f7f7f5;background:var(--bg);color:#1f1f1f;color:var(--ink);font-family:Oswald,Arial,Helvetica,sans-serif;margin:0}.app-shell{margin:0 auto;max-width:900px;padding:24px 16px 40px}.header-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.brand{font-size:32px;margin:0 0 4px}.welcome{color:#6a6a6a;color:var(--muted);margin:0}.card{background:#fff;background:var(--card);border:1px solid #e6e6e6;border:1px solid var(--border);border-radius:10px;margin:14px 0;padding:16px}.auth-page{align-items:center;background:#111;display:flex;height:100vh;justify-content:center;overflow:hidden;padding:40px 24px}.auth-container{max-width:400px;width:100%}.auth-logo{align-items:center;display:flex;gap:18px;justify-content:center;margin-bottom:30px}.auth-logo-img{height:100px;width:100px}.auth-logo-text{display:flex;flex-direction:column}.auth-logo-title{color:#fff;font-family:Oswald,Arial,sans-serif;font-size:52px;font-weight:700;letter-spacing:5px;line-height:1}.auth-logo-sub{color:#db4a1e;font-family:DM Mono,monospace;font-size:17px;letter-spacing:.5px;margin-top:6px}.auth-heading{color:#fff;font-family:Oswald,Arial,sans-serif;font-size:24px;font-weight:700;letter-spacing:2px;margin:0 0 6px}.auth-subheading{color:#fff6;font-size:13px;margin:0 0 28px}.auth-error,.auth-subheading{font-family:DM Mono,monospace}.auth-error{background:#db4a1e26;border:1px solid #db4a1e4d;border-radius:6px;color:#db4a1e;font-size:12px;margin-bottom:20px;padding:10px 14px}.auth-form{display:flex;flex-direction:column;gap:0;margin-top:28px}.auth-label{color:#ffffffb3;font-family:Oswald,Arial,sans-serif;font-size:11px;font-weight:600;letter-spacing:2px;margin-bottom:8px}.auth-input{background:#0000;border:1px solid #ffffff26;border-radius:6px;box-sizing:border-box;color:#fff;font-family:DM Mono,monospace;font-size:16px;margin-bottom:20px;outline:none;padding:12px 16px;transition:border-color .2s;width:100%}.auth-input::placeholder{color:#ffffff40}.auth-input:focus{border-color:#db4a1e}.auth-forgot{margin-bottom:24px;margin-top:-12px;text-align:right}.auth-forgot-link{color:#db4a1e;font-family:DM Mono,monospace;font-size:12px;text-decoration:none}.auth-forgot-link:hover{text-decoration:underline}.auth-submit{background:#db4a1e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Oswald,Arial,sans-serif;font-size:15px;font-weight:600;letter-spacing:2px;margin-top:4px;padding:14px;transition:background .2s;width:100%}.auth-submit:hover{background:#c0633a}.auth-switch{color:#ffffff80;font-family:DM Mono,monospace;font-size:13px;margin-top:24px;text-align:center}.auth-switch-link{color:#db4a1e;font-weight:500;text-decoration:none}.auth-switch-link:hover{text-decoration:underline}body:has(.auth-page){background:#111}.auth-success{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:6px;color:#22c55e;font-family:DM Mono,monospace;font-size:13px;line-height:1.6;margin-bottom:20px;padding:16px 20px}.auth-success p{margin:0 0 12px}.auth-reset-link{background:#db4a1e;border-radius:6px;color:#fff;display:inline-block;font-family:Oswald,Arial,sans-serif;font-size:13px;font-weight:600;letter-spacing:1px;padding:8px 20px;text-decoration:none;transition:background .2s}.auth-reset-link:hover{background:#c0633a}.form-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.form-actions{align-items:center;display:flex;gap:10px;grid-column:1/-1}.input{font-size:14px;padding:10px;width:100%}.ghost-btn,.input,.primary-btn{border:1px solid #e6e6e6;border:1px solid var(--border);border-radius:8px}.ghost-btn,.primary-btn{background:#fff;cursor:pointer;padding:8px 12px}.primary-btn{background:#2f6f64;background:var(--accent);border-color:#2f6f64;border-color:var(--accent);color:#fff}.primary-btn:disabled{cursor:not-allowed;opacity:.6}.error-text{color:#b00020;font-size:13px;margin:0}.public-toggle{align-items:center;color:#6a6a6a;color:var(--muted);cursor:pointer;display:flex;font-size:13px;gap:6px;-webkit-user-select:none;user-select:none}.public-toggle input[type=checkbox]{accent-color:#2f6f64;accent-color:var(--accent);cursor:pointer}.search-input{margin-bottom:10px}.playlist-list{grid-gap:8px;display:grid;gap:8px}.playlist-item{border:1px solid #e6e6e6;border:1px solid var(--border);border-radius:8px;padding:10px 12px}.playlist-title{font-weight:700;margin-bottom:4px}.playlist-meta{color:#6a6a6a;color:var(--muted);display:flex;flex-wrap:wrap;font-size:13px;gap:6px}.track-search-bar{display:flex;gap:8px;margin-bottom:10px}.track-search-bar .input{flex:1 1}.track-results{grid-gap:6px;display:grid;gap:6px;max-height:400px;overflow-y:auto}.track-row{align-items:center;border:1px solid #e6e6e6;border:1px solid var(--border);border-radius:8px;display:flex;gap:10px;padding:8px 10px;transition:background .15s}.track-row:hover{background:#f0f0ee}.track-row.selected{background:#e8f5e9;border-color:#2f6f64;border-color:var(--accent)}.track-art{border-radius:6px;flex-shrink:0;height:48px;object-fit:cover;width:48px}.track-info{flex:1 1;min-width:0}.track-name{font-size:14px;font-weight:600}.track-artist,.track-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist{color:#6a6a6a;color:var(--muted);font-size:12px}.track-actions{gap:6px}.icon-btn,.track-actions{display:flex;flex-shrink:0}.icon-btn{align-items:center;background:#fff;border:1px solid #e6e6e6;border:1px solid var(--border);border-radius:50%;cursor:pointer;font-size:14px;height:36px;justify-content:center;transition:all .15s;width:36px}.icon-btn:hover{background:#2f6f64;background:var(--accent);color:#fff}.icon-btn:disabled,.icon-btn:hover{border-color:#2f6f64;border-color:var(--accent)}.icon-btn:disabled{background:#e8f5e9;color:#2f6f64;color:var(--accent);cursor:not-allowed;opacity:.4}.play-btn.playing{background:#2f6f64;background:var(--accent);border-color:#2f6f64;border-color:var(--accent);color:#fff}.add-btn{font-size:18px;font-weight:700}.remove-btn{border-color:#ecc;color:#b00020;font-size:18px}.remove-btn:hover{background:#b00020;border-color:#b00020;color:#fff}.selected-tracks{margin-top:12px}.selected-tracks h4{font-size:14px;margin:0 0 8px}.selected-track{align-items:center;border:1px solid #e6e6e6;border:1px solid var(--border);border-radius:6px;display:flex;gap:8px;margin-bottom:4px;padding:6px 8px}.track-art-sm{border-radius:4px;flex-shrink:0;height:32px;object-fit:cover;width:32px}.track-name-sm{flex:1 1;font-size:13px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist-sm{color:#6a6a6a;color:var(--muted);font-weight:400}.playlist-tracks{grid-gap:4px;display:grid;gap:4px;margin-top:8px}.topbar{align-items:center;background:#0000;display:flex;justify-content:space-between;left:0;padding:16px 24px;position:fixed;right:0;top:0;z-index:300}.topbar-logo{text-decoration:none}.topbar-logo,.topbar-menu-btn{color:#fff;font-family:Oswald,monospace;font-size:14px;font-weight:600;letter-spacing:1px}.topbar-menu-btn{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;justify-content:center;line-height:0;padding:0;transition:opacity .2s ease,transform .2s ease}.topbar-menu-btn:hover{opacity:.75;transform:scale(1.05)}.topbar-menu-btn svg{display:block}.topbar-links{align-items:center;display:flex;gap:36px;margin-left:auto;margin-right:36px;opacity:1;transition:opacity .35s ease}.topbar-links.is-hidden{opacity:0;pointer-events:none}.topbar-link{background:none;border:none;color:#fff;cursor:pointer;font-family:DM Mono,Roboto Mono,monospace;font-size:13px;letter-spacing:2px;padding:6px 2px;position:relative;transition:color .25s ease,letter-spacing .25s ease}.topbar-link:after{background:#db4a1e;bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left center;transition:transform .35s cubic-bezier(.65,0,.35,1);width:100%}.topbar-link:hover{color:#db4a1e;letter-spacing:3px}.topbar-link:hover:after{transform:scaleX(1)}.topbar-link.active{color:#db4a1e}.topbar-link.active:after{transform:scaleX(1)}@media (max-width:800px){.topbar-links{display:none}}.nav-overlay{background:#111;display:flex;flex-direction:column;inset:0;opacity:1;padding-top:72px;pointer-events:none;position:fixed;transform:translateX(100%);transition:transform .95s cubic-bezier(.65,0,.35,1);will-change:transform;z-index:200}.nav-overlay.open{pointer-events:all;transform:translateX(0)}.nav-overlay-header{align-items:center;display:flex;justify-content:space-between;padding:16px 24px}.nav-overlay-links{flex:1 1;flex-direction:column;gap:8px}.nav-overlay-link,.nav-overlay-links{align-items:center;display:flex;justify-content:center}.nav-overlay-link{background:none;border:none;color:#fff;cursor:pointer;font-family:Oswald,Arial,Helvetica,sans-serif;font-size:clamp(40px,8vw,72px);font-style:normal;font-weight:900;letter-spacing:2px;line-height:1.1;opacity:0;padding:0;position:relative;text-align:center;text-transform:uppercase;transform:translateX(80px);transition:color .2s ease,filter .2s ease,opacity 1.1s cubic-bezier(.22,1,.36,1),transform 1.1s cubic-bezier(.22,1,.36,1);transition-delay:0s,0s,0s,0s}.nav-overlay.open .nav-overlay-link{opacity:1;transform:translateX(0)}.nav-overlay.open .nav-overlay-link:first-child{transition-delay:0s,.65s,.65s}.nav-overlay.open .nav-overlay-link:nth-child(2){transition-delay:0s,.85s,.85s}.nav-overlay.open .nav-overlay-link:nth-child(3){transition-delay:0s,1.05s,1.05s}.nav-overlay.open .nav-overlay-link:nth-child(4){transition-delay:0s,1.25s,1.25s}.nav-overlay.open .nav-overlay-link:nth-child(5){transition-delay:0s,1.45s,1.45s}.nav-overlay.open .nav-overlay-link:nth-child(6){transition-delay:0s,1.65s,1.65s}.nav-overlay.open .nav-overlay-link:nth-child(7){transition-delay:0s,1.85s,1.85s}.nav-overlay-link:hover{color:#db4a1e;filter:drop-shadow(0 2px 12px rgba(219,74,30,.4))}.nav-link-arrow{align-items:center;display:flex;left:100%;margin-left:16px;opacity:0;position:absolute;top:50%;transform:translate(-8px,-50%);transition:opacity .2s ease,transform .2s ease}.nav-overlay-link:hover .nav-link-arrow{filter:drop-shadow(0 2px 12px rgba(219,74,30,.4));opacity:1;transform:translateY(-50%)}.nav-overlay-footer{display:flex;gap:32px;justify-content:center;padding:24px}.nav-footer-link{color:#aaa;cursor:pointer;font-size:13px;letter-spacing:2px;opacity:0;transform:translateX(60px);transition:color .2s ease,opacity 1.1s cubic-bezier(.22,1,.36,1),transform 1.1s cubic-bezier(.22,1,.36,1);transition-delay:0s,0s,0s}.nav-overlay.open .nav-footer-link{opacity:1;transform:translateX(0)}.nav-overlay.open .nav-footer-link:first-child{transition-delay:0s,1.6s,1.6s}.nav-overlay.open .nav-footer-link:nth-child(2){transition-delay:0s,1.75s,1.75s}.nav-overlay.open .nav-footer-link:nth-child(3){transition-delay:0s,1.9s,1.9s}.nav-footer-link:hover{color:#fff}.landing{align-items:center;background:#111;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;perspective:1200px;position:sticky;top:0;z-index:1}.landing-ring-wrapper{animation:ringSlideDown 1.4s cubic-bezier(.22,1,.36,1) both;height:220px;margin-bottom:40px;margin-top:100px;perspective:1400px;position:relative;width:0}@keyframes ringSlideDown{0%{opacity:0;transform:translateY(-120vh)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}.landing-ring{animation:ringRotate 60s linear infinite;transform:rotateX(-15deg);transform-style:preserve-3d}.landing-ring-item{cursor:pointer;height:160px;left:-80px;position:absolute;top:-80px;transition:transform .3s,box-shadow .3s;width:160px}.landing-ring-item img{border-radius:6px;box-shadow:0 4px 24px #0009;height:100%;object-fit:cover;width:100%}.landing-ring-item:hover{transform:scale(1.12);z-index:10}@keyframes ringRotate{0%{transform:rotateX(-15deg) rotateY(0deg)}to{transform:rotateX(-15deg) rotateY(1turn)}}.landing-bottom{position:relative;text-align:center;z-index:5}.landing-main-title{animation:heroTitleReveal 1.4s cubic-bezier(.22,1,.36,1) .5s both;color:#fff;font-family:Oswald,Arial,sans-serif;font-size:clamp(60px,10vw,120px);font-weight:900;letter-spacing:6px;margin:0 0 16px;text-transform:uppercase}@keyframes heroTitleReveal{0%{filter:blur(12px);letter-spacing:16px;opacity:0;transform:translateY(60px)}60%{opacity:1}to{filter:blur(0);letter-spacing:6px;opacity:1;transform:translateY(0)}}.landing-tagline{animation:heroRiseUp 1s cubic-bezier(.22,1,.36,1) 1s both;color:#ffffff8c;font-family:DM Mono,monospace;font-size:15px;line-height:1.7;margin:0 0 36px}.landing-cta{align-items:center;animation:heroRiseUp 1s cubic-bezier(.22,1,.36,1) 1.3s both;background:#db4a1e;border:2px solid #db4a1e;border-radius:999px;box-shadow:0 2px 10px #db4a1e66;color:#fff;cursor:pointer;display:inline-flex;font-family:DM Mono,monospace;font-size:14px;gap:8px;letter-spacing:2px;padding:14px 40px;pointer-events:auto;transition:background .2s,color .2s}@keyframes heroRiseUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.landing-cta:hover{background:#fff;border-color:#fff;color:#db4a1e}body:has(.landing-page){background:#111}body:has(.ad-wrapper),body:has(.admin-page),body:has(.dash-page),body:has(.discover-page),body:has(.profile-page){background:#111}.landing-page{background:#111}.reveal-up{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s ease}.reveal-up.revealed{opacity:1;transform:translateY(0)}.reveal-text{clip-path:inset(0 100% 0 0);display:inline-block;will-change:clip-path}.landing-scroll-spacer{height:50vh;pointer-events:none;position:relative;z-index:2}.features-scroll-wrap{background:#111;height:350vh;position:relative;z-index:3}.features-sticky{align-items:center;background:#db4a1e;display:flex;gap:200px;height:100vh;overflow:hidden;padding:0 200px;position:sticky;top:0}.features-title{color:#fff;flex-shrink:0;font-family:Oswald,Arial,sans-serif;font-size:clamp(42px,5.5vw,72px);font-weight:900;line-height:1.05;margin:0;min-width:280px;text-transform:uppercase}.landing-dot{color:#ffffff80}.features-display{align-items:center;display:flex;flex:1 1;justify-content:center;max-width:680px;min-height:240px;position:relative}.features-slide{left:0;opacity:0;position:absolute;right:0;transform:translateY(40px);transition:opacity .6s ease,transform .6s ease}.features-slide.active{opacity:1;transform:translateY(0)}.features-slide.past{opacity:0;transform:translateY(-40px)}.features-slide.next{opacity:0;transform:translateY(40px)}.features-card-icon{color:#fff;display:block;font-size:22px;margin-bottom:8px}.features-card-text{color:#ffffffe6;font-family:DM Mono,monospace;font-size:clamp(20px,2.2vw,28px);line-height:1.5;margin:0}body,html{-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}.landing-about{background:#f5f0eb;display:flex;gap:80px;padding:80px 64px 120px;position:relative;z-index:1}.landing-about-col{flex:1 1}.landing-about-text{color:#222;font-family:Roboto,sans-serif;font-size:17px;font-weight:500;line-height:1.7;margin:0}@media (max-width:900px){.features-sticky{align-items:flex-start;flex-direction:column;gap:32px;justify-content:center;padding:60px 24px}.features-display{min-height:280px;width:100%}.landing-about{flex-direction:column;gap:40px;padding:60px 24px 80px}}.releases-scroll-wrap{background:#111;height:300vh;position:relative;z-index:4}.landing-releases{align-items:center;background:#111;display:flex;height:100vh;overflow:hidden;position:sticky;top:0}.landing-releases-left{left:104px;max-width:380px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transform-origin:center center;transition:transform .05s linear,opacity .05s linear;will-change:transform,opacity;z-index:3}.landing-releases-left *{pointer-events:auto}.landing-releases-label{color:#fff;font-family:Oswald,Arial,sans-serif;font-size:clamp(32px,4vw,48px);font-weight:900;letter-spacing:4px;line-height:1.1;margin:0 0 16px;text-transform:uppercase}.landing-releases-desc{color:#ffffff73;font-family:DM Mono,monospace;font-size:14px;line-height:1.7;margin:0 0 24px}.landing-releases-scroll{align-items:center;display:flex;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.landing-releases-scroll::-webkit-scrollbar{display:none}.landing-releases-track{grid-gap:80px 60px;display:grid;gap:80px 60px;grid-auto-columns:200px;grid-auto-flow:column;grid-template-rows:auto auto;padding-left:500px;padding-right:64px;width:max-content}.landing-releases-card{cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;will-change:transform}.landing-releases-card:hover{transform:scale(1.05)!important;z-index:2}.landing-releases-card img{border-radius:6px;box-shadow:0 8px 32px #00000080;display:block;height:200px;object-fit:cover;width:200px}.landing-releases-info{margin-top:10px}.landing-releases-name{color:#fff;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.landing-releases-artist{color:#fff6;font-family:Roboto,sans-serif;font-size:12px;margin-top:2px}@media (max-width:900px){.releases-scroll-wrap{height:220vh}.landing-releases-track{gap:24px;grid-auto-flow:column;grid-template-rows:auto auto}.landing-releases-card{transform:none!important}.landing-releases{align-items:flex-start;flex-direction:column;padding:40px 24px}.landing-releases-left{max-width:100%}.landing-releases-track{gap:20px 16px;grid-auto-columns:150px}.landing-releases-card img{height:150px;width:150px}}.landing-section{padding:60px 64px 40px}.landing-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:28px}.landing-section-title{color:#fff;font-family:Oswald,Arial,sans-serif;font-size:clamp(28px,4vw,42px);font-weight:900;margin:0;text-transform:uppercase}.landing-section-link{background:none;border:none;color:#c0633a;cursor:pointer;font-family:DM Mono,monospace;font-size:14px;letter-spacing:1px;transition:opacity .2s}.landing-section-link:hover{opacity:.7}.landing-section-link-cta{align-items:center;background:#db4a1e;border:2px solid #db4a1e;border-radius:999px;box-shadow:0 2px 10px #db4a1e66;color:#fff;display:inline-flex;gap:8px;letter-spacing:2px;padding:14px 40px;transition:background .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s}.landing-section-link-cta:hover{background:#fff;border-color:#fff;color:#db4a1e;opacity:1}.landing-row{display:flex;gap:20px;overflow-x:auto;padding-bottom:16px;scrollbar-color:#ffffff26 #0000;scrollbar-width:thin}.landing-row::-webkit-scrollbar{height:6px}.landing-row::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.landing-row::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.landing-row-card{cursor:pointer;flex:0 0 220px;transition:transform .2s,opacity .2s}.landing-row-card:hover{transform:translateY(-4px)}.landing-row-img{border-radius:4px;display:block;height:220px;object-fit:cover;width:220px}.landing-row-name{color:#fff;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.landing-row-artist{color:#fff6;font-family:Roboto,sans-serif;font-size:12px;margin-top:2px}.landing-mixtape-cover{background:#222;border-radius:4px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:220px;overflow:hidden;width:220px}.landing-mixtape-thumb{height:100%;object-fit:cover;width:100%}.landing-mixtape-empty{align-items:center;color:#ffffff26;display:flex;font-size:48px;grid-column:1/-1;grid-row:1/-1;justify-content:center}@media (max-width:900px){.landing-section{padding:40px 24px 24px}.landing-row-card{flex:0 0 160px}.landing-mixtape-cover,.landing-row-img{height:160px;width:160px}}.landing-top3{align-items:center;background:#111;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:60px 64px;position:relative;text-align:center;z-index:5}.landing-top3-title{color:#fff;font-family:Oswald,Arial,sans-serif;font-size:clamp(42px,5vw,72px);font-weight:900;letter-spacing:1px;margin:0 0 60px;opacity:0;transform:translateY(40px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.landing-top3--visible .landing-top3-title{opacity:1;transform:translateY(0)}.landing-top3-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.landing-top3-grid>.landing-top3-card:nth-child(4){display:none}.landing-top3-card{cursor:pointer;opacity:0;transform:translateY(50px) scale(.95);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.landing-top3--visible .landing-top3-card{opacity:1;transform:translateY(0) scale(1)}.landing-top3--visible .landing-top3-card:first-child{transition-delay:.25s}.landing-top3--visible .landing-top3-card:nth-child(2){transition-delay:.4s}.landing-top3--visible .landing-top3-card:nth-child(3){transition-delay:.55s}.landing-top3-card:hover{transform:translateY(-6px)}.landing-top3-cover{aspect-ratio:1;background:#1a1a1a;border-radius:12px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;overflow:hidden;width:100%}.landing-top3-thumb{height:100%;object-fit:cover;width:100%;will-change:transform,opacity}.slide-in.corner-0{animation:mosaicIn0 .7s cubic-bezier(.16,1,.3,1) both}.slide-in.corner-1{animation:mosaicIn1 .7s cubic-bezier(.16,1,.3,1) .06s both}.slide-in.corner-2{animation:mosaicIn2 .7s cubic-bezier(.16,1,.3,1) .12s both}.slide-in.corner-3{animation:mosaicIn3 .7s cubic-bezier(.16,1,.3,1) .18s both}.slide-out.corner-0{animation:mosaicOut0 .6s cubic-bezier(.55,0,1,.45) both}.slide-out.corner-1{animation:mosaicOut1 .6s cubic-bezier(.55,0,1,.45) .04s both}.slide-out.corner-2{animation:mosaicOut2 .6s cubic-bezier(.55,0,1,.45) .08s both}.slide-out.corner-3{animation:mosaicOut3 .6s cubic-bezier(.55,0,1,.45) .12s both}@keyframes mosaicIn0{0%{opacity:0;transform:translate(-60%,-60%) scale(.6)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes mosaicIn1{0%{opacity:0;transform:translate(60%,-60%) scale(.6)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes mosaicIn2{0%{opacity:0;transform:translate(-60%,60%) scale(.6)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes mosaicIn3{0%{opacity:0;transform:translate(60%,60%) scale(.6)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes mosaicOut0{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-60%,-60%) scale(.6)}}@keyframes mosaicOut1{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(60%,-60%) scale(.6)}}@keyframes mosaicOut2{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-60%,60%) scale(.6)}}@keyframes mosaicOut3{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(60%,60%) scale(.6)}}.landing-top3-empty{align-items:center;color:#ffffff1a;display:flex;font-size:64px;grid-column:1/-1;grid-row:1/-1;justify-content:center}.landing-top3-label{color:#fff9;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;letter-spacing:.5px;margin-top:20px}.landing-top3-creator{align-items:center;cursor:pointer;display:inline-flex;gap:8px;margin-top:10px;transition:opacity .2s}.landing-top3-creator:hover{opacity:.75}.landing-top3-creator-avatar{background:#1a1a1a;border-radius:50%;flex-shrink:0;height:26px;object-fit:cover;width:26px}.landing-top3-creator-name{color:#ffffff8c;font-family:DM Mono,Roboto Mono,monospace;font-size:13px;letter-spacing:.5px}@media (max-width:900px){.landing-top3{padding:20px 24px 60px}.landing-top3-grid{gap:20px;grid-template-columns:1fr 1fr;max-width:400px}.landing-top3-grid>.landing-top3-card:nth-child(4){display:block}}.explore-section{background:#111;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:center;margin-top:-60px;overflow:hidden;padding:40px 64px 120px;position:relative;text-align:center;z-index:6}.explore-title{color:#fff;font-family:Oswald,Arial,sans-serif;font-size:clamp(42px,5vw,80px);font-weight:900;letter-spacing:2px;margin:0 0 30px}.explore-carousel{align-items:center;display:flex;height:320px;justify-content:center;margin:0 auto 20px;perspective:1000px;position:relative}.explore-glow{border-radius:50%;filter:blur(80px);height:360px;opacity:.4;pointer-events:none;position:absolute;transition:background .8s ease;width:360px;z-index:0}.explore-card{background:#0000;cursor:pointer;line-height:0;perspective:800px;position:absolute;transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .6s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.explore-card-center .explore-card-img{box-shadow:0 24px 80px #000000b3}.explore-card-img{border-radius:12px;display:block;height:300px;object-fit:cover;transform:perspective(800px) rotateY(0deg);transition:transform .35s cubic-bezier(.4,0,.2,1);width:300px}.explore-card-img.card-tilt-right{transform:perspective(800px) rotateY(-25deg)}.explore-card-img.card-tilt-left{transform:perspective(800px) rotateY(25deg)}.explore-info{margin-bottom:16px}.explore-track-name{color:#fff;font-family:Oswald,Arial,sans-serif;font-size:28px;font-weight:700;margin-bottom:4px}.explore-track-artist{color:#ffffff73;font-family:Roboto,sans-serif;font-size:16px}.explore-controls{gap:24px;margin-bottom:20px}.explore-btn,.explore-controls{align-items:center;display:flex;justify-content:center}.explore-btn{border:none;cursor:pointer;transition:transform .2s ease,background .2s ease}.explore-btn:hover{transform:scale(1.1)}.explore-btn-arrow{background:#ffffff1f;border-radius:50%;color:#fff;height:48px;width:48px}.explore-btn-arrow:hover{background:#fff3}.explore-btn-play{background:#fff;border-radius:50%;color:#111;height:64px;width:64px}.explore-btn-play:hover{background:#e0e0e0}.explore-eq{align-items:flex-end;bottom:0;height:110px;justify-content:center;left:0;padding:0;pointer-events:none;position:absolute;right:0}.eq-col,.explore-eq{display:flex;gap:3px}.eq-col{flex:1 1;flex-direction:column-reverse;min-width:0}.eq-seg{border-radius:1px;flex-shrink:0;height:5px;transition:none;width:100%}.explore-btn-heart,.explore-btn-vol{background:#0000;color:#ffffff80;height:40px;width:40px}.explore-btn-heart:hover,.explore-btn-vol:hover{color:#fff}.explore-vol-inline{align-items:center;display:flex;position:relative}.explore-vol-inline:before{bottom:100%;content:"";height:100px;left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%);width:40px}.explore-vol-inline:hover:before{pointer-events:auto}.explore-vol-slider{background:#ffffff26;border-radius:2px;bottom:50px;height:0;left:50%;opacity:0;overflow:visible;pointer-events:none;position:absolute;transform:translateX(-50%);transition:height .25s ease,opacity .25s ease;width:4px}.explore-vol-inline:hover .explore-vol-slider{height:80px;opacity:1;pointer-events:auto}.explore-vol-fill{background:#fff;border-radius:2px;bottom:0;left:0;position:absolute;transition:height .1s ease;width:100%}.explore-vol-input{appearance:none;bottom:40px;cursor:pointer;height:4px;left:-38px;margin:0;opacity:0;position:absolute;transform:rotate(-90deg);transform-origin:center center;width:80px}@media (max-width:900px){.explore-section{height:auto;min-height:100vh;padding:140px 24px 100px}.explore-card-img{height:200px;width:200px}.explore-carousel{height:240px}}@media (min-width:901px) and (max-width:1280px){.explore-section{padding:24px 48px}.explore-title{font-size:clamp(36px,4.2vw,60px);margin:0 0 20px}.explore-carousel{height:240px;margin-bottom:14px}.explore-card-img{height:220px;width:220px}.explore-glow{height:260px;width:260px}.explore-track-name{font-size:22px}.explore-track-artist{font-size:14px}.explore-info{margin-bottom:10px}.explore-controls{gap:18px;margin-bottom:12px}.landing-top3{padding:40px 48px}.landing-top3-title{font-size:clamp(36px,4.2vw,60px);margin:0 0 36px}.landing-top3-grid{gap:24px;max-width:880px}}@media (min-width:901px) and (max-height:720px){.explore-section{padding:16px 48px}.explore-title{font-size:clamp(32px,3.6vw,52px);margin:0 0 14px}.explore-carousel{height:200px;margin-bottom:10px}.explore-card-img{height:180px;width:180px}.explore-glow{height:220px;width:220px}.explore-info{margin-bottom:8px}.explore-track-name{font-size:20px}.explore-controls{gap:16px;margin-bottom:8px}.landing-top3{padding:32px 48px}.landing-top3-title{margin:0 0 24px}}.wr-page{background:#111;margin:0 auto;max-width:1000px;min-height:100vh;padding:80px 64px}body:has(.wr-page){background:#111}.wr-back{align-items:center;background:#ffffff14;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;margin-bottom:32px;transition:background .2s;width:40px}.wr-back:hover{background:#ffffff26}.wr-title{color:#fff;font-family:Oswald,Arial,sans-serif;font-size:32px;font-weight:800;letter-spacing:2px;margin:0 0 32px}.wr-title-accent{color:#db4a1e}.wr-search-label{color:#ffffff80;font-family:DM Mono,monospace;font-size:12px;letter-spacing:2px;margin:0 0 12px}.wr-search-bar{align-items:center;border:1px solid #ffffff26;border-radius:8px;display:flex;margin-bottom:32px;overflow:hidden}.wr-search-input{background:#0000;border:none;color:#fff;flex:1 1;font-family:DM Mono,monospace;font-size:14px;outline:none;padding:14px 18px}.wr-search-btn{background:#0000;border:none;border-left:1px solid #ffffff26;color:#fff9;cursor:pointer;font-family:Oswald,Arial,sans-serif;font-size:13px;letter-spacing:2px;padding:14px 28px;transition:color .2s}.wr-search-btn:hover{color:#fff}.wr-results{display:flex;flex-direction:column;gap:0}.wr-result-row{align-items:center;border:1px solid #ffffff0f;border-radius:8px;display:flex;gap:16px;margin-bottom:-1px;padding:16px 20px;transition:background .2s}.wr-result-row:first-child{background:#ffffff0a}.wr-result-row:hover{background:#ffffff0f}.wr-result-img{border-radius:4px;height:56px;object-fit:cover;width:56px}.wr-result-info{flex:1 1}.wr-result-name{color:#fff;font-family:Oswald,Arial,sans-serif;font-size:15px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.wr-result-artist{color:#fff6;font-family:DM Mono,monospace;font-size:12px;margin-top:2px}.wr-result-btn{background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;color:#fff;cursor:pointer;font-family:Oswald,Arial,sans-serif;font-size:12px;font-weight:600;letter-spacing:2px;padding:10px 24px;transition:background .2s;white-space:nowrap}.wr-result-btn:hover{background:#ffffff26}.wr-searching{color:#ffffff4d;font-family:DM Mono,monospace;font-size:13px;padding:24px 0;text-align:center}.wr-suggested{margin-top:8px}.wr-suggested-label{color:#fff6;font-family:DM Mono,monospace;font-size:12px;letter-spacing:2px;margin:0 0 16px}.wr-suggested-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.wr-suggested-card{cursor:pointer;transition:transform .2s}.wr-suggested-card:hover{transform:scale(1.03)}.wr-suggested-img{aspect-ratio:1;border-radius:6px;display:block;object-fit:cover;width:100%}.wr-suggested-name{color:#fff;font-family:Oswald,Arial,sans-serif;font-size:14px;font-weight:600;letter-spacing:.5px;margin-top:10px}.wr-suggested-artist,.wr-suggested-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wr-suggested-artist{color:#fff6;font-family:DM Mono,monospace;font-size:11px;margin-top:2px}.wr-album-section{display:flex;gap:40px;margin-bottom:48px}.wr-album-left{flex-shrink:0;width:300px}.wr-album-cover{border-radius:8px;display:block;height:300px;object-fit:cover;width:300px}.wr-album-meta{align-items:baseline;display:flex;justify-content:space-between;margin-top:16px}.wr-album-title{color:#fff;font-family:Oswald,Arial,sans-serif;font-size:22px;font-weight:700;letter-spacing:1px;margin:0;text-transform:uppercase}.wr-album-year{color:#fff6}.wr-album-artist,.wr-album-year{font-family:DM Mono,monospace;font-size:13px}.wr-album-artist{color:#ffffff73;margin:4px 0 16px}.wr-save-btn{align-items:center;background:#0000;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:DM Mono,monospace;font-size:13px;gap:8px;justify-content:center;padding:12px;transition:background .2s,color .2s,border-color .2s;width:100%}.wr-save-btn:hover{background:#ffffff0f}.wr-save-btn.saved{border-color:#db4a1e66;color:#db4a1e}.wr-save-btn.saved:hover{background:#db4a1e14}.wr-album-right{flex:1 1;min-width:0;position:relative}.wr-album-right:before{background:radial-gradient(ellipse,#db4a1e1f 0,#0000 70%);content:"";filter:blur(40px);height:60%;left:-10%;pointer-events:none;position:absolute;top:20%;width:60%;z-index:0}.wr-track-count{color:#fff6;font-family:DM Mono,monospace;font-size:12px;letter-spacing:2px;margin:0 0 8px}.wr-track-list{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff0f;display:flex;flex-direction:column;max-height:340px;overflow:hidden;overflow-y:auto;position:relative;scrollbar-color:#ffffff26 #0000;scrollbar-width:thin}.wr-track{align-items:center;display:flex;gap:12px;padding:14px 18px;transition:background .15s}.wr-track:hover{background:#ffffff0a}.wr-track.playing{background:#db4a1e14}.wr-track-name{color:#fffc;flex:1 1;font-family:Roboto,sans-serif;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wr-track-play{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:10px;height:28px;justify-content:center;transition:background .2s;width:28px}.wr-track-play:hover{background:#ffffff26}.wr-track-play.active{background:#db4a1e;border-color:#db4a1e}.wr-track-dur{color:#ffffff4d;flex-shrink:0;font-family:DM Mono,monospace;font-size:12px;text-align:right;width:45px}.wr-form{display:flex;flex-direction:column;gap:16px;padding-top:32px}.wr-form-header{align-items:center;display:flex;gap:16px;margin-bottom:8px}.wr-avatar{border-radius:50%;height:56px;width:56px}.wr-form-label{color:#fff9;font-family:DM Mono,monospace;font-size:12px;font-weight:400;letter-spacing:2px;margin:0}.wr-stars{display:flex;gap:4px;margin-top:4px}.wr-star{color:#ffffff26;cursor:pointer;font-size:22px;transition:color .15s}.wr-star.active,.wr-star:hover{color:#db4a1e}.wr-form-input{background:#0000;border:1px solid #ffffff26;border-radius:6px;box-sizing:border-box;color:#fff;font-family:DM Mono,monospace;font-size:14px;outline:none;padding:14px 16px;transition:border-color .2s;width:100%}.wr-form-input:focus{border-color:#db4a1e}.wr-form-textarea{background:#0000;border:1px solid #ffffff26;border-radius:6px;box-sizing:border-box;color:#fff;font-family:DM Mono,monospace;font-size:14px;min-height:120px;outline:none;padding:14px 16px;resize:vertical;transition:border-color .2s;width:100%}.wr-form-textarea:focus{border-color:#db4a1e}.wr-error{background:#db4a1e26;border:1px solid #db4a1e4d;border-radius:6px;color:#db4a1e;font-size:12px;padding:10px 14px}.wr-error,.wr-submit{font-family:DM Mono,monospace}.wr-submit{align-self:center;background:#ffffff0f;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:400;letter-spacing:3px;margin-top:8px;padding:14px 48px;transition:background .2s}.wr-submit:hover{background:#ffffff1f}.wr-submit:disabled{cursor:not-allowed;opacity:.5}.wr-success-overlay{align-items:center;animation:wrFadeIn .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.wr-success-popup{background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff1f;border-radius:16px;box-shadow:0 16px 64px #00000080;padding:48px 56px;text-align:center}.wr-success-title{color:#fff;font-family:Oswald,Arial,sans-serif;font-size:24px;font-weight:700;letter-spacing:1px;margin:20px 0 8px}.wr-success-text{color:#ffffff80;font-family:DM Mono,monospace;font-size:13px;margin:0 0 16px}.wr-success-redirect{color:#ffffff4d;font-family:DM Mono,monospace;font-size:11px;margin:0}@keyframes wrFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.wr-page{padding:80px 24px 60px}.wr-album-section{flex-direction:column}.wr-album-left{width:100%}.wr-album-cover{aspect-ratio:1;height:auto;width:100%}}.profile-page{background:#0e0e0e;margin:0 auto;max-width:1100px;min-height:100vh;padding:120px 64px 80px}body:has(.profile-page){background:#0e0e0e}.profile-logo{align-items:center;display:flex;gap:16px;margin-bottom:48px}.profile-logo-img{height:72px;width:72px}.profile-logo-title{color:#fff;display:block;font-family:Oswald,Arial,sans-serif;font-size:36px;font-weight:700;letter-spacing:4px;line-height:1}.profile-logo-sub{color:#db4a1e;display:block;font-family:DM Mono,monospace;font-size:13px;letter-spacing:.5px;margin-top:4px}.profile-empty,.profile-loading{color:#fff6;font-family:Roboto,sans-serif;font-size:16px;padding:120px 0;text-align:center}.profile-back-btn{align-items:center;background:#0000;border:1px solid #ffffff2e;border-radius:999px;color:#ffffffa6;cursor:pointer;display:inline-flex;font-family:DM Mono,Roboto Mono,monospace;font-size:12px;gap:10px;letter-spacing:2px;margin-bottom:28px;padding:9px 18px 9px 14px;transition:color .2s,border-color .2s,background .2s}.profile-back-btn:hover{background:#db4a1e14;border-color:#db4a1e;color:#fff}.profile-back-btn svg{flex-shrink:0}.profile-header{align-items:flex-start;display:flex;gap:40px;justify-content:space-between;margin-bottom:56px}.profile-header-left{align-items:flex-start;display:flex;flex-direction:column;gap:16px}.profile-header-right{align-items:flex-end;display:flex;flex:1 1;flex-direction:column;gap:24px}.profile-avatar{align-items:center;background:linear-gradient(135deg,#c0633a,#e08a5e);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-family:Oswald,Arial,sans-serif;font-size:60px;font-weight:700;height:140px;justify-content:center;overflow:hidden;width:140px}.profile-avatar-img{height:100%;object-fit:cover;width:100%}.profile-name{color:#fff;font-family:Oswald,Arial,sans-serif;font-size:clamp(36px,5vw,56px);font-weight:900;letter-spacing:1px;line-height:1;margin:8px 0 0;text-transform:uppercase}.profile-handle{color:#ffffff80;font-family:DM Mono,monospace;font-size:14px;letter-spacing:1px}.profile-info{flex:1 1}.profile-username{color:#fff;font-family:Oswald,Arial,sans-serif;font-size:clamp(36px,5vw,56px);font-weight:900;letter-spacing:1px;margin:0 0 16px;text-transform:uppercase}.profile-header-actions{display:flex;gap:12px}.profile-header-btn{background:#0000;border:1px solid #ffffff40;border-radius:24px;color:#fff;cursor:pointer;font-family:DM Mono,monospace;font-size:12px;letter-spacing:1.5px;padding:10px 22px;transition:background .2s,border-color .2s}.profile-header-btn:hover{background:#ffffff14;border-color:#ffffff73}.profile-signout-btn{border-color:#e74c3c;color:#e74c3c}.profile-signout-btn:hover{background:#e74c3c1f;border-color:#e74c3c}.profile-stats{display:flex;gap:40px}.profile-stat{display:flex;flex-direction:column;gap:2px}.profile-stat-num{color:#fff;font-family:Oswald,Arial,sans-serif;font-size:28px;font-weight:700}.profile-stat-label{color:#ffffff59;font-family:DM Mono,monospace;font-size:12px;letter-spacing:1px;text-transform:uppercase}.profile-tabs{border-bottom:1px solid #ffffff1a;display:flex;gap:0;margin-bottom:40px}.profile-tab{background:none;border:none;border-bottom:2px solid #0000;color:#ffffff59;cursor:pointer;font-family:DM Mono,monospace;font-size:13px;letter-spacing:2px;padding:16px 28px;transition:color .2s,border-color .2s}.profile-tab:hover{color:#fff9}.profile-tab.active{border-bottom-color:#c0633a;color:#fff}.profile-tabs-dropdown{display:none;margin-bottom:28px;position:relative}.profile-tabs-dropdown-toggle{align-items:center;background:#ffffff0a;border:1px solid #ffffff26;border-radius:999px;color:#fff;cursor:pointer;display:flex;font-family:DM Mono,monospace;font-size:13px;justify-content:space-between;letter-spacing:2px;padding:14px 22px;transition:background .2s,border-color .2s;width:100%}.profile-tabs-dropdown-toggle:hover{background:#ffffff14;border-color:#ffffff4d}.profile-tabs-dropdown-toggle svg{flex-shrink:0;margin-left:12px;transition:transform .2s ease}.profile-tabs-dropdown.open .profile-tabs-dropdown-toggle svg{transform:rotate(180deg)}.profile-tabs-dropdown-menu{animation:profileTabsDropdownIn .18s ease-out;background:#181818;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 12px 32px #00000080;display:flex;flex-direction:column;gap:2px;left:0;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:20}@keyframes profileTabsDropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.profile-tabs-dropdown-item{background:none;border:none;border-radius:8px;color:#ffffffa6;cursor:pointer;font-family:DM Mono,monospace;font-size:12px;letter-spacing:1.5px;padding:12px 16px;text-align:left;transition:background .15s,color .15s;width:100%}.profile-tabs-dropdown-item:hover{background:#ffffff0d;color:#fff}.profile-tabs-dropdown-item.active{background:#db4a1e1f;color:#db4a1e}.profile-content{min-height:200px}.profile-empty-tab{color:#ffffff4d;font-family:Roboto,sans-serif;font-size:15px;padding:60px 0;text-align:center}.profile-cta{background:#c0633a;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-family:DM Mono,monospace;font-size:13px;letter-spacing:2px;margin:40px auto 0;padding:14px 32px;transition:opacity .2s}.profile-cta:hover{opacity:.85}.profile-mixtapes-grid{display:flex;flex-direction:column;gap:32px}.profile-mixtape-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:28px;position:relative;transition:border-color .2s}.profile-mixtape-card:hover{border-color:#ffffff1f}.profile-mixtape-card.clickable{cursor:pointer}.profile-mixtape-cover{background:#1a1a1a;border-radius:8px;display:grid;flex-shrink:0;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:200px;overflow:hidden;width:200px}.profile-mixtape-thumb{height:100%;object-fit:cover;width:100%}.profile-mixtape-empty-cover{align-items:center;color:#ffffff1a;display:flex;font-size:48px;grid-column:1/-1;grid-row:1/-1;justify-content:center}.profile-mixtape-cover.has-custom-cover{display:block}.profile-mixtape-cover-image{display:block;height:100%;object-fit:cover;width:100%}.profile-mixtape-info{overflow:hidden}.profile-mixtape-name{color:#fff;font-family:DM Sans,sans-serif;font-size:24px;font-weight:700;margin-bottom:6px;text-transform:uppercase}.profile-mixtape-meta{color:#ffffff59;font-family:DM Mono,monospace;font-size:12px;letter-spacing:.5px;margin-bottom:8px}.profile-mixtape-desc{color:#ffffff73;font-family:Roboto,sans-serif;font-size:14px;line-height:1.5}.profile-mixtape-tracks{border-top:1px solid #ffffff0f;clear:both;margin-top:20px;padding-top:16px}.profile-track{align-items:center;border-bottom:1px solid #ffffff08;display:flex;gap:12px;padding:8px 0;transition:background .15s}.profile-track:hover{background:#ffffff05}.profile-track.playing{background:#c0633a14}.profile-track-art{border-radius:4px;flex-shrink:0;height:40px;object-fit:cover;width:40px}.profile-track-info{flex:1 1;min-width:0}.profile-track-name{color:#fff;font-family:DM Sans,sans-serif;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-track-artist{color:#ffffff59;font-family:DM Sans,sans-serif;font-size:12px}.profile-track-play{align-items:center;background:none;border:1px solid #ffffff26;border-radius:50%;color:#ffffff80;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:32px;justify-content:center;transition:border-color .2s,color .2s;width:32px}.profile-track-play:hover{border-color:#fff6;color:#fff}.profile-track-play.active{border-color:#c0633a;color:#c0633a}.profile-reviews-list{display:flex;flex-direction:column;gap:20px}.profile-review-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;display:flex;justify-content:space-between;padding:32px;transition:border-color .2s}.profile-review-card:hover{border-color:#ffffff1f}.profile-review-body{flex:1 1;min-width:0}.profile-review-date{color:#ffffff59;font-family:DM Mono,monospace;font-size:11px;letter-spacing:1px;margin-bottom:12px}.profile-review-album{color:#fff;font-family:Oswald,Arial,sans-serif;font-size:22px;font-weight:700;margin-bottom:2px}.profile-review-artist{color:#fff6;font-family:DM Mono,monospace;font-size:12px;letter-spacing:1px;margin-bottom:16px}.profile-review-stars{color:#e8a849;font-size:20px;letter-spacing:2px;margin-bottom:16px}.profile-review-title{color:#fff;font-family:Oswald,Arial,sans-serif;font-size:16px;font-weight:700;margin-bottom:8px}.profile-review-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#ffffff73;display:-webkit-box;font-family:DM Mono,monospace;font-size:12px;line-height:1.7;margin:0;max-width:400px;overflow:hidden}.profile-review-right{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:16px;margin-left:32px;margin-right:24px}.profile-review-cover{height:200px;position:relative;width:240px}.profile-review-vinyl{right:-30px;z-index:0}.profile-review-art,.profile-review-vinyl{height:180px;position:absolute;top:50%;transform:translateY(-50%);width:180px}.profile-review-art{border-radius:8px;left:0;object-fit:cover;z-index:1}.profile-review-edit-btn{background:#0000;border:1px solid #ffffff40;border-radius:999px;color:#fff;cursor:pointer;font-family:DM Mono,monospace;font-size:12px;font-weight:500;letter-spacing:1.5px;padding:10px 24px;transition:background .2s,border-color .2s,color .2s;width:100%}.profile-review-edit-btn:hover{background:#db4a1e1f;border-color:#db4a1e;color:#fff}.profile-mixtape-top{align-items:flex-start;display:flex;gap:28px}.profile-mixtape-edit-btn{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;color:#fff;cursor:pointer;font-family:DM Mono,Roboto Mono,monospace;font-size:11px;letter-spacing:2px;padding:9px 22px;position:absolute;right:20px;top:20px;transition:background .2s,border-color .2s,transform .15s;z-index:2}.profile-mixtape-edit-btn:hover{background:#db4a1e;border-color:#db4a1e}.profile-mixtape-actions{display:flex;gap:12px;margin-top:12px}.profile-visibility-toggle{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;color:#fff6;cursor:pointer;font-family:DM Mono,monospace;font-size:11px;letter-spacing:1px;padding:6px 14px;transition:all .2s}.profile-visibility-toggle:hover{border-color:#ffffff40;color:#fff9}.profile-visibility-toggle.public{background:#c0633a14;border-color:#c0633a4d;color:#c0633a}.profile-delete-btn{background:none;border:1px solid #ff505026;border-radius:20px;color:#ff505080;cursor:pointer;font-family:DM Mono,monospace;font-size:11px;letter-spacing:1px;padding:6px 14px;transition:all .2s}.profile-delete-btn:hover{background:#ff50500f;border-color:#ff505066;color:#ff5050}.profile-fav-albums-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.profile-fav-album-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;cursor:pointer;padding:24px;transition:transform .2s}.profile-fav-album-card:hover{border-color:#ffffff1f;transform:translateY(-4px)}.profile-fav-album-cover{height:200px;margin:0 auto;position:relative;transform:translateX(-30px);width:200px}.profile-fav-album-vinyl{object-fit:contain;pointer-events:none;right:-70px}.profile-fav-album-img,.profile-fav-album-vinyl{height:180px;position:absolute;top:50%;transform:translateY(-50%);width:180px}.profile-fav-album-img{border-radius:8px;box-shadow:0 4px 20px #0006;left:0;object-fit:cover;z-index:1}.profile-fav-album-bottom{align-items:center;display:flex;justify-content:space-between;margin-top:16px}.profile-fav-album-bottom>div{flex:1 1;min-width:0}.profile-fav-album-name{color:#fff;font-size:14px;font-weight:500}.profile-fav-album-artist,.profile-fav-album-name{font-family:Roboto,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-fav-album-artist{color:#fff6;font-size:12px;margin-top:2px}.profile-fav-album-heart{align-items:center;background:#db4a1e1f;border-radius:50%;color:#db4a1e;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.profile-fav-songs-list{display:flex;flex-direction:column;gap:12px}.profile-fav-songs-list .profile-track{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;gap:20px;padding:20px 28px}.profile-fav-songs-list .profile-track:hover{border-color:#ffffff1f}.profile-fav-songs-list .profile-track-art{border-radius:6px;height:56px;width:56px}.profile-fav-songs-list .profile-track-name{font-family:DM Sans,sans-serif;font-size:16px;font-weight:600}.profile-fav-songs-list .profile-track-artist{font-family:DM Sans,sans-serif;font-size:12px;letter-spacing:.5px}.profile-fav-song-num{color:#ffffff40;flex-shrink:0;font-family:DM Mono,monospace;font-size:14px;text-align:center;width:28px}.profile-fav-songs-list .ad-track-heart{align-items:center;background:#c0633a26;border:none;border-radius:50%;display:flex;height:36px;justify-content:center;width:36px}.profile-fav-songs-list .profile-track-play{background:#c0633a26;border:none;color:#fff;height:36px;width:36px}.edit-mixtape-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.edit-mixtape-modal{-webkit-overflow-scrolling:touch;background:#1a1a1a;border:1px solid #ffffff14;border-radius:20px;display:flex;flex-direction:column;max-height:92vh;overflow-y:auto;padding:24px 28px;position:relative;width:700px}.edit-mixtape-modal::-webkit-scrollbar{width:6px}.edit-mixtape-modal::-webkit-scrollbar-track{background:#0000}.edit-mixtape-modal::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.edit-mixtape-topbar{align-items:center;background:#1a1a1a;border-bottom:1px solid #ffffff0f;display:flex;flex-shrink:0;justify-content:space-between;margin:-24px -28px 16px;padding:16px 28px;position:sticky;top:-24px;z-index:5}.edit-mixtape-back{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;color:#fff9;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s;width:44px}.edit-mixtape-back:hover{border-color:#ffffff40;color:#fff}.edit-mixtape-delete{align-items:center;background:#c0633a1f;border:1px solid #c0633a40;border-radius:50%;color:#c0633a;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s;width:44px}.edit-mixtape-delete:hover{background:#c0633a40;border-color:#c0633a}.edit-mixtape-field{flex-shrink:0;margin-bottom:14px}.edit-mixtape-label{color:#fff6;display:block;font-family:DM Mono,monospace;font-size:11px;letter-spacing:1.5px;margin-bottom:8px;text-transform:uppercase}.edit-mixtape-input{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-family:DM Mono,Roboto Mono,monospace;font-size:14px;letter-spacing:.5px;outline:none;padding:12px 16px;transition:border-color .2s;width:100%}.edit-mixtape-input:focus{border-color:#ffffff40}.edit-mixtape-row{display:flex;flex-shrink:0;gap:24px;margin-bottom:14px}.edit-mixtape-image-section{flex-shrink:0;width:170px}.edit-mixtape-desc-section{flex:1 1;min-width:0}.edit-mixtape-image-box{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;height:170px;overflow:hidden;width:170px}.edit-mixtape-image-preview{height:100%;object-fit:cover;width:100%}.edit-mixtape-image-mosaic{display:grid;grid-template-columns:1fr 1fr;height:100%;width:100%}.edit-mixtape-image-mosaic img{height:100%;object-fit:cover;width:100%}.edit-mixtape-image-empty{align-items:center;color:#ffffff26;display:flex;font-size:48px;height:100%;justify-content:center;width:100%}.edit-mixtape-image-actions{display:flex;flex-direction:column;gap:8px;margin-top:10px}.edit-mixtape-change-image{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;color:#ffffff80;cursor:pointer;font-family:DM Mono,monospace;font-size:11px;letter-spacing:1.5px;padding:12px;transition:all .2s;width:100%}.edit-mixtape-change-image:hover{border-color:#ffffff40;color:#fff}.edit-mixtape-remove-image{background:#0000;border:1px solid #e74c3c40;border-radius:10px;color:#e74c3cd9;cursor:pointer;font-family:DM Mono,monospace;font-size:11px;letter-spacing:1.5px;padding:12px;transition:all .2s;width:100%}.edit-mixtape-remove-image:hover{background:#e74c3c1a;border-color:#e74c3c8c;color:#ff7060}.edit-mixtape-textarea{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-family:Roboto,sans-serif;font-size:14px;min-height:100px;outline:none;padding:16px 18px;resize:vertical;transition:border-color .2s;width:100%}.edit-mixtape-textarea:focus{border-color:#ffffff40}.edit-mixtape-tracks-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.edit-mixtape-tracks-header .edit-mixtape-label{margin-bottom:0}.edit-mixtape-add-tracks{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;color:#fff;cursor:pointer;font-family:DM Mono,Roboto Mono,monospace;font-size:11px;letter-spacing:2px;padding:10px 24px;transition:background .2s,border-color .2s,transform .15s}.edit-mixtape-add-tracks:hover{background:#db4a1e;border-color:#db4a1e}.edit-mixtape-tracks-list,.edit-mixtape-tracks-section{display:flex;flex:0 0 auto;flex-direction:column}.edit-mixtape-tracks-list::-webkit-scrollbar{width:4px}.edit-mixtape-tracks-list::-webkit-scrollbar-track{background:#0000}.edit-mixtape-tracks-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.edit-mixtape-track-row{align-items:center;display:flex;gap:14px;padding:10px 0}.edit-mixtape-track-num{color:#fff3;flex-shrink:0;font-family:DM Mono,monospace;font-size:12px;text-align:center;width:20px}.edit-mixtape-track-art{border-radius:6px;flex-shrink:0;height:44px;object-fit:cover;width:44px}.edit-mixtape-track-info{flex:1 1;min-width:0}.edit-mixtape-track-name{color:#fff;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-mixtape-track-artist{color:#ffffff59;font-family:DM Sans,sans-serif;font-size:11px}.edit-mixtape-track-remove{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;color:#fff6;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:28px;justify-content:center;transition:all .2s;width:44px}.edit-mixtape-track-remove:hover{background:#c0633a26;border-color:#c0633a4d;color:#c0633a}.edit-mixtape-bottom{background:#1a1a1a;border-top:1px solid #ffffff0f;bottom:-24px;display:flex;flex-shrink:0;gap:16px;justify-content:center;margin:16px -28px -24px;padding:16px 28px calc(16px + env(safe-area-inset-bottom, 0px));position:sticky;z-index:5}.edit-mixtape-cancel{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;color:#ffffff80;cursor:pointer;font-family:DM Mono,Roboto Mono,monospace;font-size:13px;font-weight:600;letter-spacing:2px;padding:14px 40px;transition:all .2s}.edit-mixtape-cancel:hover{border-color:#ffffff40;color:#fff}.edit-mixtape-save{background:#db4a1e;border:none;border-radius:12px;box-shadow:0 2px 10px #db4a1e66;color:#fff;cursor:pointer;font-family:DM Mono,Roboto Mono,monospace;font-size:13px;font-weight:600;letter-spacing:2px;padding:14px 40px;transition:all .2s}.edit-mixtape-save:hover{background:#e5562a}.edit-mixtape-save:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.edit-mixtape-overlay{align-items:center;padding:16px}.edit-mixtape-modal{-webkit-overflow-scrolling:touch;border-radius:16px;max-height:calc(100vh - 32px);max-width:560px;overflow-y:auto;padding:20px 18px;width:100%}.edit-mixtape-topbar{background:#1a1a1a;border-bottom:1px solid #ffffff0f;margin:-20px -18px 16px;padding:14px 18px;position:sticky;top:-20px;z-index:5}.edit-mixtape-tracks-section{flex:0 0 auto;overflow:visible}.edit-mixtape-tracks-list{flex:0 0 auto;min-height:0;overflow-y:visible}.edit-mixtape-row{flex-direction:column;gap:18px}.edit-mixtape-image-section{align-self:center;max-width:220px;width:100%}.edit-mixtape-image-box{aspect-ratio:1;height:auto;max-width:220px;width:100%}.edit-mixtape-desc-section{width:100%}.edit-mixtape-textarea{min-height:90px}.edit-mixtape-bottom{background:#1a1a1a;border-top:1px solid #ffffff0f;bottom:-20px;gap:12px;margin:16px -18px -20px;padding:14px 18px calc(14px + env(safe-area-inset-bottom, 0px));position:sticky;z-index:5}.edit-mixtape-cancel,.edit-mixtape-save{flex:1 1;letter-spacing:1.5px;padding:13px 20px}}@media (max-width:480px){.edit-mixtape-overlay{padding:10px}.edit-mixtape-modal{border-radius:14px;padding:16px 14px}.edit-mixtape-back,.edit-mixtape-delete{height:38px;width:38px}.edit-mixtape-input{font-size:15px;padding:11px 14px}.edit-mixtape-image-box,.edit-mixtape-image-section{max-width:180px}.edit-mixtape-add-tracks{font-size:10px;letter-spacing:1.5px;padding:8px 16px}.edit-mixtape-track-row{gap:10px;padding:8px 0}.edit-mixtape-track-art{height:40px;width:40px}.edit-mixtape-track-name{font-size:13px}.edit-mixtape-cancel,.edit-mixtape-save{font-size:12px;letter-spacing:1px;padding:12px 16px}}.edit-review-modal{background:#1a1a1a;border-radius:20px;display:flex;flex-direction:column;gap:18px;max-height:92vh;overflow-y:auto;padding:28px 32px;width:550px}.edit-review-album-section{align-items:center;display:flex;gap:20px}.edit-review-cover{flex-shrink:0;height:120px;position:relative;width:120px}.edit-review-vinyl{height:100px;pointer-events:none;position:absolute;right:-30px;top:50%;transform:translateY(-50%);width:100px}.edit-review-art{border-radius:8px;height:100%;object-fit:cover;position:relative;width:100%;z-index:1}.edit-review-album-info{display:flex;flex-direction:column;gap:6px;padding-left:30px}.edit-review-album-name{color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.edit-review-album-artist{color:#aaa;font-size:.9rem}.edit-review-rating-select{display:flex;gap:6px}.edit-review-star-pick{color:#555;cursor:pointer;font-size:1.6rem;transition:color .15s}.edit-review-star-pick.active{color:#f36a40}.edit-review-star-pick:hover{color:#ff7d56}.edit-review-modal .edit-mixtape-input{font-family:Roboto,sans-serif;font-size:14px}.edit-review-textarea{min-height:120px;resize:vertical}.edit-review-art-placeholder{align-items:center;background:#2a2a2a;border-radius:8px;color:#555;display:flex;font-size:2rem;height:100%;justify-content:center;position:relative;width:100%;z-index:1}@media (max-width:768px){.profile-page{padding:100px 24px 60px}.profile-header{align-items:center;flex-direction:column;gap:24px;margin-bottom:24px;text-align:center}.profile-header-left,.profile-header-right{align-items:center;width:100%}.profile-header-right{gap:20px}.profile-stats{flex-wrap:wrap;gap:28px;justify-content:center;width:100%}.profile-stat{align-items:center;text-align:center}.profile-header-actions{flex-wrap:wrap;justify-content:center;width:100%}.profile-mixtape-top{align-items:center;flex-direction:column}.profile-mixtape-cover{margin:0 auto 16px}.profile-mixtape-info{text-align:center;width:100%}.profile-mixtape-actions{justify-content:center}.profile-review-card{flex-direction:column}.profile-review-right{margin-left:0;margin-top:20px}.profile-fav-albums-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.profile-tabs{margin-bottom:28px;overflow-x:auto;scrollbar-width:none}.profile-tabs::-webkit-scrollbar{display:none}.profile-tab{flex-shrink:0;font-size:12px;letter-spacing:1.5px;padding:14px 20px;white-space:nowrap}}@media (max-width:600px){.profile-tabs{display:none}.profile-tabs-dropdown{display:block}.profile-page{padding:88px 16px 48px}.profile-avatar{font-size:46px;height:110px;width:110px}.profile-name{font-size:40px;margin-top:6px}.profile-handle{font-size:14px}.profile-stats{gap:32px;justify-content:center}.profile-stat-num{font-size:22px}.profile-stat-label{font-size:10px;letter-spacing:.6px}.profile-header-btn{flex:1 1;font-size:12px;letter-spacing:1.2px;min-width:0;padding:11px 22px;text-align:center}.profile-tab{font-size:11px;letter-spacing:1px;padding:12px 14px}.profile-mixtape-card{padding:20px 18px}.profile-mixtape-edit-btn{font-size:10px;letter-spacing:1.5px;padding:7px 16px;right:14px;top:14px}.profile-mixtape-cover{height:160px;width:160px}.profile-mixtape-name{font-size:20px}.profile-fav-albums-grid{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.profile-fav-album-card{overflow:hidden;padding:14px 12px}.profile-fav-album-cover{aspect-ratio:1;height:auto;margin:0;overflow:hidden;transform:none;width:100%}.profile-fav-album-img{border-radius:6px;height:75%;left:0;width:75%}.profile-fav-album-vinyl{height:70%;left:auto;right:-10%;width:90%}.profile-fav-songs-list .profile-track{gap:12px;padding:14px 16px}.profile-fav-songs-list .profile-track-art{height:44px;width:44px}.profile-fav-songs-list .profile-track-name{font-size:14px}}@media (max-width:400px){.profile-avatar{font-size:38px;height:92px;width:92px}.profile-name{font-size:26px}.profile-stats{gap:12px}.profile-stat-num{font-size:20px}.profile-stat-label{font-size:9px}.profile-tab{font-size:10px;padding:10px 12px}.profile-fav-album-card{padding:12px 10px}.profile-fav-album-name{font-size:13px}.profile-fav-album-artist{font-size:11px}.profile-fav-album-heart{height:26px;width:26px}.profile-fav-album-heart svg{height:14px;width:14px}}.intro-page{align-items:center;background:#111;display:flex;justify-content:center;min-height:100vh;min-height:100dvh;overflow:hidden;position:relative}.intro-albums-bg{display:flex;gap:10px;inset:-250% -150%;padding:0 5px;position:absolute;transform:perspective(1000px) rotateX(32deg) rotate(-18deg) translateY(-12%) scale(.55);transform-origin:center 55%;transform-style:preserve-3d;z-index:0}.intro-album-col{display:flex;flex:1 1;flex-direction:column;gap:10px}.intro-album-tile{aspect-ratio:1;border-radius:10px;flex-shrink:0;overflow:hidden}.intro-album-tile img{display:block;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.intro-album-col.scroll-up{animation:intro-scroll-up 60s linear infinite}.intro-album-col.scroll-down{animation:intro-scroll-down 60s linear infinite}@keyframes intro-scroll-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes intro-scroll-down{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.intro-overlay{background:radial-gradient(ellipse at center,#111111d9 0,#1119 50%,#111111bf 100%);inset:0;position:absolute;z-index:1}.intro-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;border:none;border-radius:0;padding:56px 32px;position:relative;text-align:center;width:min(100%,640px);z-index:2}.intro-label{color:#c0633a;font-size:14px;letter-spacing:3px}.intro-label,.intro-title{margin:0 0 16px;text-transform:uppercase}.intro-title{color:#fff;font-size:clamp(40px,8vw,78px);line-height:1}.intro-subtitle{color:#aaa;font-size:18px;line-height:1.5;margin:0 0 16px}.intro-enter-btn{align-items:center;background:#db4a1e;border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-size:18px;font-weight:500;gap:8px;letter-spacing:.5px;padding:14px 36px;transition:background .25s,transform .2s}.intro-enter-btn:hover{background:#c43e15;transform:scale(1.05)}.intro-enter-arrow{font-size:20px;line-height:1}.intro-skip-audio{background:#0000;border:none;bottom:max(32px,env(safe-area-inset-bottom,0px));color:#ffffff73;cursor:pointer;font-family:DM Mono,monospace;font-size:12px;left:50%;letter-spacing:1.5px;padding:8px 16px;position:fixed;text-decoration:underline;text-underline-offset:4px;transform:translateX(-50%);transition:color .2s;z-index:10}.intro-skip-audio:hover{color:#db4a1e}@media (max-width:640px){.intro-card{padding:24px 20px}.intro-title{font-size:clamp(44px,14vw,64px);margin-bottom:24px}.intro-enter-btn{font-size:17px;padding:14px 56px}.intro-skip-audio{bottom:max(20px,env(safe-area-inset-bottom,0px));font-size:11px}.intro-albums-bg{transform:perspective(1000px) rotateX(28deg) rotate(-14deg) translateY(-10%) scale(.5)}}.music-toggle{align-items:center;background:#fff;border:none;border-radius:50%;bottom:24px;box-shadow:0 2px 12px #00000026;cursor:pointer;display:flex;height:52px;justify-content:center;left:24px;overflow:hidden;position:fixed;transition:transform .2s ease,background .3s ease,box-shadow .3s ease;width:52px;z-index:150}.music-toggle:hover{transform:scale(1.08)}.music-bars{align-items:flex-end;display:flex;gap:3px;height:20px;justify-content:center;position:relative;z-index:1}.bar{background:#111;border-radius:1px;display:block;transition:height .28s ease,transform .28s ease,opacity .28s ease,background .28s ease;width:3px}.music-toggle.muted .bar{animation:barBounceMuted .8s ease-in-out infinite alternate;opacity:.55}.music-toggle.muted .bar-1{animation-delay:0s}.music-toggle.muted .bar-2{animation-delay:.15s}.music-toggle.muted .bar-3{animation-delay:.3s}.music-toggle.muted .bar-4{animation-delay:.1s}.music-toggle.muted .bar-5{animation-delay:.25s}.music-toggle.playing .bar{animation:barBounce .8s ease-in-out infinite alternate;opacity:1}.music-toggle.playing .bar-1{animation-delay:0s}.music-toggle.playing .bar-2{animation-delay:.15s}.music-toggle.playing .bar-3{animation-delay:.3s}.music-toggle.playing .bar-4{animation-delay:.1s}.music-toggle.playing .bar-5{animation-delay:.25s}@keyframes barBounce{0%{height:4px}to{height:20px}}@keyframes barBounceMuted{0%{height:4px}to{height:8px}}body:has(.discover-page){background:#0a0a0a}.discover-page{background:#0a0a0a;box-sizing:border-box;margin:0 auto;max-width:1400px;min-height:calc(100vh - 52px);padding:40px 60px 120px}.discover-hero{color:#fff;font-family:Oswald,Arial,sans-serif;font-size:clamp(48px,8vw,88px);font-weight:900;letter-spacing:1px;line-height:1;margin:20px 0 48px;text-transform:uppercase}.discover-hero,.features-title,.landing-main-title,.landing-tagline,.landing-top3-title{cursor:default;user-select:none;-webkit-user-select:none}.discover-hero-line{animation:discover-slide-in .8s cubic-bezier(.16,1,.3,1) both;display:block}.discover-hero-line:nth-child(2){animation-delay:.15s}@keyframes discover-slide-in{0%{opacity:0;transform:translateX(-80px)}to{opacity:1;transform:translateX(0)}}.discover-hero-accent{animation:discover-hero-rise .5s cubic-bezier(.16,1,.3,1) both;color:#db4a1e;display:inline-block}@keyframes discover-hero-rise{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.discover-controls-row{align-items:center;animation:discover-fade-up .7s cubic-bezier(.16,1,.3,1) .5s both;display:flex;gap:24px;justify-content:space-between;margin-bottom:28px;position:relative;z-index:60}.discover-controls-floating{opacity:0;pointer-events:none;position:fixed;top:80px;transform:translateY(-20px);transition:opacity .25s ease,transform .3s cubic-bezier(.22,1,.36,1);z-index:65}.discover-controls-floating.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.discover-controls-floating .discover-toggle{width:100%}.discover-controls-floating .discover-filter-btn,.discover-controls-floating .discover-toggle{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#141414d9;box-shadow:0 6px 24px #0006}.discover-toggle{grid-gap:0;align-items:stretch;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;display:grid;gap:0;grid-template-columns:repeat(3,1fr);max-width:100%;padding:6px;position:relative;-webkit-user-select:none;user-select:none;width:460px}.discover-toggle-slider{background:#db4a1e;border-radius:999px;bottom:6px;box-shadow:0 2px 12px #db4a1e66;left:6px;pointer-events:none;position:absolute;top:6px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);width:calc(33.33333% - 4px)}.discover-toggle.pos-0 .discover-toggle-slider{transform:translateX(0)}.discover-toggle.pos-1 .discover-toggle-slider{transform:translateX(100%)}.discover-toggle.pos-2 .discover-toggle-slider{transform:translateX(200%)}.discover-toggle-opt{background:#0000;border:none;border-radius:999px;color:#ffffff8c;cursor:pointer;font-family:DM Mono,Roboto Mono,monospace;font-size:15px;letter-spacing:2px;padding:14px 0;position:relative;text-align:center;transition:color .25s ease;width:100%;z-index:1}.discover-toggle-opt.active,.discover-toggle-opt:hover{color:#fff}.discover-filter-wrap{position:relative}.discover-filter-btn{align-items:center;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-family:DM Mono,Roboto Mono,monospace;font-size:12px;gap:12px;letter-spacing:1.5px;padding:12px 22px;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.discover-filter-btn.has-value,.discover-filter-btn:hover{background:#db4a1e;border-color:#db4a1e;box-shadow:0 2px 12px #db4a1e66}.discover-filter-label-wrap{display:inline-block;overflow:hidden;position:relative;transition:width .28s cubic-bezier(.4,0,.2,1);vertical-align:middle;white-space:nowrap}.discover-filter-label-sizer{font-weight:600;left:0;pointer-events:none;position:absolute;top:0;visibility:hidden;white-space:nowrap}.discover-filter-label{animation:filterLabelFade .28s ease;display:inline-block;font-weight:600;white-space:nowrap}@keyframes filterLabelFade{0%{opacity:0;transform:translateX(4px)}to{opacity:1;transform:translateX(0)}}.discover-filter-menu{background:#141414;border:1px solid #ffffff1a;border-radius:14px;box-shadow:0 20px 60px #0009;min-width:220px;opacity:0;padding:8px;pointer-events:none;position:absolute;right:0;top:calc(100% + 8px);transform:translateY(-8px) scale(.96);transform-origin:top right;transition:opacity .22s ease,transform .22s cubic-bezier(.2,.9,.3,1.1),visibility 0s linear .22s;visibility:hidden;z-index:50}.discover-filter-menu.open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .22s ease,transform .22s cubic-bezier(.2,.9,.3,1.1),visibility 0s linear 0s;visibility:visible}.discover-filter-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;font-family:DM Mono,Roboto Mono,monospace;font-size:12px;justify-content:space-between;letter-spacing:1.2px;padding:12px 16px;text-align:left;transition:background .15s,color .15s;width:100%}.discover-filter-item:hover{background:#ffffff0f;color:#fff}.discover-filter-item.active{color:#db4a1e}.discover-filter-item-parent svg{flex-shrink:0;opacity:.6}.discover-filter-genre-list{border-top:1px solid #ffffff14;margin-top:6px;max-height:280px;overflow-y:auto;padding-top:6px}.discover-filter-empty{color:#fff6;font-family:DM Mono,monospace;font-size:11px;padding:12px 16px}.discover-search-bar{align-items:center;animation:discover-fade-up .7s cubic-bezier(.16,1,.3,1) .65s both;background:#ffffff08;border:1px solid #ffffff1f;border-radius:999px;display:flex;gap:14px;margin-bottom:40px;padding:6px 6px 6px 24px;transition:border-color .2s}@keyframes discover-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.discover-search-bar:focus-within{border-color:#db4a1e}.discover-search-icon{color:#ffffff73;flex-shrink:0}.discover-search-input{background:#0000;border:none;color:#fff;flex:1 1;font-family:Roboto,Arial,sans-serif;font-size:15px;outline:none;padding:16px 0}.discover-search-input::placeholder{color:#ffffff73}.discover-search-clear{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:22px;padding:0 16px;transition:color .2s}.discover-search-clear:hover{color:#fff}.discover-search-submit{background:#1f1f1f;border:none;border-radius:999px;color:#fff;cursor:pointer;font-family:DM Mono,Roboto Mono,monospace;font-size:12px;letter-spacing:1.5px;padding:14px 36px;transition:background .2s}.discover-search-submit:hover{background:#2a2a2a}.discover-loading{color:#888;font-size:16px;padding:40px 0;text-align:center}.discover-loader{align-items:center;display:flex;gap:8px;justify-content:center;padding:60px 0}.discover-loader-dot{animation:discover-bounce 1.2s ease-in-out infinite;background:#db4a1e;border-radius:50%;height:10px;width:10px}.discover-loader-dot:nth-child(2){animation-delay:.15s}.discover-loader-dot:nth-child(3){animation-delay:.3s}@keyframes discover-bounce{0%,80%,to{opacity:.3;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.discover-empty{color:#666;font-size:14px;grid-column:1/-1;padding:40px 0;text-align:center}.album-grid,.mixtapes-grid{grid-gap:24px;display:grid;font-family:DM Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;gap:24px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin:0;padding-top:24px;width:100%}.album-grid .album-card-artist,.album-grid .album-card-title,.mixtapes-grid .mixtape-card-artist,.mixtapes-grid .mixtape-card-meta,.mixtapes-grid .mixtape-card-title{font-family:inherit}.discover-page .album-card-img-wrapper,.discover-page .mixtape-card-img-wrapper{border-radius:0}.discover-page .album-card-title,.discover-page .mixtape-card .album-card-title{margin-top:10px}.album-card,.mixtape-card{cursor:pointer;transition:transform .2s ease}.album-card:hover,.mixtape-card:hover{transform:translateY(-4px)}.album-card-img-wrapper,.mixtape-card-img-wrapper{aspect-ratio:1;background:#222;border-radius:8px;margin-bottom:8px;overflow:hidden;position:relative;width:100%}.album-card-img,.mixtape-card-img{display:block;height:100%;object-fit:cover;width:100%}.album-card-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.album-card:hover .album-card-overlay{opacity:1}.album-card-play{color:#fff;font-size:32px}.mixtape-card-placeholder{align-items:center;background:#1a1a1a;color:#555;display:flex;font-size:48px;height:100%;justify-content:center;width:100%}.mixtape-card-collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:100%;width:100%}.mixtape-card-collage-img{display:block;height:100%;object-fit:cover;width:100%}.mixtape-card-title{color:#fff;font-family:Oswald,Arial,sans-serif;font-size:16px;font-weight:700;letter-spacing:.5px;margin-top:12px}.mixtape-card-creator,.mixtape-card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mixtape-card-creator{color:#ffffff80;font-family:DM Mono,Roboto Mono,monospace;font-size:12px;margin-top:4px}.mixtape-card-creator-row{align-items:center;display:flex;gap:12px;margin-top:12px;min-width:0}.mixtape-card-avatar{background:#3a2f28;border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;width:40px}.mixtape-card-avatar img{display:block;height:100%;object-fit:cover;width:100%}.mixtape-card-creator-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.mixtape-card-creator-info .mixtape-card-title{margin-top:0}.mixtape-card-creator-info .mixtape-card-creator{margin-top:2px}.album-card-title{color:#fff;font-size:14px;font-weight:600}.album-card-artist,.album-card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-card-artist{color:#888;font-size:12px}.album-card-year{color:#db4a1e;font-weight:600}.discover-load-more{align-items:center;color:#fff6;display:flex;font-family:DM Mono,monospace;font-size:12px;justify-content:center;letter-spacing:1px;min-height:60px;padding:32px 0 64px}@media (max-width:900px){.discover-page{padding:72px 20px 80px}.discover-hero{font-size:clamp(40px,13vw,72px);margin:12px 0 32px}.discover-controls-row{gap:12px;margin-bottom:20px}.discover-toggle{padding:4px;width:100%}.discover-toggle-slider{bottom:4px;left:4px;top:4px;width:calc(33.33333% - 2.66667px)}.discover-toggle-opt{font-size:13px;letter-spacing:1.2px;padding:12px 0}.discover-filter-wrap{flex-shrink:0}.discover-filter-btn{padding:10px 14px}.discover-search-bar{margin-bottom:28px;padding:4px 4px 4px 18px}.discover-search-input{font-size:14px}.discover-search-submit{font-size:11px;padding:10px 18px}.album-grid,.mixtapes-grid{gap:20px 16px;grid-template-columns:repeat(2,1fr)}.discover-back-to-top{bottom:20px;height:42px;right:20px;width:42px}}@media (max-width:480px){.discover-toggle-opt{font-size:11px;letter-spacing:.6px;padding:10px 0}.discover-filter-btn{font-size:11px;gap:8px;letter-spacing:1px;padding:9px 12px}}@media (max-width:380px){.discover-toggle-opt{font-size:10px;letter-spacing:.4px}.discover-filter-btn{font-size:10px;letter-spacing:.8px;padding:8px 10px}}.discover-back-to-top{align-items:center;background:#db4a1e;border:none;border-radius:50%;bottom:32px;box-shadow:0 6px 20px #db4a1e66;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;opacity:0;pointer-events:none;position:fixed;right:32px;transform:translateY(16px);transition:opacity .25s ease,transform .25s ease,background .2s;width:48px;z-index:50}.discover-back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.discover-back-to-top:hover{background:#ff5722}.album-card-creator-row{align-items:center;display:flex;gap:12px;margin-top:12px;min-width:0}.album-card-artist-avatar{background:#2a2a2a;border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;width:40px}.album-card-artist-avatar img{display:block;height:100%;object-fit:cover;width:100%}.album-card-creator-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.album-card-creator-info .album-card-artist,.album-card-creator-info .album-card-title{margin-top:0}.songs-list{grid-gap:4px;display:grid;font-family:DM Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;gap:4px;padding-top:24px;width:100%}.songs-list .track-row,.songs-list .track-row *{font-family:inherit}.discover-page .track-row{background:#0000;border:none;border-radius:0}.discover-page .track-row:hover{background:#ffffff0a}.discover-track-heart{align-items:center;background:none;border:none;color:#fff6;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:color .2s,transform .2s}.discover-track-heart:hover{color:#db4a1e;transform:scale(1.15)}.discover-track-heart.liked{color:#db4a1e}.discover-page .track-name{color:#fff}.discover-page .track-artist{color:#888}.discover-page .icon-btn{background:none;border:none;color:#ffffff80}.discover-page .icon-btn:hover{background:none;border:none;color:#fff}.discover-page .play-btn.playing{background:none;border:none;color:#db4a1e}.track-number{color:#666;flex-shrink:0;font-size:14px;font-weight:600;text-align:center;width:28px}.ad-wrapper{background:#111;min-height:calc(100vh - 52px);padding:64px;position:relative}.ad-loading{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:0}.ad-loader-center{padding:0}.ad-slide-in{animation:adSlideIn .55s cubic-bezier(.22,1,.36,1)}@keyframes adSlideIn{0%{transform:translateX(60px)}to{transform:translateX(0)}}.ad-back-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;height:44px;justify-content:center;margin-bottom:32px;position:relative;transition:all .2s;width:44px;z-index:2}.ad-back-btn:hover{background:#ffffff1a;border-color:#ffffff40;color:#fff}.ad-summary{color:#ffffff8c;font-family:DM Mono,Roboto Mono,monospace;font-size:12px;letter-spacing:3px;margin-bottom:24px;padding-left:16px;text-transform:uppercase}.ad-summary-dot{color:#ffffff4d;margin:0 12px}.ad-page{display:flex;gap:64px;margin-bottom:64px;position:relative;z-index:1}.ad-glow{inset:0;opacity:.18;pointer-events:none;position:fixed;transition:background 1.4s ease,opacity 1.4s ease;z-index:0}.ad-glow-fade-in{animation:adGlowFadeIn 2.2s ease-out forwards;opacity:0}@keyframes adGlowFadeIn{0%{opacity:0}to{opacity:.18}}.ad-left{display:flex;flex-direction:column;flex-shrink:0;position:relative;width:360px;z-index:1}.ad-cover{border-radius:4px;display:block;height:360px;object-fit:cover;width:360px}.ad-left-info{padding-top:24px}.ad-title-row{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:4px}.ad-title{color:#fff;flex:1 1;font-family:Oswald,Arial,sans-serif;font-size:28px;font-weight:700;letter-spacing:.5px;line-height:1.05;margin:0;min-width:0;text-transform:uppercase}.ad-year{color:#ffffff80;flex-shrink:0;font-family:DM Mono,Roboto Mono,monospace;font-size:13px;letter-spacing:1px;padding-top:6px}.ad-artist-line{color:#ffffff8c;font-family:Roboto,sans-serif;font-size:14px;font-style:italic;margin-bottom:22px}.ad-save-btn{align-items:center;background:#0000;border:1px solid #ffffff40;border-radius:999px;color:#fff;cursor:pointer;display:flex;font-family:DM Mono,Roboto Mono,monospace;font-size:13px;font-weight:500;gap:10px;justify-content:center;letter-spacing:2px;padding:14px 20px;transition:all .2s;width:100%}.ad-save-btn:hover{background:#ffffff0f;border-color:#ffffff73}.ad-save-btn.saved{background:#c0633a26;border-color:#c0633a;color:#c0633a}.ad-rating-stars{display:flex;font-size:22px;gap:10px;justify-content:center;margin-top:18px}.ad-rating-star{color:#ffffff2e;transition:color .2s}.ad-rating-star.filled{color:#f5c518}.ad-right{flex:1 1;min-width:0;position:relative;z-index:1}.ad-tracks{display:flex;flex-direction:column;gap:4px}.ad-track{align-items:center;border-radius:8px;display:flex;gap:18px;padding:12px 16px;transition:background .15s}.ad-track:hover{background:#ffffff0a}.ad-track.playing{background:#c0633a1f}.ad-track-num{color:#fff6;flex-shrink:0;font-family:DM Mono,Roboto Mono,monospace;font-size:14px;font-weight:500;text-align:center;width:24px}.pd-track-art{border-radius:6px;flex-shrink:0;height:44px;object-fit:cover;width:44px}.pd-visibility{align-items:center;border:1px solid #ffffff26;border-radius:999px;display:inline-flex;font-family:DM Mono,Roboto Mono,monospace;font-size:11px;gap:6px;letter-spacing:1.5px;margin:15px 0 0;padding:5px 12px;width:fit-content}.pd-visibility.public{background:#db4a1e14;border-color:#db4a1e80;color:#db4a1e}.pd-visibility.private{color:#ffffff8c}.ad-track-info{flex:1 1;min-width:0}.ad-track-name{color:#fff;font-family:Roboto,sans-serif;font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ad-track-artist{color:#fff6;font-family:Roboto,sans-serif;font-size:12px}.ad-track-dur{color:#ffffff59;flex-shrink:0;font-family:Roboto,sans-serif;font-size:13px;min-width:42px;text-align:right}.ad-track-heart{align-items:center;background:#c0633a26;border:none;border-radius:50%;color:#fff9;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;padding:0;transition:background .2s,color .2s,transform .2s;width:36px}.ad-track-heart:hover{background:#c0633a47;color:#fff;transform:scale(1.05)}.ad-track-heart.liked{color:#c0633a}.ad-track-heart.liked:hover{color:#d97a48}.ad-track-play{align-items:center;background:#c0633a26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:36px;justify-content:center;transition:all .2s;width:36px}.ad-track-play:hover{background:#c0633a47;color:#fff}.ad-track-play.active{background:#db4a1e;border-color:#db4a1e;box-shadow:0 2px 10px #db4a1e66;color:#fff}.ad-more,.ad-more-grid,.ad-more-grid *,.ad-more-name,.ad-more-year{font-family:DM Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif!important}.ad-more{margin:16px 0 56px;position:relative;z-index:1}.ad-more-title{color:#fff;font-family:Oswald,Arial,sans-serif;font-size:22px;font-weight:700;letter-spacing:1px;margin:0 0 24px;text-transform:uppercase}.ad-more-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(5,minmax(0,1fr))}.ad-more-card{cursor:pointer;transition:transform .25s,opacity .25s}.ad-more-card:hover{transform:translateY(-4px)}.ad-more-img{aspect-ratio:1;border-radius:4px;display:block;object-fit:cover;width:100%}.ad-more-name{color:#fff;font-family:Oswald,Arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:1px;margin-top:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ad-more-year{color:#ffffff73;font-family:Roboto,sans-serif;font-size:12px;font-style:italic;margin-top:2px}.ad-reviews-section{margin-top:16px;position:relative;z-index:1}.ad-reviews-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:28px}.ad-reviews-title{color:#fff;font-family:Oswald,Arial,sans-serif;font-size:28px;font-weight:700;letter-spacing:1px;margin:0;text-transform:uppercase}.ad-write-review-btn{align-items:center;background:#ffffff0a;border:1px solid #fff3;border-radius:999px;color:#fff;cursor:pointer;display:flex;font-family:DM Mono,Roboto Mono,monospace;font-size:12px;font-weight:500;gap:10px;letter-spacing:2px;padding:12px 26px;transition:all .2s}.ad-write-review-star{color:#f5c518;font-size:16px}.ad-write-review-btn:hover{background:#ffffff14;border-color:#fff6}.ad-review-form{animation:adReviewFormIn .25s ease-out;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;display:flex;flex-direction:column;gap:12px;margin-bottom:28px;padding:24px}@keyframes adReviewFormIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.ad-review-input{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;color:#fff;font-family:Roboto,sans-serif;font-size:14px;outline:none;padding:10px 14px}.ad-review-input:focus,.ad-review-textarea:focus{border-color:#ffffff4d}.ad-review-textarea{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;color:#fff;font-family:Roboto,sans-serif;font-size:14px;outline:none;padding:10px 14px;resize:vertical}.ad-review-rating-select{display:flex;gap:6px}.ad-review-star-pick{color:#fff3;cursor:pointer;font-size:24px;transition:color .15s}.ad-review-star-pick.active,.ad-review-star-pick:hover{color:#f5c518}.ad-review-error{color:#e74c3c;font-size:13px;margin:0}.ad-review-form-actions{display:flex;gap:12px}.ad-review-submit{background:#db4a1e;border:2px solid #db4a1e;border-radius:999px;box-shadow:0 2px 10px #db4a1e66;color:#fff;cursor:pointer;font-family:DM Mono,monospace;font-size:13px;letter-spacing:1px;padding:10px 28px;transition:background .2s,color .2s,border-color .2s}.ad-review-submit:hover{background:#fff;border-color:#fff;color:#db4a1e}.ad-review-cancel{background:none;border:2px solid #ffffff2e;border-radius:999px;color:#fff9;cursor:pointer;font-family:DM Mono,monospace;font-size:13px;letter-spacing:1px;padding:10px 28px;transition:all .2s}.ad-review-cancel:hover{border-color:#ffffff80;color:#fff}.ad-reviews-list{display:flex;flex-direction:column;gap:20px}.ad-review-card{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;display:flex;gap:32px;justify-content:space-between;padding:32px;transition:border-color .2s}.ad-review-card:hover{border-color:#ffffff1f}.ad-review-body{flex:1 1;min-width:0;position:relative}.ad-review-date{color:#fff6;font-family:DM Mono,Roboto Mono,monospace;font-size:11px;letter-spacing:1px;margin-bottom:12px}.ad-review-card-title{color:#fff;font-family:Oswald,Arial,sans-serif;font-size:22px;font-weight:700;letter-spacing:.5px;margin-bottom:4px}.ad-review-card-artist{color:#ffffff80;font-family:Roboto,sans-serif;font-size:13px;font-style:italic;margin-bottom:18px}.ad-review-userline{align-items:center;display:flex;gap:10px;margin-bottom:10px}.ad-review-avatar{background:#1a1a1a;border-radius:50%;flex-shrink:0;height:22px;overflow:hidden;width:22px}.ad-review-avatar img{display:block;height:100%;object-fit:cover;width:100%}.ad-review-username{color:#ffffffb3;font-family:DM Mono,Roboto Mono,monospace;font-size:12px;letter-spacing:.5px}.ad-review-stars{color:#f5c518;font-size:18px;letter-spacing:2px;margin-bottom:12px}.ad-review-headline{color:#fff;font-family:Oswald,Arial,sans-serif;font-size:15px;font-weight:700;margin-bottom:6px}.ad-review-text{color:#ffffff8c;font-family:Roboto,sans-serif;font-size:13px;line-height:1.6;margin:0;max-width:520px}.ad-review-delete{align-items:center;background:#dc26261f;border:1px solid #dc262659;border-radius:6px;color:#ef4444;cursor:pointer;display:inline-flex;justify-content:center;padding:8px 10px;position:absolute;right:0;top:0;transition:color .2s,background .2s,border-color .2s,transform .2s}.ad-review-delete:hover{background:#dc2626;border-color:#dc2626;color:#fff;transform:scale(1.05)}.ad-review-right{align-items:center;display:flex;flex-direction:column;flex-shrink:0}.ad-review-cover{height:200px;position:relative;width:280px}.ad-review-vinyl{height:200px;right:0;width:200px;z-index:0}.ad-review-art,.ad-review-vinyl{position:absolute;top:50%;transform:translateY(-50%)}.ad-review-art{border-radius:6px;box-shadow:0 8px 24px #00000080;height:180px;left:0;object-fit:cover;width:180px;z-index:1}.ad-reviews-empty{color:#ffffff59;font-family:Roboto,sans-serif;font-size:14px;padding:40px 0;text-align:center}.ad-reviews-load-more{background:none;border:1px solid #fff3;color:#fff9;cursor:pointer;display:block;font-family:DM Mono,monospace;font-size:13px;letter-spacing:1px;margin:28px auto 0;padding:10px 32px;transition:all .2s}.ad-reviews-load-more:hover{border-color:#ffffff80;color:#fff}@media (max-width:1100px){.ad-more-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.ad-wrapper{padding:72px 24px 48px}.ad-page{flex-direction:column;gap:32px}.ad-left{align-items:center;width:100%}.ad-cover{aspect-ratio:1;height:auto;max-width:360px;width:100%}.ad-more-grid{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.ad-review-card{gap:16px;padding:20px}.ad-review-cover{flex-shrink:0;height:130px;width:160px}.ad-review-art,.ad-review-vinyl{height:110px;width:110px}}@media (max-width:600px){.ad-reviews-section{margin-top:8px}.ad-reviews-header{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:12px;justify-content:space-between;margin-bottom:20px}.ad-reviews-title{flex-shrink:1;font-size:18px;min-width:0}.ad-write-review-btn{flex-shrink:0;font-size:11px;gap:8px;letter-spacing:1.5px;padding:8px 14px 8px 8px}.ad-write-review-btn svg{height:22px;width:22px}.ad-review-card{align-items:center;flex-direction:row;gap:12px;padding:16px;text-align:left}.ad-review-body{flex:1 1;min-width:0}.ad-review-card-title{font-size:18px}.ad-review-text{max-width:100%}.ad-review-cover{flex-shrink:0;height:110px;width:130px}.ad-review-art,.ad-review-vinyl{height:90px;width:90px}.ad-review-form{padding:18px}.ad-review-form-actions{flex-direction:row;flex-wrap:wrap}.ad-review-cancel,.ad-review-submit{flex:1 1;min-width:0;padding:10px 16px}}@media (max-width:400px){.ad-reviews-title{font-size:16px}.ad-write-review-btn{font-size:10px;letter-spacing:1px;padding:6px 10px 6px 6px}.ad-review-card{gap:10px;padding:14px}.ad-review-card-title{font-size:16px}.ad-review-text{font-size:12px}.ad-review-cover{height:95px;width:110px}.ad-review-art,.ad-review-vinyl{height:80px;width:80px}}.pd-wrapper{min-height:100vh}.pd-wrapper .ad-title{text-transform:none}.pd-creator{align-items:center;cursor:pointer;display:flex;gap:10px;margin-top:16px;transition:opacity .2s}.pd-creator:hover{opacity:.8}.pd-creator-avatar{border-radius:50%;height:44px;object-fit:cover;width:44px}.pd-creator-avatar-fallback{align-items:center;background:#ffffff26;color:#fff;display:flex;font-family:Oswald,sans-serif;font-size:14px;font-weight:700;justify-content:center}.pd-creator-name{color:#ffffffd9;font-family:Roboto,sans-serif;font-size:18px}.pd-description{color:#ffffff8c;font-family:Roboto,sans-serif;font-size:14px;line-height:1.6;margin-top:20px}.pd-moods{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.pd-mood-chip{border:1px solid #ffffff40;border-radius:20px;color:#ffffffbf;font-family:DM Mono,monospace;font-size:12px;letter-spacing:.5px;padding:5px 16px}@media (max-width:900px){.pd-wrapper .ad-left-info{align-items:center;display:flex;flex-direction:column;gap:14px;padding-top:20px;text-align:center}.pd-wrapper .ad-left-info>*{margin-bottom:0!important;margin-top:0!important}.pd-wrapper .ad-title{font-size:26px;line-height:1.15;text-align:center}.pd-wrapper .pd-creator,.pd-wrapper .pd-moods{justify-content:center}.pd-wrapper .pd-description{font-size:14px;max-width:480px}.pd-wrapper .ad-summary{margin-bottom:16px;padding-left:0;text-align:center}.pd-wrapper .ad-tracks{gap:2px}.pd-wrapper .ad-track{gap:12px;padding:10px 8px}.pd-wrapper .pd-track-art{height:40px;width:40px}.pd-wrapper .ad-track-name{font-size:14px}.pd-wrapper .ad-track-artist{font-size:12px}.pd-wrapper .ad-rating-stars{font-size:18px;gap:8px;margin-top:4px}}@media (max-width:560px){.pd-wrapper.ad-wrapper{padding:64px 16px 40px}.pd-wrapper .ad-page{gap:24px;margin-bottom:40px}.pd-wrapper .ad-cover{border-radius:6px;box-shadow:0 8px 32px #0006;max-width:280px}.pd-wrapper .ad-title{font-size:22px}.pd-wrapper .pd-creator-avatar{height:36px;width:36px}.pd-wrapper .pd-creator-name{font-size:16px}.pd-wrapper .pd-description{font-size:13px;line-height:1.55}.pd-wrapper .pd-mood-chip{font-size:11px;padding:4px 12px}.pd-wrapper .ad-track-dur{font-size:12px}.pd-wrapper .ad-reviews-section{margin-top:8px}.pd-wrapper .ad-reviews-header{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:12px;justify-content:space-between}.pd-wrapper .ad-reviews-title{flex-shrink:1;font-size:18px;min-width:0}.pd-wrapper .ad-write-review-btn{flex-shrink:0;font-size:12px;letter-spacing:1.5px;padding:8px 14px 8px 8px}.pd-wrapper .ad-write-review-btn svg{height:24px;width:24px}}.ad-signin-overlay{align-items:center;animation:adFadeIn .2s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}@keyframes adFadeIn{0%{opacity:0}to{opacity:1}}.ad-signin-modal{animation:adPopIn .25s cubic-bezier(.22,1,.36,1);background:#111;border:1px solid #ffffff1a;border-radius:16px;max-width:520px;padding:48px 56px 40px;position:relative;text-align:left;width:100%}@keyframes adPopIn{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.ad-signin-close{align-items:center;background:none;border:none;border-radius:50%;color:#ffffff80;cursor:pointer;display:flex;font-size:22px;height:32px;justify-content:center;position:absolute;right:20px;top:16px;transition:all .2s;width:32px}.ad-signin-close:hover{background:#ffffff14;color:#fff}.ad-signin-logo{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:20px}.ad-signin-logo-img{height:80px;width:80px}.ad-signin-logo-text{display:flex;flex-direction:column}.ad-signin-logo-title{color:#fff;font-family:Oswald,Arial,sans-serif;font-size:32px;font-weight:700;letter-spacing:1px}.ad-signin-logo-sub{color:#ffffff80;font-family:DM Mono,Roboto Mono,monospace;font-size:12px;letter-spacing:1px}.ad-signin-heading{color:#fff;font-family:Oswald,Arial,sans-serif;font-size:28px;font-weight:700;letter-spacing:1px;margin:0 0 14px;text-align:left}.ad-signin-subheading{color:#ffffff80;font-size:13px;letter-spacing:.5px;margin:0 0 28px}.ad-signin-error,.ad-signin-subheading{font-family:DM Mono,Roboto Mono,monospace}.ad-signin-error{background:#ff50501a;border:1px solid #ff50504d;border-radius:8px;color:#ff8080;font-size:12px;margin-bottom:16px;padding:10px 14px}.ad-signin-form{display:flex;flex-direction:column}.ad-signin-label{font-size:12px;font-weight:600;letter-spacing:1.5px;margin-bottom:10px;text-align:left}.ad-signin-input,.ad-signin-label{color:#fff;font-family:DM Mono,Roboto Mono,monospace}.ad-signin-input{background:#0000;border:1px solid #fff3;border-radius:8px;font-size:16px;margin-bottom:22px;outline:none;padding:14px 18px;transition:border-color .2s}.ad-signin-input:focus{border-color:#ffffff73}.ad-signin-input::placeholder{color:#ffffff4d}.ad-signin-forgot{display:flex;justify-content:flex-end;margin:-10px 0 18px}.ad-signin-forgot-link{color:#db4a1e;font-family:DM Mono,Roboto Mono,monospace;font-size:12px;letter-spacing:.5px;text-decoration:none}.ad-signin-forgot-link:hover{text-decoration:underline}.ad-signin-submit{background:#db4a1e;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:DM Mono,Roboto Mono,monospace;font-size:14px;font-weight:700;letter-spacing:2px;padding:16px;transition:background .2s}.ad-signin-submit:hover{background:#e5562a}.ad-signin-switch{color:#ffffff8c;font-family:DM Mono,Roboto Mono,monospace;font-size:13px;margin:24px 0 0;text-align:center}.ad-signin-switch-link{color:#db4a1e;margin-left:4px;text-decoration:none}.ad-signin-switch-link:hover{text-decoration:underline}.ad-signin-switch-btn{background:none;border:none;cursor:pointer;font:inherit;padding:0}.heart-popup-overlay{animation:fadeIn .1s ease;background:#0006;inset:0;position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.heart-popup{animation:popIn .15s ease;background:#222;border-radius:12px;box-shadow:0 12px 48px #0009;display:flex;flex-direction:column;max-height:360px;width:320px;z-index:1001}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.heart-popup-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:14px 16px 12px}.heart-popup-track{display:flex;flex-direction:column;gap:2px;min-width:0}.heart-popup-track strong{color:#fff;font-family:Roboto,sans-serif;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heart-popup-track span{color:#fff6;font-family:Roboto,sans-serif;font-size:12px}.heart-popup-close{background:none;border:none;color:#fff6;cursor:pointer;flex-shrink:0;font-size:18px;padding:4px 8px}.heart-popup-close:hover{color:#fff}.heart-popup-list{flex:1 1;overflow-y:auto;padding:8px 0}.heart-popup-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:12px;padding:10px 16px;text-align:left;transition:background .15s;width:100%}.heart-popup-item:hover{background:#ffffff0d}.heart-popup-item.active{background:#c0633a0f}.heart-popup-icon{align-items:center;background:#ffffff0f;border-radius:6px;color:#ffffff4d;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;overflow:hidden;width:40px}.heart-popup-item:first-child .heart-popup-icon{background:linear-gradient(135deg,#7c5cbf,#c0633a);color:#fff}.heart-popup-playlist-art{border-radius:6px;height:40px;object-fit:cover;width:40px}.heart-popup-name{color:#fff;flex:1 1;font-family:Roboto,sans-serif;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.heart-popup-check{align-items:center;border:2px solid #ffffff26;border-radius:50%;color:#0000;display:flex;flex-shrink:0;font-size:14px;height:24px;justify-content:center;transition:all .2s;width:24px}.heart-popup-check.checked{background:#c0633a;border-color:#c0633a;color:#fff}.heart-popup-cancel{background:none;border:none;border-top:1px solid #ffffff14;color:#ffffff59;cursor:pointer;font-family:DM Mono,monospace;font-size:12px;padding:12px;text-align:center;transition:color .2s}.heart-popup-cancel:hover{color:#fff}.admin-page{color:#fff;margin:0 auto;max-width:1100px;min-height:100vh;padding:40px 24px 60px}body:has(.admin-page){background:#111}.admin-header{margin-bottom:28px}.admin-title{color:#fff;font-family:Oswald,sans-serif;font-size:clamp(28px,5vw,42px);font-weight:700;letter-spacing:1px;margin:0}.admin-role-tag{color:#ffffff80;font-size:14px;font-weight:400;letter-spacing:1px;margin-left:12px}.admin-error,.admin-role-tag{font-family:Roboto Mono,monospace}.admin-error{background:#b0002026;border:1px solid #b000204d;border-radius:8px;color:#ff6b6b;font-size:13px;margin-bottom:20px;padding:12px 16px}.admin-controls{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:8px}.admin-tabs{display:flex;gap:10px}.admin-tab{align-items:center;background:#0000;border:1px solid #ffffff26;border-radius:8px;color:#fff9;cursor:pointer;display:flex;font-family:Roboto Mono,monospace;font-size:13px;font-weight:600;letter-spacing:1px;padding:10px 20px;transition:all .2s}.admin-tab:hover{border-color:#ffffff4d;color:#fff}.admin-tab.active{background:#db4a1e;border-color:#db4a1e;color:#fff}.admin-view-toggle{display:flex;gap:4px}.admin-view-btn{background:#0000;border:none;border-radius:6px;color:#ffffff59;cursor:pointer;padding:6px;transition:color .2s}.admin-view-btn:hover{color:#ffffffb3}.admin-view-btn.active{color:#fff}.admin-divider{background:#ffffff1a;height:1px;margin-bottom:32px}.admin-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.admin-user-card{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;display:flex;flex-direction:column;padding:28px 20px 20px;text-align:center;transition:background .25s,border-color .25s,transform .25s}.admin-user-card:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-4px)}.admin-user-avatar{background:#ffffff0f;border-radius:50%;height:80px;margin-bottom:6px;overflow:hidden;width:80px}.admin-user-avatar img{height:100%;object-fit:cover;width:100%}.admin-user-avatar-label{color:#ffffff4d;font-family:Roboto Mono,monospace;font-size:9px;letter-spacing:1.5px;margin-bottom:16px}.admin-user-detail{color:#ffffffb3;font-family:Roboto Mono,monospace;font-size:13px;margin-bottom:6px}.admin-user-field{color:#fff6;font-size:11px;font-weight:700;letter-spacing:1px;margin-right:8px}.admin-remove-btn{align-items:center;background:#ffffff0f;border:none;border-radius:8px;color:#ffffff80;cursor:pointer;display:flex;font-family:Roboto Mono,monospace;font-size:11px;font-weight:600;justify-content:center;letter-spacing:1.5px;margin-top:16px;padding:10px 0;transition:background .2s,color .2s;width:100%}.admin-remove-btn:hover{background:#b0002040;color:#ff6b6b}.admin-list{width:100%}.admin-list-header{border-bottom:1px solid #ffffff1f;color:#ffffff80;font-family:Roboto Mono,monospace;font-size:12px;font-weight:700;letter-spacing:1.5px}.admin-list-header,.admin-list-row{align-items:center;display:flex;padding:12px 0}.admin-list-row{border-bottom:1px solid #ffffff0f;transition:background .2s}.admin-list-row:hover{background:#ffffff0a}.admin-list-col{color:#ffffffb3;font-family:Roboto Mono,monospace;font-size:13px}.admin-list-col-avatar{flex-shrink:0;width:60px}.admin-list-avatar{background:#ffffff0f;border-radius:50%;height:42px;object-fit:cover;width:42px}.admin-list-col-name,.admin-list-col-username{flex:2 1}.admin-list-col-joined{flex:1.5 1}.admin-list-col-action{flex:1 1;text-align:center}.admin-remove-icon{background:#0000;border:none;border-radius:6px;color:#ffffff4d;cursor:pointer;padding:6px;transition:color .2s,background .2s}.admin-remove-icon:hover{background:#b0002026;color:#ff6b6b}.admin-mixtape-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0 0 20px;transition:background .25s,border-color .25s,transform .25s}.admin-mixtape-card:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-4px)}.admin-mixtape-cover{aspect-ratio:1;background:#ffffff0a;overflow:hidden;width:100%}.admin-mixtape-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:100%;width:100%}.admin-mixtape-cover-image,.admin-mixtape-mosaic img{height:100%;object-fit:cover;width:100%}.admin-mixtape-cover-image{display:block}.admin-mixtape-empty{font-family:Roboto Mono,monospace;font-size:12px;height:100%;width:100%}.admin-mixtape-empty,.admin-mixtape-empty-sm{align-items:center;color:#fff3;display:flex;justify-content:center}.admin-mixtape-empty-sm{background:#ffffff0f;border-radius:6px;height:42px;width:42px}.admin-mixtape-info{align-items:baseline;display:flex;justify-content:space-between;padding:14px 16px 2px}.admin-mixtape-name{color:#fff;font-family:DM Mono,Roboto Mono,monospace;font-size:15px;font-weight:600;letter-spacing:.5px}.admin-mixtape-tracks{color:#fff6;font-family:DM Mono,Roboto Mono,monospace;font-size:11px;letter-spacing:1px}.admin-mixtape-creator{color:#ffffff73;font-family:DM Mono,Roboto Mono,monospace;font-size:12px;padding:0 16px}.admin-mixtape-card .admin-remove-btn{margin:24px 16px 0;width:calc(100% - 32px)}.admin-mixtape-card .admin-mixtape-empty,.admin-mixtape-card .admin-mixtape-empty-sm,.admin-mixtape-card .admin-remove-btn{font-family:DM Mono,Roboto Mono,monospace}.admin-list-mixtape-thumb{background:#ffffff0f;border-radius:6px;height:42px;overflow:hidden;width:42px}.admin-list-mixtape-thumb img{height:100%;object-fit:cover;width:100%}@media (max-width:768px){.admin-page{padding:72px 20px 60px}.admin-grid{gap:14px;grid-template-columns:repeat(2,1fr)}.admin-controls{align-items:flex-start;flex-direction:column;gap:12px}.admin-tabs{flex-wrap:wrap;width:100%}.admin-tab{flex:1 1;font-size:11px;justify-content:center;letter-spacing:.8px;min-width:90px;padding:9px 10px;text-align:center}.admin-role-tag{display:inline-block;font-size:12px;margin-left:8px}.admin-list-col-joined{display:none}.admin-list-col-avatar{width:50px}.admin-list-avatar{height:36px;width:36px}.admin-list-col,.admin-list-header{font-size:12px}.admin-list-col-name,.admin-list-col-username{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-user-avatar{height:64px;width:64px}.admin-user-detail{font-size:12px;word-break:break-word}}@media (max-width:560px){.admin-page{padding:64px 14px 56px}.admin-grid{gap:12px;grid-template-columns:1fr}.admin-tab{font-size:10px;letter-spacing:.5px;padding:8px 6px}.admin-list-col-username{display:none}.admin-mixtape-name{font-size:14px}.admin-mixtape-creator{font-size:11px}.admin-divider{margin-bottom:20px}}@media (max-width:380px){.admin-page{padding:60px 10px 48px}.admin-tab{font-size:9px}.admin-list-avatar{height:32px;width:32px}}.admin-badge{background:#c0633a;border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-weight:700;letter-spacing:1px;margin-left:8px;padding:2px 8px;vertical-align:middle}@media (max-width:720px){.header-row{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.landing-ring-item{height:95px;left:-47.5px;top:-47.5px;width:95px}.landing-ring-wrapper{height:130px;margin-bottom:20px;margin-top:60px}.album-grid,.mixtapes-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.discover-search{flex-direction:column}}@media (max-width:480px){.landing-ring-item{height:85px;left:-42.5px;top:-42.5px;width:85px}.landing-ring-wrapper{height:120px;margin-top:40px}}@media (min-width:721px) and (max-width:1280px){.landing-ring-item{height:125px;left:-62.5px;top:-62.5px;width:125px}.landing-ring-wrapper{height:175px;margin-top:80px}}@media (min-width:901px) and (max-width:1280px){.features-sticky{gap:80px;padding:0 80px}.features-title{font-size:clamp(40px,5vw,64px);min-width:220px}.features-display{max-width:none}.features-card-text{font-size:clamp(18px,2vw,24px)}}@media (min-width:901px) and (max-width:1100px){.features-sticky{gap:56px;padding:0 56px}.features-title{min-width:200px}}.dash-page{background:#111;min-height:100vh}.dash-hero{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative}.dash-vinyl-wrapper{aspect-ratio:1;left:50%;opacity:0;pointer-events:none;position:absolute;top:0;transform:translate(-50%,-150vh);transition:transform 1.1s cubic-bezier(.22,1,.36,1),opacity .6s cubic-bezier(.22,1,.36,1);width:200vw;z-index:0}.dash-vinyl-wrapper.is-active{opacity:1;transform:translate(-50%,-50%)}@media (min-width:901px){.dash-vinyl-wrapper{aspect-ratio:auto;left:-28%;top:50%;transform:translate(-150vw,-50%);width:auto}.dash-vinyl-wrapper.is-active{transform:translateY(-50%)}}@media (prefers-reduced-motion:reduce){.dash-vinyl-wrapper{opacity:1;transform:translate(-50%,-50%);transition:none}@media (min-width:901px){.dash-vinyl-wrapper{transform:translateY(-50%)}}}@keyframes vinylSlideIn{0%{opacity:0;transform:translate(-120%,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes vinylSlideDownMobile{0%{opacity:0;transform:translate(-50%,-180%)}to{opacity:1;transform:translate(-50%,-50%)}}.dash-vinyl-glow{left:50%;opacity:.7;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:150%;z-index:0}.dash-vinyl{animation:vinylSpin 20s linear infinite;filter:brightness(1);max-width:100%;opacity:1;position:relative;width:100%;z-index:1}@media (min-width:901px){.dash-vinyl-glow{opacity:1;width:110%}.dash-vinyl{max-width:850px;width:100vh}}@keyframes vinylSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dash-hero-content{margin-left:25%;max-width:900px;padding:0 64px;position:relative;z-index:2}.dash-welcome{animation:dashFadeUp .8s cubic-bezier(.22,1,.36,1) .3s both;color:#fff;font-family:Oswald,Arial,sans-serif;font-size:clamp(36px,4.5vw,64px);font-weight:900;letter-spacing:2px;line-height:1.05;margin:0 0 20px}.dash-welcome-name{color:#db4a1e}.dash-subtitle{animation:dashFadeUp .8s cubic-bezier(.22,1,.36,1) .55s both;color:#fff;font-family:Roboto Mono,monospace;font-size:17px;line-height:1.6;margin:0 0 42px;max-width:none;white-space:nowrap}.dash-hero-actions{animation:dashFadeUp .8s cubic-bezier(.22,1,.36,1) .75s both;display:flex;flex-wrap:wrap;gap:24px}@keyframes dashFadeUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.dash-action-btn{align-items:center;animation:dashBtnSlideUp .7s cubic-bezier(.22,1,.36,1) both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#2a2826,#1d1b1a);border:1px solid #ffffff0f;border-radius:999px;box-shadow:0 4px 18px #00000073;color:#fff;cursor:pointer;display:inline-flex;font-family:DM Mono,Roboto Mono,monospace;font-size:14px;gap:14px;letter-spacing:1.8px;padding:12px 40px 12px 12px;position:relative;transition:background .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease}.dash-action-btn:first-child{animation-delay:.55s}.dash-action-btn:nth-child(2){animation-delay:.7s}@keyframes dashBtnSlideUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.dash-action-btn:hover{background:linear-gradient(180deg,#36322f,#25221f);border-color:#db4a1e80;box-shadow:0 6px 22px #db4a1e4d;transform:translateY(-2px)}.dash-action-btn svg{color:#db4a1e}.dash-action-btn-icon{align-items:center;background:#0000;border:2px solid #db4a1e;border-radius:50%;display:inline-flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.dash-action-btn-icon svg{color:#db4a1e;height:16px;width:16px}.dash-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.dash-modal{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:16px;max-height:80vh;max-width:600px;overflow-y:auto;padding:40px;position:relative;width:90%}.dash-modal-close{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:28px;position:absolute;right:20px;top:16px}.dash-modal-close:hover{color:#fff}.dash-modal-title{color:#fff;font-family:Oswald,Arial,sans-serif;font-size:28px;font-weight:700;margin:0 0 24px}.dash-form{display:flex;flex-direction:column;gap:12px}.dash-input{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;color:#fff;font-family:Roboto,sans-serif;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s}.dash-input:focus{border-color:#c27349}.dash-input::placeholder{color:#ffffff4d}.dash-toggle{align-items:center;color:#fff9;cursor:pointer;display:flex;font-size:13px;gap:8px}.dash-selected-tracks{margin-top:8px}.dash-selected-tracks h4{color:#fff;margin:0 0 8px}.dash-sel-track{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;gap:10px;padding:6px 0}.dash-sel-art{border-radius:4px;height:36px;object-fit:cover;width:36px}.dash-sel-name{color:#fff;flex:1 1;font-size:13px}.dash-sel-remove{background:none;border:none;color:#fff6;cursor:pointer;font-size:20px}.dash-sel-remove:hover{color:#f55}.dash-create-btn{background:#c27349;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Roboto Mono,monospace;font-size:14px;font-weight:600;letter-spacing:1px;margin-top:16px;padding:14px;transition:background .2s}.dash-create-btn:hover{background:#d4845a}.dash-create-btn:disabled{cursor:not-allowed;opacity:.5}.dash-error{color:#f55;font-size:13px;margin-top:8px}.dash-section{padding:80px 64px}.dash-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:40px}.dash-section-title{color:#fff;font-family:Oswald,Arial,sans-serif;font-size:clamp(28px,3vw,42px);font-weight:800;letter-spacing:1px;margin:0}.dash-search{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:30px;color:#fff;font-family:Roboto,sans-serif;font-size:14px;outline:none;padding:10px 20px;transition:border-color .2s;width:280px}.dash-search:focus{border-color:#c27349}.dash-search::placeholder{color:#ffffff4d}.dash-section-sub{color:#ffffff73;font-family:Roboto Mono,monospace;font-size:14px;margin:8px 0 0}.dash-album-nav{align-items:center;display:flex;gap:6px}.dash-album-dot{color:#fff3;cursor:pointer;font-size:16px;transition:color .3s,transform .3s}.dash-album-dot.active{color:#fff;transform:scale(1.3)}.dash-album-dot:hover{color:#ffffff80}.dash-album-row{align-items:flex-start;display:flex;gap:16px}.dash-album-grid{grid-gap:24px;display:grid;flex:1 1;gap:24px;grid-template-columns:repeat(4,minmax(0,1fr))}.dash-album-viewport{flex:1 1;margin-top:-30px;overflow:hidden;padding-top:30px;position:relative}.dash-album-track{display:flex;gap:24px;transition:transform .7s cubic-bezier(.4,0,.2,1);will-change:transform}.dash-album-viewport .dash-album-card{flex:0 0 22%;min-width:0}.dash-album-card{cursor:pointer;min-width:0;opacity:.35;padding-bottom:60px;position:relative;transition:transform .5s ease,opacity .5s ease}.dash-album-card.is-active{opacity:1;transform:translateY(-18px)}.dash-album-card.is-dim{opacity:.35}.dash-album-art{aspect-ratio:1;border-radius:8px;box-shadow:0 8px 30px #0006;object-fit:cover;transition:box-shadow .5s ease;width:100%}.dash-album-card.is-active .dash-album-art{box-shadow:0 18px 50px #c273498c,0 0 0 1px #c2734980;box-shadow:0 18px 50px rgba(var(--glow-color,194,115,73),.55),0 0 0 1px rgba(var(--glow-color,194,115,73),.5)}.dash-album-actions{align-items:stretch;display:flex;flex-direction:column;gap:8px;margin-top:28px;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}.dash-album-card.is-active .dash-album-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.dash-album-btn{align-items:center;background:#0000;border:1px solid #fff6;border-radius:30px;color:#fff;cursor:pointer;display:inline-flex;font-family:Roboto Mono,monospace;font-size:12px;gap:8px;justify-content:center;letter-spacing:.5px;padding:8px 22px;transition:background .2s,border-color .2s,color .2s,box-shadow .2s;width:100%}.dash-album-btn svg{flex-shrink:0}.dash-album-btn:hover{background:#db4a1e;border-color:#db4a1e;box-shadow:0 2px 10px #db4a1e66;color:#fff}.dash-mix-mosaic{aspect-ratio:1;border-radius:8px;box-shadow:0 8px 30px #0006;cursor:pointer;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;overflow:hidden;transition:box-shadow .5s ease;width:100%}.dash-album-card.is-active .dash-mix-mosaic{box-shadow:0 18px 50px #c273498c,0 0 0 1px #c2734980;box-shadow:0 18px 50px rgba(var(--glow-color,194,115,73),.55),0 0 0 1px rgba(var(--glow-color,194,115,73),.5)}.dash-mix-tile{background:#ffffff0a;height:100%;overflow:hidden;width:100%}.dash-mix-tile img{display:block;height:100%;object-fit:cover;width:100%}.dash-mix-empty{align-items:center;color:#fff3;display:flex;font-size:28px;height:100%;justify-content:center;width:100%}.dash-album-title{color:#fff;font-size:15px;font-weight:700;letter-spacing:.5px;margin-top:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-album-artist,.dash-album-title{font-family:DM Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.dash-album-artist{color:#ffffff80;font-size:13px;margin-top:4px}.dash-mix-creator-row{align-items:center;display:flex;gap:12px;margin-top:12px;min-width:0}.dash-mix-creator-avatar{align-items:center;background:#3a2f28;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-family:DM Sans,sans-serif;font-size:16px;font-weight:700;height:40px;justify-content:center;overflow:hidden;width:40px}.dash-mix-creator-avatar img{height:100%;object-fit:cover;width:100%}.dash-mix-creator-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.dash-mix-creator-info .dash-album-artist,.dash-mix-creator-info .dash-album-title{margin-top:0}.dash-mix-creator-info .dash-album-artist{margin-top:2px}.dash-section-controls{align-items:flex-end;display:flex;flex-direction:column;gap:14px}.dash-nav-buttons{display:flex;gap:10px}.dash-nav-btn{align-items:center;background:#db4a1e;border:none;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:0;transition:background .2s,transform .15s;width:36px}.dash-nav-btn svg{display:block}.dash-nav-btn:hover{background:#e5562a;transform:scale(1.05)}.dash-nav-btn:active{transform:scale(.95)}.dash-carousel-arrow:hover{color:#fff}@media (max-width:900px){.dash-hero{align-items:center;height:auto;justify-content:flex-end;min-height:100vh;padding:80px 24px 22vh;text-align:center}.dash-hero-content{margin-left:0;margin-top:auto;max-width:100%;padding:0;position:relative;width:100%;z-index:2}.dash-welcome{font-size:clamp(28px,8vw,44px);margin-bottom:16px}.dash-subtitle{font-size:14px;margin:0 auto 28px;max-width:360px;white-space:normal}.dash-hero-actions{align-items:stretch;flex-direction:column;gap:12px;margin:0 auto;max-width:320px}.dash-action-btn{justify-content:flex-start;padding:10px 24px 10px 10px;width:100%}.dash-section{padding:40px 24px}.dash-album-grid{grid-template-columns:repeat(2,1fr)}.dash-carousel-arrow{font-size:32px}}@media (max-width:600px){.dash-section{padding:32px 18px}.dash-album-grid{grid-template-columns:1fr}.dash-section-header{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:24px}.dash-section-controls{align-items:flex-start;flex-direction:row;gap:12px;justify-content:space-between;width:100%}.dash-section-sub{font-size:13px}.dash-album-nav{gap:4px}.dash-album-dot{font-size:14px}.dash-nav-btn{height:44px;width:44px}.dash-album-track{gap:16px}.dash-album-viewport .dash-album-card{flex:0 0 65%}.dash-album-card{padding-bottom:24px}.dash-album-card.is-active{transform:translateY(-10px)}.dash-album-title{font-size:14px;margin-top:10px}.dash-album-artist{font-size:12px}.dash-album-actions{flex-direction:row;gap:8px;margin-top:14px}.dash-album-btn{flex:1 1;font-size:11px;gap:6px;letter-spacing:.3px;padding:8px 10px}.dash-album-btn svg{height:12px;width:12px}}@media (max-width:400px){.dash-album-viewport .dash-album-card{flex:0 0 78%}.dash-album-btn{font-size:10px;padding:7px 8px}}.dash-reviews-list{display:flex;flex-direction:column;gap:16px;margin-top:8px}.dash-review-card{-webkit-tap-highlight-color:transparent;align-items:stretch;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;overflow:hidden;padding:28px 32px;transition:border-color .2s ease,background .2s ease}@media (hover:hover){.dash-review-card:hover{background:#ffffff0f;border-color:#c2734980}}.dash-review-body{display:flex;flex:1 1;flex-direction:column;gap:10px;min-width:0}.dash-review-album-title{color:#fff;font-family:DM Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:22px;font-weight:700;letter-spacing:.5px}.dash-review-stars{display:flex;gap:2px}.dash-review-stars .star{color:#fff3;font-size:18px}.dash-review-stars .star.filled{color:#c27349}.dash-review-user{align-items:center;color:#ffffffa6;display:flex;font-family:DM Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:13px;gap:10px}.dash-review-avatar{background:#ffffff1a;border-radius:50%;height:28px;object-fit:cover;width:28px}.dash-review-headline{color:#fff;font-weight:700}.dash-review-headline,.dash-review-text{font-family:DM Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:13px}.dash-review-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#ffffff8c;display:-webkit-box;line-height:1.6;margin:0;max-width:450px;overflow:hidden}.dash-review-cover{flex-shrink:0;height:200px;isolation:isolate;margin-right:40px;position:relative;width:200px}.dash-review-vinyl{object-fit:contain;pointer-events:none;right:-40px}.dash-review-art,.dash-review-vinyl{backface-visibility:hidden;height:160px;position:absolute;top:50%;transform:translateY(-50%) translateZ(0);width:160px}.dash-review-art{border-radius:4px;box-shadow:0 4px 20px #00000080;left:0;object-fit:cover;z-index:1}.dash-reviews-more{display:flex;justify-content:center;margin-top:24px}.dash-load-more-btn{background:#0000;border:1px solid #fff3;border-radius:4px;color:#ffffffb3;cursor:pointer;font-family:Roboto Mono,monospace;font-size:13px;letter-spacing:1px;padding:12px 40px;transition:border-color .2s ease,color .2s ease}.dash-load-more-btn:hover{border-color:#ffffff80;color:#fff}@media (max-width:600px){.dash-reviews-list{gap:12px}.dash-review-card{align-items:center;gap:14px;padding:16px}.dash-review-body{gap:8px}.dash-review-album-title{font-size:17px;line-height:1.25}.dash-review-stars .star{font-size:15px}.dash-review-user{font-size:12px;gap:8px}.dash-review-avatar{height:24px;width:24px}.dash-review-headline{font-size:12px}.dash-review-text{-webkit-line-clamp:2;font-size:12px;line-height:1.5}.dash-review-cover{flex-shrink:0;height:100px;margin-right:0;width:150px}.dash-review-art{border-radius:6px;height:100px;width:100px}.dash-review-vinyl{display:block;height:100px;right:0;width:100px}}@media (max-width:400px){.dash-review-card{gap:10px;padding:14px}.dash-review-album-title{font-size:15px}.dash-review-cover{height:80px;margin-right:-14px;width:130px}.dash-review-art,.dash-review-vinyl{height:80px;width:80px}.dash-review-vinyl{right:10px}}.create-mix-page{background:#0d0d0d;box-sizing:border-box;color:#fff;font-family:Roboto,sans-serif;min-height:100vh;padding:32px 64px 96px}.create-mix-topbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.create-mix-iconbtn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;font-family:Roboto Mono,monospace;font-size:22px;height:44px;justify-content:center;line-height:1;transition:background .2s,border-color .2s,transform .15s;width:44px}.create-mix-iconbtn:hover{background:#ffffff1f;border-color:#ffffff40;transform:scale(1.05)}.create-mix-title{color:#fff;font-family:Oswald,sans-serif;font-size:34px;font-weight:700;letter-spacing:1.5px;margin:0 0 40px}.create-mix-title-accent{color:#db4a1e}.create-mix-form{display:flex;flex-direction:column;gap:28px}.create-mix-field{display:flex;flex-direction:column;gap:8px}.create-mix-label{color:#ffffffa6;font-family:DM Mono,Roboto Mono,monospace;font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.create-mix-input,.create-mix-textarea{background:#ffffff08;border:1px solid #ffffff1a;border-radius:14px;box-sizing:border-box;color:#fff;font-family:Oswald,sans-serif;font-size:18px;letter-spacing:.5px;outline:none;padding:16px 22px;transition:border-color .2s,background .2s;width:100%}.create-mix-input::placeholder,.create-mix-textarea::placeholder{color:#ffffff59}.create-mix-input:focus,.create-mix-textarea:focus{background:#ffffff0d;border-color:#db4a1e99}.create-mix-textarea{font-family:Roboto,sans-serif;font-size:15px;letter-spacing:.2px;line-height:1.5;min-height:110px;resize:vertical}.create-mix-row{grid-gap:32px;align-items:stretch;display:grid;gap:32px;grid-template-columns:minmax(220px,280px) 1fr}.create-mix-image-col{height:100%}.create-mix-image-box{align-items:center;background:radial-gradient(ellipse at center,#db4a1e14,#0000 70%),#ffffff08;border:1px solid #ffffff1a;border-radius:14px;cursor:pointer;display:flex;flex:1 1;justify-content:center;min-height:260px;overflow:hidden;position:relative;transition:border-color .2s,background .2s;width:100%}.create-mix-image-box:hover{border-color:#db4a1e80}.create-mix-image-box.has-image{border-color:#ffffff2e}.create-mix-image-preview{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.create-mix-add-image-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#141414d9;border:1px solid #ffffff2e;border-radius:999px;color:#fff;cursor:pointer;font-family:DM Mono,Roboto Mono,monospace;font-size:11px;letter-spacing:1.5px;padding:10px 22px;position:relative;transition:background .2s,border-color .2s,transform .15s;z-index:2}.create-mix-add-image-btn:hover{background:#db4a1ed9;border-color:#db4a1e;transform:translateY(-1px)}.create-mix-right-col{display:flex;flex-direction:column;gap:18px}.create-mix-mood-box{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:14px;box-sizing:border-box;cursor:text;display:flex;gap:10px;min-height:56px;padding:14px 18px;position:relative;transition:border-color .2s,background .2s;width:100%}.create-mix-mood-box:focus-within{background:#ffffff0d;border-color:#db4a1e99}.create-mix-mood-input{background:#0000;border:none;color:#fff;flex:1 1;font-family:DM Sans,sans-serif;font-size:14px;letter-spacing:.5px;min-width:80px;outline:none}.create-mix-mood-input::placeholder{color:#ffffff59}.create-mix-mood-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.create-mix-chip{align-items:center;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px;color:#fff;display:inline-flex;font-family:DM Mono,Roboto Mono,monospace;font-size:12px;gap:8px;letter-spacing:.5px;padding:6px 14px;white-space:nowrap}.create-mix-chip-remove{align-items:center;background:none;border:none;color:#fff9;cursor:pointer;display:inline-flex;font-size:14px;justify-content:center;line-height:1;padding:0;transition:color .15s}.create-mix-chip-remove:hover{color:#db4a1e}.create-mix-browse-field{margin-top:16px}.create-mix-track-search{--tk-bg:#ffffff08}.create-mix-track-search .track-search{background:#0000;border:none;padding:0}.create-mix-track-search .track-search-bar{align-items:center;background:#ffffff08;border:1px solid #ffffff1f;border-radius:999px;display:flex;gap:14px;padding:6px 14px 6px 24px;transition:border-color .2s}.create-mix-track-search .track-search-icon{color:#ffffff73;flex-shrink:0}.create-mix-track-search .track-search-bar:focus-within{border-color:#db4a1e}.create-mix-track-search .track-search-bar .input{background:#0000;border:none;color:#fff;flex:1 1;font-family:DM Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;letter-spacing:0;outline:none;padding:16px 0}.create-mix-track-search .track-search-bar .input::placeholder{color:#ffffff73}.create-mix-track-search .track-search-bar .primary-btn{background:#db4a1e;border:none;border-radius:999px;box-shadow:0 2px 10px #db4a1e66;color:#fff;cursor:pointer;font-family:DM Mono,Roboto Mono,monospace;font-size:12px;letter-spacing:1.5px;padding:14px 36px;text-transform:uppercase;transition:background .2s,box-shadow .2s,transform .15s}.create-mix-track-search .track-search-bar .primary-btn:hover{background:#e5562a;box-shadow:0 4px 18px #db4a1e8c}.create-mix-track-search .track-search-bar .primary-btn:disabled{cursor:not-allowed;opacity:.6}.create-mix-track-search .track-results,.create-mix-track-search .track-row,.create-mix-track-search .track-row *{font-family:DM Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.create-mix-track-search .track-results{background:#0000;border:none;display:flex;flex-direction:column;margin-top:18px;max-height:none;overflow:visible;padding:0}.create-mix-track-search .track-row{align-items:center;background:#0000;border:none;border-radius:10px;display:flex;gap:18px;padding:14px 12px;transition:background .15s}.create-mix-track-search .track-row:hover{background:hsla(0,0%,100%,.025)}.create-mix-track-search .track-row.selected{background:#db4a1e14}.create-mix-track-search .track-art{border-radius:6px;flex-shrink:0;height:48px;object-fit:cover;width:48px}.create-mix-track-search .track-info{flex:1 1;min-width:0}.create-mix-track-search .track-name{color:#fff;font-size:14px;font-weight:700;letter-spacing:.2px}.create-mix-track-search .track-artist,.create-mix-track-search .track-name{font-family:DM Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-mix-track-search .track-artist{color:#ffffff8c;font-size:12px;margin-top:2px}.create-mix-track-search .track-actions{align-items:center;display:flex;gap:6px}.create-mix-track-search .icon-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;height:32px;justify-content:center;transition:background .2s,border-color .2s;width:32px}.create-mix-track-search .icon-btn:hover{background:#db4a1ed9;border-color:#db4a1e}.create-mix-track-search .icon-btn:disabled{cursor:not-allowed;opacity:.5}.create-mix-track-search .play-btn.playing{background:#db4a1e;border-color:#db4a1e}.create-mix-selected{background:#ffffff05;border:1px solid #ffffff14;border-radius:14px;display:flex;flex-direction:column;margin-top:8px;padding:18px 22px}.create-mix-selected-header{color:#ffffff8c;font-family:DM Mono,Roboto Mono,monospace;font-size:11px;letter-spacing:1.5px;margin-bottom:12px}.create-mix-selected-row{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;gap:16px;padding:10px 0}.create-mix-selected-row:last-child{border-bottom:none}.create-mix-selected-art{border-radius:4px;flex-shrink:0;height:44px;object-fit:cover;width:44px}.create-mix-selected-info{flex:1 1;min-width:0}.create-mix-selected-name{color:#fff;font-family:Oswald,sans-serif;font-size:13px;font-weight:700;letter-spacing:1px}.create-mix-selected-artist,.create-mix-selected-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-mix-selected-artist{color:#ffffff80;font-family:Roboto Mono,monospace;font-size:11px;margin-top:2px}.create-mix-selected-duration{color:#ffffff80;flex-shrink:0;font-family:Roboto Mono,monospace;font-size:12px}.create-mix-selected-remove{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:18px;line-height:1;padding:0 4px;transition:color .15s}.create-mix-selected-remove:hover{color:#db4a1e}.create-mix-error{background:#db4a1e1f;border:1px solid #db4a1e59;border-radius:10px;color:#db4a1e;font-family:DM Mono,Roboto Mono,monospace;font-size:12px;letter-spacing:.5px;margin:0;padding:10px 16px;text-align:center}.create-mix-visibility{align-items:stretch;align-self:flex-start;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;display:inline-flex;gap:4px;max-width:max-content;padding:4px;position:relative;-webkit-user-select:none;user-select:none;width:fit-content}.create-mix-visibility-slider{background:#db4a1e;border-radius:999px;bottom:4px;box-shadow:0 2px 10px #db4a1e66;left:4px;pointer-events:none;position:absolute;top:4px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);width:calc(50% - 6px)}.create-mix-visibility.is-public .create-mix-visibility-slider{transform:translateX(calc(100% + 4px))}.create-mix-visibility-opt{align-items:center;background:#0000;border:none;border-radius:999px;color:#ffffff8c;cursor:pointer;display:inline-flex;font-family:DM Mono,Roboto Mono,monospace;font-size:12px;gap:8px;letter-spacing:1px;padding:8px 18px;position:relative;transition:color .25s ease;z-index:1}.create-mix-visibility-opt.active,.create-mix-visibility-opt:hover{color:#fff}.create-mix-visibility-opt svg{flex-shrink:0}.create-mix-visibility-hint{color:#ffffff73;font-family:DM Mono,Roboto Mono,monospace;font-size:11px;letter-spacing:.5px;margin:14px 0 0}.create-mix-save-wrap{display:flex;justify-content:center;margin-top:24px}.create-mix-save-btn{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;color:#fff;cursor:pointer;font-family:DM Mono,Roboto Mono,monospace;font-size:12px;letter-spacing:2px;padding:16px 64px;transition:background .2s,border-color .2s,transform .15s}.create-mix-save-btn:hover:not(:disabled){background:#db4a1e;border-color:#db4a1e;transform:translateY(-1px)}.create-mix-save-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:900px){.create-mix-page{padding:84px 24px 80px}.create-mix-row{grid-template-columns:1fr}.create-mix-image-box{min-height:220px}.create-mix-title{font-size:26px}}@media (max-width:600px){.create-mix-page{padding:78px 16px 72px}.create-mix-save-btn{padding:14px 40px;width:100%}}.info-page{background:#0d0d0d;color:#fff;font-family:DM Mono,Roboto Mono,monospace;min-height:100vh;padding:120px 24px 80px}.info-container{margin:0 auto;max-width:980px}.info-eyebrow{color:#db4a1e;font-family:DM Mono,Roboto Mono,monospace;font-size:12px;letter-spacing:3px;margin-bottom:24px}.info-title{font-family:Oswald,sans-serif;font-size:84px;font-weight:700;letter-spacing:-1px;line-height:.95;margin:0 0 32px;text-transform:uppercase}.info-title-accent{color:#db4a1e}.info-lede{color:#ffffffa6;font-family:DM Mono,Roboto Mono,monospace;font-size:15px;line-height:1.7;margin:0;max-width:640px}.info-divider{background:#ffffff1f;height:1px;margin:56px 0}.info-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.info-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:4px;padding:32px 24px;transition:border-color .2s ease,background .2s ease}.info-card:hover{background:#db4a1e0a;border-color:#db4a1e80}.info-card-num{color:#db4a1e;font-family:DM Mono,Roboto Mono,monospace;font-size:11px;letter-spacing:2px;margin-bottom:16px}.info-card-title{font-family:Oswald,sans-serif;font-size:22px;font-weight:600;letter-spacing:1px;margin:0 0 12px}.info-card-body{color:#ffffff8c;font-family:DM Mono,Roboto Mono,monospace;font-size:13px;line-height:1.65;margin:0}.info-meta{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.info-meta-label{color:#fff6;font-family:DM Mono,Roboto Mono,monospace;font-size:10px;letter-spacing:2px;margin-bottom:6px}.info-meta-value{color:#fff;font-family:Oswald,sans-serif;font-size:16px;letter-spacing:1px}.faq-list{display:flex;flex-direction:column;gap:12px;margin-top:8px}.faq-item{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:0;transition:border-color .2s,background .2s}.faq-item:hover{border-color:#ffffff2e}.faq-item[open]{background:#db4a1e0a;border-color:#db4a1e73}.faq-q{align-items:center;color:#fff;cursor:pointer;display:flex;font-family:Oswald,sans-serif;font-size:17px;font-weight:600;gap:18px;letter-spacing:.5px;list-style:none;padding:22px 24px;-webkit-user-select:none;user-select:none}.faq-q::-webkit-details-marker{display:none}.faq-q-num{color:#db4a1e;flex-shrink:0;font-family:DM Mono,Roboto Mono,monospace;font-size:12px;letter-spacing:1.5px}.faq-q-text{flex:1 1;min-width:0}.faq-q-icon{align-items:center;color:#ffffff80;display:inline-flex;flex-shrink:0;justify-content:center;transition:transform .25s ease,color .2s}.faq-item[open] .faq-q-icon{color:#db4a1e;transform:rotate(180deg)}.faq-a{color:#ffffffa6;font-family:DM Mono,Roboto Mono,monospace;font-size:13px;line-height:1.7;margin:0;padding:0 24px 24px 64px}@media (max-width:600px){.faq-q{font-size:15px;gap:14px;padding:18px}.faq-q-num{font-size:11px}.faq-a{font-size:12px;padding:0 18px 20px}}.info-cta-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:56px}.info-cta{align-items:center;background:#0000;border:2px solid #fff3;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-family:DM Mono,Roboto Mono,monospace;font-size:13px;gap:10px;justify-content:center;letter-spacing:2px;padding:14px 32px;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}.info-cta:hover{background:#ffffff0d;border-color:#fff}.info-cta.primary{background:#db4a1e;border-color:#db4a1e;box-shadow:0 2px 10px #db4a1e66}.info-cta.primary:hover{background:#fff;border-color:#fff;color:#db4a1e}.info-cta svg{flex-shrink:0}.contact-grid{grid-gap:56px;align-items:start;display:grid;gap:56px;grid-template-columns:1fr 1.6fr}.contact-info{display:flex;flex-direction:column;gap:28px}.contact-info-block{border-left:2px solid #db4a1e;padding-left:16px}.contact-form{background:#ffffff05;border:1px solid #ffffff14;border-radius:4px;gap:20px;padding:32px}.contact-field,.contact-form{display:flex;flex-direction:column}.contact-field{gap:8px}.contact-label{color:#ffffff8c;font-family:DM Mono,Roboto Mono,monospace;font-size:11px;letter-spacing:2px}.contact-input,.contact-textarea{background:#0000004d;border:1px solid #ffffff1f;border-radius:4px;color:#fff;font-family:DM Mono,Roboto Mono,monospace;font-size:13px;outline:none;padding:12px 16px;transition:border-color .2s ease}.contact-input:focus,.contact-textarea:focus{border-color:#db4a1e}.contact-textarea{font-family:DM Mono,Roboto Mono,monospace;line-height:1.6;min-height:140px;resize:vertical}.contact-submit{align-self:flex-start;margin-top:8px}.contact-success{background:#22c55e1a;border:1px solid #22c55e66;border-radius:4px;color:#4ade80}.contact-error,.contact-success{font-family:DM Mono,Roboto Mono,monospace;font-size:12px;letter-spacing:1px;padding:12px 16px}.contact-error{background:#db4a1e1a;border:1px solid #db4a1e80;border-radius:4px;color:#ff7849}@media (max-width:800px){.info-page{padding:100px 20px 60px}.info-title{font-size:52px}.contact-grid,.info-grid,.info-meta{grid-template-columns:1fr}.contact-grid{gap:40px}.contact-form{padding:24px 20px}.contact-submit{text-align:center;width:100%}}.edit-profile-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:9999}.edit-profile-modal{background:#141414;border:1px solid #ffffff14;border-radius:20px;box-shadow:0 30px 80px #0009;max-height:90vh;max-width:780px;overflow-y:auto;padding:28px 36px 36px;position:relative;width:100%}.edit-profile-modal:not(.edit-profile-modal--pw){animation:editProfilePop .32s cubic-bezier(.22,1,.36,1) both}.edit-profile-modal:not(.edit-profile-modal--pw).is-closing{animation:editProfilePopOut .22s cubic-bezier(.4,0,1,1) both}.edit-profile-overlay.is-closing{animation:editProfileFadeOut .22s ease both}@keyframes editProfilePopOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(12px) scale(.96)}}@keyframes editProfileFadeOut{0%{opacity:1}to{opacity:0}}@keyframes editProfileFade{0%{opacity:0}to{opacity:1}}@keyframes editProfilePop{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.edit-profile-modal--pw{max-width:560px}.edit-profile-back{align-items:center;background:#1f1f1f;border:1px solid #ffffff1a;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-bottom:18px;transition:background .2s;width:40px}.edit-profile-back:hover{background:#2a2a2a}.edit-profile-grid{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:200px 1fr;width:100%}.edit-profile-left{align-items:center;display:flex;flex-direction:column;gap:16px;padding-top:8px}.edit-profile-pw-stack,.edit-profile-right{display:flex;flex-direction:column;gap:18px}.edit-profile-pw-stack{width:100%}.edit-profile-pw-row{align-items:center;background:#0e0e0e;border:1px solid #ffffff1a;border-radius:28px;display:flex;padding:4px 4px 4px 22px}.edit-profile-pw-mask{color:#fff9;flex:1 1;font-family:Roboto,sans-serif;font-size:16px;letter-spacing:3px}.edit-profile-avatar{align-items:center;background:#db4a1e;border-radius:50%;color:#fff;display:flex;font-family:Oswald,Arial,sans-serif;font-size:64px;font-weight:700;height:160px;justify-content:center;overflow:hidden;width:160px}.edit-profile-avatar img{height:100%;object-fit:cover;width:100%}.edit-profile-change-image{background:#1a1a1a;border:1px solid #ffffff26;border-radius:24px;color:#fff;cursor:pointer;font-family:DM Mono,monospace;font-size:12px;letter-spacing:1.5px;padding:12px 26px;transition:background .2s}.edit-profile-change-image:hover{background:#242424}.edit-profile-field{display:flex;flex-direction:column}.edit-profile-label{color:#ffffff8c;display:block;font-family:DM Mono,monospace;font-size:12px;letter-spacing:1.5px;margin-bottom:10px;text-transform:uppercase}.edit-profile-input{background:#0e0e0e;border:1px solid #ffffff1a;border-radius:28px;box-sizing:border-box;color:#fff;font-family:Roboto,sans-serif;font-size:15px;outline:none;padding:16px 22px;transition:border-color .2s;width:100%}.edit-profile-input:focus{border-color:#f36a40}.edit-profile-change-pw{background:#1f1f1f;border:1px solid #ffffff26;border-radius:22px;color:#fff;cursor:pointer;flex-shrink:0;font-family:DM Mono,monospace;font-size:11px;letter-spacing:1.5px;padding:10px 20px;transition:background .2s}.edit-profile-change-pw:hover{background:#2a2a2a}.edit-profile-error{color:#ff6b6b;font-family:DM Mono,monospace;font-size:13px;margin-top:24px;text-align:center}.edit-profile-bottom{display:flex;gap:14px;justify-content:flex-end;margin-top:18px}.edit-profile-cancel{background:#1a1a1a;border:1px solid #ffffff26;border-radius:28px;color:#fff;cursor:pointer;font-family:DM Mono,monospace;font-size:13px;letter-spacing:1.5px;padding:14px 36px;transition:background .2s}.edit-profile-cancel:hover{background:#242424}.edit-profile-save{background:#db4a1e;border:none;border-radius:28px;color:#fff;cursor:pointer;font-family:DM Mono,monospace;font-size:13px;letter-spacing:1.5px;padding:14px 38px;transition:background .2s,transform .1s}.edit-profile-save:hover:not(:disabled){background:#e5562a}.edit-profile-save:disabled{cursor:not-allowed;opacity:.6}@media (max-width:720px){.edit-profile-overlay{padding:12px}.edit-profile-modal{border-radius:16px;max-height:92vh;padding:20px 22px 24px}.edit-profile-modal--pw{max-width:100%}.edit-profile-grid{gap:24px;grid-template-columns:1fr}.edit-profile-avatar{font-size:52px;height:130px;width:130px}.edit-profile-right{gap:14px}.edit-profile-input{border-radius:24px;font-size:14px;padding:14px 18px}.edit-profile-pw-row{border-radius:24px;padding:4px 4px 4px 18px}.edit-profile-bottom{flex-direction:row;gap:10px}.edit-profile-cancel,.edit-profile-save{flex:1 1;font-size:12px;letter-spacing:1.2px;padding:13px 16px}}@media (max-width:480px){.edit-profile-overlay{padding:8px}.edit-profile-modal{border-radius:14px;padding:18px 16px 20px}.edit-profile-avatar{font-size:44px;height:110px;width:110px}.edit-profile-change-image{font-size:11px;letter-spacing:1.2px;padding:10px 18px}.edit-profile-label{font-size:11px;letter-spacing:1.2px;margin-bottom:6px}.edit-profile-input{font-size:13px;padding:12px 16px}.edit-profile-change-pw{font-size:10px;padding:9px 16px}.edit-profile-bottom{margin-top:12px}}@media (max-width:380px){.edit-profile-modal{padding:14px 12px 18px}.edit-profile-grid{gap:18px}.edit-profile-avatar{font-size:38px;height:96px;width:96px}.edit-profile-input{padding:11px 14px}}.admin-review-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;display:flex;flex-direction:column;gap:12px;height:100%;padding:20px;transition:background .25s,border-color .25s,transform .25s}.admin-review-card .admin-remove-btn{margin-top:auto}.admin-review-card-clickable{cursor:pointer}.admin-review-card-clickable:focus-visible{outline:2px solid #db4a1e;outline-offset:2px}.admin-list-row.admin-review-card-clickable{cursor:pointer;transition:background .2s}.admin-list-row.admin-review-card-clickable:hover{background:#ffffff0f}.admin-review-card:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-4px)}.admin-review-header{align-items:center;display:flex;gap:14px}.admin-review-album-art{background:#ffffff0d;border-radius:8px;flex-shrink:0;height:64px;overflow:hidden;width:64px}.admin-review-album-art img{display:block;height:100%;object-fit:cover;width:100%}.admin-review-album-info{display:flex;flex-direction:column;gap:4px;min-width:0}.admin-review-album-title{color:#fff;font-family:DM Sans,sans-serif;font-size:15px;font-weight:700;letter-spacing:.2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-review-meta{color:#ffffff8c;font-family:DM Mono,Roboto Mono,monospace;font-size:11px;letter-spacing:1px}.admin-review-rating{color:#f5c518;font-size:15px;letter-spacing:2px}.admin-review-title{color:#fff;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600}.admin-review-text{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#ffffffbf;display:-webkit-box;font-family:DM Sans,sans-serif;font-size:13px;line-height:1.55;overflow:hidden}.admin-review-empty{color:#ffffff80;font-family:DM Mono,Roboto Mono,monospace;font-size:13px;grid-column:1/-1;letter-spacing:1.5px;padding:40px;text-align:center}.confirm-modal-backdrop{align-items:center;animation:confirmFadeIn .18s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#000000a6;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.confirm-modal,.confirm-modal-backdrop{font-family:DM Sans,system-ui,sans-serif}.confirm-modal{animation:confirmPopIn .22s cubic-bezier(.2,.9,.3,1.2);background:#1a1a1a;border:1px solid #ffffff1a;border-radius:14px;box-shadow:0 20px 60px #00000080;padding:28px 28px 22px;width:min(420px,calc(100% - 40px))}.confirm-modal-title{color:#fff;font-family:DM Sans,system-ui,sans-serif;font-size:20px;font-weight:700;letter-spacing:.5px;margin-bottom:10px}.confirm-modal-message{color:#ffffffb3;font-family:DM Sans,system-ui,sans-serif;font-size:14px;line-height:1.5;margin-bottom:22px}.confirm-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.confirm-modal-cancel,.confirm-modal-confirm{border:none;border-radius:8px;cursor:pointer;font-family:DM Sans,system-ui,sans-serif;font-size:13px;font-weight:700;letter-spacing:.8px;padding:10px 22px;transition:background .2s,transform .15s,color .2s}.confirm-modal-cancel{background:#ffffff14;color:#ffffffd9}.confirm-modal-cancel:hover{background:#ffffff26}.confirm-modal-confirm{background:#db4a1e;color:#fff}.confirm-modal-confirm:hover{background:#e5562a;transform:translateY(-1px)}.confirm-modal-confirm.is-danger{background:#dc2626}.confirm-modal-confirm.is-danger:hover{background:#ef4444}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes confirmPopIn{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}body:has(.cm-wiz-page),html:has(.cm-wiz-page){background:#0d0d0d}.cm-wiz-page{background:#0d0d0d;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:DM Sans,Roboto,sans-serif;min-height:100vh;padding:110px 32px 32px}.cm-wiz-topbar{align-items:center;display:flex;gap:24px;margin:0 auto;max-width:860px;width:100%}.cm-wiz-progress{display:flex;flex:1 1;gap:6px}.cm-wiz-progress-seg{background:#ffffff14;border-radius:999px;flex:1 1;height:4px;transition:background .4s ease}.cm-wiz-progress-seg.done{background:#db4a1e}.cm-wiz-close{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;font-size:20px;height:36px;justify-content:center;line-height:1;transition:background .2s,transform .15s;width:36px}.cm-wiz-close:hover{background:#ffffff24;transform:scale(1.05)}.cm-wiz-body{align-items:flex-start;display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:35px 16px 24px}.cm-wiz-step{align-items:center;animation:cmWizSlideIn .4s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;max-width:560px;text-align:center;width:100%}.cm-wiz-step-wide{align-items:stretch;max-width:860px;text-align:left}@keyframes cmWizSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cm-wiz-eyebrow{color:#fff6;font-family:DM Mono,Roboto Mono,monospace;font-size:11px;letter-spacing:2px;margin-bottom:16px}.cm-wiz-step-wide .cm-wiz-eyebrow{text-align:left}.cm-wiz-prompt{font-size:36px;font-weight:700;letter-spacing:-.5px;line-height:1.15;margin:0 0 12px}.cm-wiz-prompt,.cm-wiz-sub{font-family:DM Sans,sans-serif}.cm-wiz-sub{color:#ffffff8c;font-size:15px;margin:0 0 40px}.cm-wiz-bigInput{background:#0000;border:none;color:#fff;font-family:DM Sans,sans-serif;font-size:28px;font-weight:600;outline:none;padding:12px 0 14px;text-align:center;width:100%}.cm-wiz-bigInput::placeholder{color:#fff3;font-weight:500}.cm-wiz-bigInput::selection{background:#db4a1e;color:#fff}.cm-wiz-counter{color:#ffffff59;font-family:DM Mono,monospace;font-size:11px;letter-spacing:1px;margin-top:10px}.cm-wiz-cover{align-items:center;background:#ffffff08;border:2px dashed #ffffff26;border-radius:16px;cursor:pointer;display:flex;height:280px;justify-content:center;overflow:hidden;transition:border-color .2s,background .2s,transform .2s;width:280px}.cm-wiz-cover:hover{background:#db4a1e0a;border-color:#db4a1e99;transform:translateY(-2px)}.cm-wiz-cover.has-image{border-color:#ffffff1a;border-style:solid}.cm-wiz-cover-preview{height:100%;object-fit:cover;width:100%}.cm-wiz-cover-placeholder{align-items:center;color:#fff6;display:flex;flex-direction:column;gap:14px}.cm-wiz-cover-placeholder,.cm-wiz-textBtn{font-family:DM Sans,sans-serif;font-size:14px}.cm-wiz-textBtn{background:none;border:none;color:#db4a1e;cursor:pointer;font-weight:600;margin-top:16px;padding:6px 12px}.cm-wiz-textBtn:hover{text-decoration:underline}.cm-wiz-step .cm-wiz-field{margin-bottom:24px;text-align:left;width:100%}.cm-wiz-label{color:#ffffff80;display:block;font-family:DM Mono,monospace;font-size:11px;letter-spacing:1.5px;margin-bottom:10px}.cm-wiz-textarea{background:#ffffff08;border:1px solid #ffffff1f;border-radius:12px;box-sizing:border-box;color:#fff;font-family:DM Sans,sans-serif;font-size:14px;min-height:60px;outline:none;overflow:hidden;padding:14px 16px;resize:none;transition:border-color .2s;width:100%}.cm-wiz-counter-right{margin-top:6px;text-align:right}.cm-wiz-step .cm-wiz-field-desc{margin-bottom:0}.cm-wiz-genres{display:flex;flex-wrap:nowrap;gap:8px;margin:8px 0 20px;overflow-x:auto;scrollbar-width:none}.cm-wiz-genres::-webkit-scrollbar{display:none}.cm-wiz-genre-pill{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;color:#fffc;cursor:pointer;flex:0 0 auto;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;padding:8px 16px;transition:background .2s,border-color .2s,color .2s;white-space:nowrap}.cm-wiz-genre-pill:hover{background:#ffffff14;border-color:#ffffff40;color:#fff}.cm-wiz-genre-pill.active{background:#db4a1e;border-color:#db4a1e;box-shadow:0 2px 12px #db4a1e66;color:#fff}.cm-wiz-textarea:focus{border-color:#db4a1e}.cm-wiz-textarea::placeholder{color:#ffffff4d}.cm-wiz-error{color:#ff6b6b;font-family:DM Sans,sans-serif;font-size:13px;margin:0 0 12px;text-align:center}.cm-wiz-footer{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:0 auto;max-width:720px;padding-top:16px;width:100%}.cm-wiz-floating-action{bottom:32px;left:50%;position:fixed;transform:translateX(-50%);z-index:50}.cm-wiz-floating-action .cm-wiz-next{box-shadow:0 6px 24px #db4a1e80;font-size:13px;padding:16px 48px}.cm-wiz-page{padding-bottom:120px}.cm-wiz-back{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:50%;color:#ffffffb3;cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:background .2s,color .2s,transform .15s;width:36px}.cm-wiz-back svg{height:18px;width:18px}.cm-wiz-back:hover{background:#ffffff24;color:#fff;transform:scale(1.05)}.cm-wiz-next{background:#db4a1e;border:none;border-radius:999px;box-shadow:0 2px 12px #db4a1e66;color:#fff;cursor:pointer;font-family:DM Mono,monospace;font-size:12px;font-weight:600;letter-spacing:1.5px;padding:14px 36px;text-transform:uppercase;transition:background .2s,box-shadow .2s,opacity .2s}.cm-wiz-next:hover:not(:disabled){background:#e5562a;box-shadow:0 4px 18px #db4a1e8c}.cm-wiz-next:disabled{box-shadow:none;cursor:not-allowed;opacity:.35}@media (max-width:640px){.cm-wiz-page{padding:84px 18px 24px}.cm-wiz-prompt{font-size:26px}.cm-wiz-bigInput{font-size:22px}.cm-wiz-cover{height:220px;width:220px}.cm-wiz-body{padding:32px 0 16px}}
/*# sourceMappingURL=main.166e2434.css.map*/