@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@300;400;500&family=Inter:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@300;400;500;600&family=Inter:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";@import"https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";.mixtape-intro{--intro-primary: #aec6ff;--intro-on-primary: #ffffff;--intro-secondary: #ffdb9d;--intro-surface: #131313;--intro-surface-low: #1c1b1b;--intro-surface-high: #2a2a2a;--intro-outline: #414754;--intro-on-surface: #e5e2e1;--intro-on-surface-variant: #c1c6d7;position:relative;min-height:max(884px,100dvh);background:var(--intro-surface);color:var(--intro-on-surface);font-family:Inter,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}.mixtape-intro *{box-sizing:border-box}.mixtape-intro__filmgrain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;background-image:url(https://lh3.googleusercontent.com/aida-public/AB6AXuCoJzE2aLj2s4hdaJrAnpSc80gJYdKOjEyxNjWWrxJGxOj2ruKxudGWPal5nDeS_4T_HYZ3MsHN1MihsRZhmNigikmjrGK3ZKzn8e7nCeDdKdL0EMQlO4rP9UkQqVfwCHHRj78oJKlM4CL3gPsUgZDv0uZYjqUXI655ObhSWEv44mX7W_gnAjinBpxu-LPc3VcD4g-NbsEpWk0kWyWrz8y52-S87oEDZSvJW8OlGglX9aLb3l828ivDpwacCf2n1Ppdp83rjPPhA-4);opacity:.03}.mixtape-intro__topbar{position:fixed;top:0;left:0;width:100%;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#131313}.mixtape-intro__topbrand,.mixtape-intro__topmeta{display:flex;align-items:center;gap:12px}.mixtape-intro__topicon{font-family:Material Symbols Outlined;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;color:var(--intro-primary);font-size:20px}.mixtape-intro__toplabel,.mixtape-intro__status,.mixtape-intro__meta p,.mixtape-intro__navitem span:last-child,.mixtape-intro__cornerMeta span{font-family:IBM Plex Mono,monospace;text-transform:uppercase}.mixtape-intro__toplabel{font-family:Space Grotesk,sans-serif;color:var(--intro-primary);font-size:1.125rem;font-weight:700;letter-spacing:.18em}.mixtape-intro__status{color:var(--intro-on-surface-variant);font-size:10px;letter-spacing:.18em;opacity:.6}.mixtape-intro__avatar{width:32px;height:32px;overflow:hidden;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#353534;border:1px solid rgba(193,198,215,.2)}.mixtape-intro__avatar img{width:100%;height:100%;object-fit:cover}.mixtape-intro__main{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px 96px;overflow:hidden}.mixtape-intro__spotlight{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 45%,#201f1f 0%,#131313 70%);opacity:.6;pointer-events:none}.mixtape-intro__artifact{position:relative;z-index:10;width:100%;max-width:56rem;display:flex;flex-direction:column;align-items:center}.mixtape-intro__meta{margin-bottom:48px;text-align:center}.mixtape-intro__meta p{margin:0 0 8px;font-size:11px;letter-spacing:.3em;color:var(--intro-secondary)}.mixtape-intro__meta h1{margin:0;font-family:Space Grotesk,sans-serif;font-weight:300;letter-spacing:-.03em;font-size:clamp(2.25rem,5vw,3rem);color:var(--intro-on-surface)}.mixtape-intro__cassetteWrap{position:relative;transition:transform .7s ease-out}.mixtape-intro__cassetteWrap:hover{transform:scale(1.02)}.mixtape-intro__cassette{position:relative;width:20rem;height:auto;display:block}.mixtape-intro__note{margin-top:64px;max-width:28rem;text-align:center}.mixtape-intro__note p{margin:0;color:var(--intro-on-surface-variant);line-height:1.75;font-size:.95rem;opacity:.8}.mixtape-intro__ctaRow{margin-top:48px}.mixtape-intro__cta{position:relative;overflow:hidden;padding:16px 40px;border:none;background:#0070f3;color:var(--intro-on-primary);font-family:Space Grotesk,sans-serif;font-weight:700;font-size:12px;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.mixtape-intro__cta:active{transform:scale(.95)}.mixtape-intro__cta span{position:relative;z-index:1}.mixtape-intro__ctaGlow{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,.1);opacity:0;transition:opacity .2s ease}.mixtape-intro__cta:hover .mixtape-intro__ctaGlow{opacity:1}.mixtape-intro__ctaField{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:1px solid rgba(174,198,255,.2);opacity:0;transform:scale(1.1);transition:opacity .3s ease,transform .3s ease}.mixtape-intro__cta:hover .mixtape-intro__ctaField{opacity:1;transform:scale(1)}.mixtape-intro__shelf{position:fixed;bottom:0;left:0;width:100%;height:128px;z-index:0;border-top:1px solid rgba(193,198,215,.05);background:linear-gradient(180deg,#131313 0%,#1c1b1b 100%)}.mixtape-intro__shelfDetail{width:100%;height:100%;opacity:.1;display:flex;justify-content:center;align-items:flex-end;gap:4px;padding-bottom:32px}.mixtape-intro__shelfDetail div{width:2px;height:48px;background:var(--intro-on-surface-variant)}.mixtape-intro__bottomnav{position:fixed;bottom:0;left:0;width:100%;z-index:50;height:80px;padding:0 32px 16px;display:flex;justify-content:space-around;align-items:center;background:rgba(14,14,14,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(193,198,215,.15);box-shadow:0 -10px 30px #00000080}.mixtape-intro__navitem{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#353534;cursor:pointer;transition:color .18s ease}.mixtape-intro__navitem:hover{color:var(--intro-primary)}.mixtape-intro__navitem .material-symbols-outlined{font-family:Material Symbols Outlined;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.mixtape-intro__navitem span:last-child{margin-top:4px;font-size:10px;letter-spacing:.02em}.mixtape-intro__navitem--active{color:var(--intro-primary);filter:drop-shadow(0 0 8px rgba(174,198,255,.6));transform:translateY(2px)}.mixtape-intro__navitem--active .material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.mixtape-intro__cornerMeta{position:fixed;right:32px;bottom:96px;z-index:40;display:none;flex-direction:column;align-items:flex-end;gap:4px;opacity:.4}.mixtape-intro__cornerMeta span{color:var(--intro-on-surface-variant);font-size:9px;letter-spacing:.18em}.mixtape-intro__cornerLine{width:48px;height:1px;margin-top:8px;background:rgba(193,198,215,.3)}.mixtape-intro__scanlines{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;opacity:.03;background-image:linear-gradient(rgba(18,16,16,0) 50%,rgba(0,0,0,.25) 50%),linear-gradient(90deg,rgba(255,0,0,.06),rgba(0,255,0,.02),rgba(0,0,255,.06));background-size:100% 2px,3px 100%}@media (min-width: 768px){.mixtape-intro__cassette{width:450px}.mixtape-intro__cornerMeta{display:flex}}.mixtape-console{min-height:max(884px,100dvh);background:#0e0e0e;color:#e5e2e1;font-family:Inter,sans-serif;overflow-x:hidden;position:relative}.mixtape-console *{box-sizing:border-box}.mixtape-console__engine{position:fixed;width:1px;height:1px;left:-9999px;top:0;opacity:0;pointer-events:none}.mixtape-console__grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;opacity:.03;background-image:url(https://lh3.googleusercontent.com/aida-public/AB6AXuBT3mDFRrYClJlA7CAVA3txt1jRRKdfvomlHYfymNMhhE4VA7ulgTHcq8ITLgwoXB53dUr4R0TBkXkLw4NV-hF_3tFqt81Zbuw6iavKas8VTUoyLrrihqRTqG1F1emt0kZwrqIrymSXLkFMKsfJW6pNUjR-cawUuR_39ybfmAUSKzgBN2FlAAB6tBREimc87KADnVNYU7yHPpr4G1f67U3VPHHD0Ej6Byev0f6xv6dC6iUSLV4UxQuTe5uK3o5DpUnNXUkwRELIZsM)}.mixtape-console__topbar{position:fixed;top:0;left:0;width:100%;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:rgba(19,19,19,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}.mixtape-console__topbrand,.mixtape-console__topmeta{display:flex;align-items:center;gap:16px}.mixtape-console .material-symbols-outlined{font-family:Material Symbols Outlined;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.mixtape-console__topbrand .material-symbols-outlined{color:#aec6ff}.mixtape-console__topbrand h1{margin:0;color:#aec6ff;font-family:Space Grotesk,sans-serif;font-size:1.125rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.mixtape-console__topmetaItem,.mixtape-console__brand span,.mixtape-console__footer span,.mixtape-console__hudTop span,.mixtape-console__hudBody p,.mixtape-console__jcardHead span,.mixtape-console__jcardFoot p,.mixtape-console__bottomnav span:last-child{font-family:IBM Plex Mono,monospace;text-transform:uppercase}.mixtape-console__topmetaItem{color:#c1c6d7;font-size:10px;letter-spacing:.18em;opacity:.6;display:none}.mixtape-console__avatar{width:40px;height:40px;border-radius:999px;overflow:hidden;border:1px solid #414754;display:flex;align-items:center;justify-content:center}.mixtape-console__avatar img{width:100%;height:100%;object-fit:cover}.mixtape-console__main{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:112px 24px 128px;gap:48px}.mixtape-console__glow{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.mixtape-console__glow:before{content:"";width:800px;height:800px;border-radius:999px;background:rgba(174,198,255,.05);filter:blur(120px)}.mixtape-console__layout{position:relative;z-index:10;width:100%;max-width:1000px;display:grid;grid-template-columns:1fr;gap:32px;align-items:start}.mixtape-console__jcardCol{order:2}.mixtape-console__playerCol{order:1;display:flex;flex-direction:column;gap:32px}.mixtape-console__jcardCol,.mixtape-console__playerCol{position:relative}.mixtape-console__jcardShadow{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:8px;background:linear-gradient(to bottom,#3a3939,#131313);box-shadow:0 24px 48px #00000080;opacity:.5}.mixtape-console__jcard{position:relative;overflow:hidden;padding:24px;border-inline:12px solid #1c1b1b;border-block:8px solid #1c1b1b;background-color:#f2f2eb;background-image:url(https://lh3.googleusercontent.com/aida-public/AB6AXuDhTgrrnycI8YZVq8CC-GLxF9ryc-qQk1_qU4c25iTwTYJlEz_bhS2ETkj8wDKqGplH5Z7Tn-CoUO8utunqBl9Y_3DrmyC2X4eP2-WZp-uLXDspXGzkzoXZrCwqjRvkUYxlSSQI7aYNihdzluGR_6BJ6ycYjJ7Rp2DqG7-erDD6fbeJsgGdzC-rZfs0KkPJtuwDyfCyjo3l-JoT4nTGFX7bFo8_L3Mwtz4oTJ5WJ9hUmafVF6DWtZssrAIe0z2R1HXhu8Bb8_kXWiI);background-blend-mode:multiply;box-shadow:inset 0 0 24px #0000001a}.mixtape-console__jcardHead{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.1)}.mixtape-console__jcardHeadRow{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.mixtape-console__jcardHead h4{margin:0;color:#18181b;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:900;letter-spacing:-.03em}.mixtape-console__jcardHead span{color:#a1a1aa;font-size:10px}.mixtape-console__jcardList{list-style:none;padding:0;margin:0;display:grid;gap:16px;color:#3f3f46;font-family:IBM Plex Mono,monospace;font-size:.875rem}.mixtape-console__jcardList li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:16px;cursor:pointer}.mixtape-console__jcardList li span:nth-child(1){color:#a1a1aa;font-size:12px}.mixtape-console__jcardList li span:nth-child(2){border-bottom:1px dotted #d4d4d8}.mixtape-console__jcardList li span:nth-child(3){font-size:12px;font-style:italic}.mixtape-console__jcardList li.active{position:relative;margin-inline:-16px;padding:4px 16px;font-weight:700;color:#18181b;background:rgba(255,219,157,.15)}.mixtape-console__jcardList li.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#aec6ff}.mixtape-console__jcardFoot{margin-top:48px;display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.mixtape-console__print{width:56px;height:56px;border:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;opacity:.3;filter:grayscale(1)}.mixtape-console__print .material-symbols-outlined{font-size:32px}.mixtape-console__jcardFoot p{margin:0;max-width:140px;color:#a1a1aa;font-size:8px;line-height:1.4}.mixtape-console__jcardWash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top right,rgba(0,0,0,.05),transparent,rgba(255,255,255,.1))}.mixtape-console__hud{position:relative;overflow:hidden;border-radius:2px;background:#000;padding:2px;box-shadow:0 0 15px #aec6ff26}.mixtape-console__hudPulse{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(174,198,255,.05);animation:consolePulse 1.8s ease-in-out infinite;pointer-events:none}.mixtape-console__hudInner{position:relative;overflow:hidden;border:1px solid rgba(174,198,255,.2);background:#0e0e0e;padding:24px}.mixtape-console__hudScanlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.2;background-image:linear-gradient(rgba(18,16,16,0) 50%,rgba(0,0,0,.25) 50%);background-size:100% 2px}.mixtape-console__hudTop{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.mixtape-console__hudTop span:first-child{color:#aec6ff;font-size:10px;letter-spacing:.2em;display:inline-flex;align-items:center;gap:8px}.mixtape-console__hudTop span:last-child{color:#aec6ff66;font-size:9px}.mixtape-console__statusDot{width:6px;height:6px;border-radius:999px;background:#aec6ff;box-shadow:0 0 8px #aec6ff}.mixtape-console__hudBody{position:relative}.mixtape-console__hudBody p{margin:0 0 8px;color:#e5e2e166;font-size:10px}.mixtape-console__hudBody h3{margin:0;color:#aec6ff;font-family:Space Grotesk,sans-serif;font-size:clamp(1.9rem,4vw,3rem);font-weight:700;line-height:1;letter-spacing:-.03em;text-transform:uppercase}.mixtape-console__hudProgressRow{display:flex;align-items:center;gap:16px;padding-top:16px}.mixtape-console__hudProgress{flex:1;height:8px;overflow:hidden;border:1px solid rgba(255,255,255,.05);border-radius:999px;background:#1c1b1b}.mixtape-console__hudProgressFill{height:100%;background:#aec6ff;box-shadow:0 0 15px #aec6ff}.mixtape-console__hudProgressRow span{color:#aec6ff;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:700}.mixtape-console__walkman{position:relative;overflow:hidden;border-radius:16px;border:2px solid rgba(255,255,255,.1);padding:24px;background:linear-gradient(135deg,#1a365d 0%,#0c1b33 100%);box-shadow:0 10px 30px #000c,inset 0 1px 2px #ffffff1a}.mixtape-console__metalTexture{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1;pointer-events:none;background-image:url(https://www.transparenttextures.com/patterns/brushed-alum.png)}.mixtape-console__walkmanTop{position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;padding-inline:8px}.mixtape-console__brand h2{margin:0;color:#ffffffe6;font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-style:italic;font-weight:900;letter-spacing:.2em}.mixtape-console__brand span{color:#fff6;font-size:8px;letter-spacing:.4em}.mixtape-console__latch{position:relative;width:48px;height:56px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#27272a;box-shadow:0 4px 12px #0006;cursor:pointer}.mixtape-console__latch div{width:32px;height:4px;margin:0 auto 4px;border-radius:999px;background:#52525b}.mixtape-console__latch div:first-child{margin-top:10px}.mixtape-console__latch span{position:absolute;bottom:4px;left:50%;transform:translate(-50%);color:#ffffff4d;font-family:IBM Plex Mono,monospace;font-size:6px;text-transform:uppercase}.mixtape-console__windowWrap{position:relative;aspect-ratio:1.6 / 1;width:100%;max-width:420px;margin:0 auto 40px}.mixtape-console__window{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;display:flex;align-items:center;justify-content:center;border:4px solid #18181b;border-radius:10px;background:#000;box-shadow:inset 0 8px 24px #000c}.mixtape-console__hubGlow{position:absolute;top:50%;width:32px;height:32px;border-radius:999px;background:rgba(174,198,255,.05);filter:blur(20px);transform:translateY(-50%);animation:consolePulse 1.8s ease-in-out infinite}.mixtape-console__hubGlow--left{left:25%;transform:translate(-50%,-50%)}.mixtape-console__hubGlow--right{right:25%;transform:translate(50%,-50%)}.mixtape-console__cassette{position:relative;z-index:10;width:85%;height:auto;opacity:1;transition:transform .5s ease;filter:drop-shadow(0 20px 40px rgba(0,0,0,.9))}.mixtape-console__cassette:hover{transform:scale(1.05)}.mixtape-console__dust{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.2;pointer-events:none;mix-blend-mode:overlay;background-image:url(https://www.transparenttextures.com/patterns/dust.png)}.mixtape-console__glass{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;overflow:hidden;pointer-events:none;border:1px solid rgba(255,255,255,.05);border-radius:10px;background:rgba(255,255,255,.01);-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);box-shadow:inset 0 0 20px #0006}.mixtape-console__glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 60%,rgba(255,255,255,.02) 100%)}.mixtape-console__glassHighlight{position:absolute;top:0;left:0;width:100%;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.1),transparent)}.mixtape-console__screws{position:absolute;top:50%;display:flex;flex-direction:column;gap:48px;transform:translateY(-50%)}.mixtape-console__screws--left{left:-16px}.mixtape-console__screws--right{right:-16px}.mixtape-console__screws span{width:8px;height:8px;border-radius:999px;border:1px solid rgba(255,255,255,.05);background:#27272a;box-shadow:inset 0 1px 2px #00000080}.mixtape-console__controls{display:flex;align-items:flex-end;justify-content:center;gap:12px;padding-inline:8px}.mixtape-console__chromeBtn,.mixtape-console__playBtn{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;font-family:IBM Plex Mono,monospace;text-transform:uppercase}.mixtape-console__chromeBtn{flex:1;height:56px;border:1px solid #1f2937;background:linear-gradient(180deg,#e5e7eb 0%,#9ca3af 50%,#4b5563 100%);box-shadow:0 4px #111827,0 6px 10px #0006,inset 0 1px 1px #fffc}.mixtape-console__playBtn{flex:1.4;height:64px;position:relative;overflow:hidden;background:linear-gradient(180deg,#60a5fa 0%,#2563eb 100%);box-shadow:0 4px #1e3a8a,0 8px 15px #2563eb4d,inset 0 1px 1px #fff6}.mixtape-console__playBtn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(255,255,255,.05);opacity:0;transition:opacity .18s ease}.mixtape-console__playBtn:hover:before{opacity:1}.mixtape-console__chromeBtn:active,.mixtape-console__playBtn:active{transform:translateY(3px)}.mixtape-console__chromeBtn:active{box-shadow:0 1px #111827,0 2px 4px #0009,inset 0 1px 4px #00000080}.mixtape-console__playBtn:active{box-shadow:0 1px #1e3a8a,0 2px 5px #00000080,inset 0 1px 5px #0006}.mixtape-console__chromeBtn .material-symbols-outlined,.mixtape-console__playBtn .material-symbols-outlined{color:#1f2937;font-size:18px}.mixtape-console__playBtn .material-symbols-outlined{color:#fff;font-size:32px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.mixtape-console__chromeBtn span:last-child,.mixtape-console__playBtn span:last-child{color:#18181b99;font-size:7px;font-weight:700}.mixtape-console__playBtn span:last-child{margin-top:4px;color:#fff;font-size:8px}.mixtape-console__chromeBtn--rec{background:linear-gradient(180deg,#e5e7eb 0%,#9ca3af 50%,#4b5563 100%)}.mixtape-console__recDot{width:8px;height:8px;margin-bottom:4px;border-radius:999px;background:#dc2626;box-shadow:0 0 5px #dc2626cc;animation:consolePulse 1.8s ease-in-out infinite}.mixtape-console__footer{margin-top:32px;padding-top:16px;padding-inline:8px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;gap:16px}.mixtape-console__peak{display:flex;align-items:center;gap:16px}.mixtape-console__peakBar{width:32px;height:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#000}.mixtape-console__peakFill{height:100%;background:#f97316;box-shadow:0 0 5px #f97316cc}.mixtape-console__peak span,.mixtape-console__footerMeta span{color:#fff6;font-size:8px;letter-spacing:.2em}.mixtape-console__bottomnav{position:fixed;bottom:0;left:0;width:100%;z-index:50;height:80px;padding:0 32px 16px;display:flex;justify-content:space-around;align-items:center;background:rgba(14,14,14,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1)}.mixtape-console__bottomnav button{border:none;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#353534;transition:color .18s ease,transform .18s ease,filter .18s ease;cursor:pointer}.mixtape-console__bottomnav button:hover{color:#aec6ff}.mixtape-console__bottomnav button.active{color:#aec6ff;transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(174,198,255,.6))}.mixtape-console__bottomnav button.active .material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.mixtape-console__bottomnav span:last-child{margin-top:4px;font-size:10px;letter-spacing:.02em}.mixtape-console__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;overflow:hidden;opacity:.2}.mixtape-console__backdropFade{position:absolute;left:0;bottom:0;width:100%;height:30%;background:linear-gradient(to top,#000,transparent)}.mixtape-console__backdropOrb{position:absolute;border-radius:999px}.mixtape-console__backdropOrb--right{top:25%;right:-80px;width:600px;height:600px;background:rgba(174,198,255,.05);filter:blur(150px)}.mixtape-console__backdropOrb--left{left:-80px;bottom:25%;width:400px;height:400px;background:rgba(255,219,157,.05);filter:blur(100px)}@keyframes consolePulse{0%,to{opacity:.35}50%{opacity:1}}@media (min-width: 768px){.mixtape-console__topmetaItem{display:inline}}@media (min-width: 1024px){.mixtape-console__layout{grid-template-columns:repeat(5,minmax(0,1fr))}.mixtape-console__jcardCol{grid-column:span 2 / span 2;order:1}.mixtape-console__playerCol{grid-column:span 3 / span 3;order:2}}:root{--mixtape-bg: #0a0908;--mixtape-bg-soft: #171311;--mixtape-metal: #f0e2cb;--mixtape-muted: rgba(240, 226, 203, .62);--mixtape-line: rgba(240, 226, 203, .14);--mixtape-accent: #e6a549;--mixtape-accent-strong: #d66924;--mixtape-display: "Anton", sans-serif;--mixtape-sans: "Inter", ui-sans-serif, system-ui, sans-serif;--mixtape-mono: "JetBrains Mono", ui-monospace, monospace}body{font-family:var(--mixtape-sans)}.mixtape-page,.mixtape-dd{min-height:100vh;background:radial-gradient(circle at top,rgba(230,165,73,.15),transparent 30%),linear-gradient(180deg,#0d0b0a 0%,#050504 100%);color:var(--mixtape-metal)}.mixtape-page__shell,.mixtape-dd__shell{width:min(1180px,calc(100% - 24px));margin:0 auto;padding:18px 0 44px}.mixtape-page__topbar,.mixtape-page__brand,.mixtape-page__handoff,.mixtape-page__portrait,.mixtape-page__panel,.mixtape-dd__head,.mixtape-dd__shell{display:grid;gap:14px}.mixtape-page__topbar{grid-template-columns:1fr auto;align-items:start}.mixtape-page__brand span,.mixtape-page__handoff span,.mixtape-dd__kicker,.mixtape-dd__meta span,.mixtape-shell__brand span,.mixtape-shell__status span,.mixtape-controls__time,.mixtape-tracklist__head,.mixtape-page__message,.mixtape-page__rotate,.mixtape-cassette__brand,.mixtape-cassette__side,.mixtape-cassette__meta{font-family:var(--mixtape-mono);letter-spacing:.16em;text-transform:uppercase}.mixtape-page__brand span,.mixtape-page__handoff span,.mixtape-dd__kicker{font-size:10px;color:var(--mixtape-muted)}.mixtape-page__brand strong,.mixtape-dd__head h1,.mixtape-page__handoff h1,.mixtape-cassette__titleband h2,.mixtape-page__trackcopy strong{font-family:var(--mixtape-display);font-weight:400;letter-spacing:.02em;text-transform:uppercase}.mixtape-page__brand strong{font-size:clamp(2.2rem,6vw,4.5rem);line-height:.92}.mixtape-page__exit{color:var(--mixtape-metal);text-decoration:none;border:1px solid var(--mixtape-line);background:rgba(255,255,255,.02);padding:12px 16px;font:500 11px var(--mixtape-mono);letter-spacing:.14em;text-transform:uppercase}.mixtape-page__handoff{max-width:56ch}.mixtape-page__handoff h1,.mixtape-dd__head h1{margin:0;font-size:clamp(2rem,7vw,4.8rem);line-height:.9}.mixtape-page__handoff p,.mixtape-dd__head p{margin:0;max-width:44ch;color:#f0e2cbc7;line-height:1.7;font-size:14px}.mixtape-page__portrait{gap:12px}.mixtape-page__landscape-shell{max-width:none}.mixtape-page__panel,.mixtape-page__landscape-grid{gap:18px}.mixtape-page__portrait-shell{padding:16px 16px 18px}.mixtape-page__panel--portrait{gap:12px}.mixtape-page__cassette-rack{padding:10px 0 4px}.mixtape-page__cassette-hero{width:min(100%,540px)}.mixtape-page__nowplaying{display:flex;align-items:start;justify-content:space-between;gap:12px}.mixtape-page__trackcopy{display:grid;gap:4px;min-width:0}.mixtape-page__trackcopy span{font:500 10px var(--mixtape-mono);letter-spacing:.16em;color:var(--mixtape-muted)}.mixtape-page__trackcopy strong{font-size:clamp(1.45rem,3.2vw,2.2rem);line-height:.94}.mixtape-page__trackcopy em{font-style:normal;color:#f0e2cbc7}.mixtape-page__state{padding:8px 10px;border-radius:999px;border:1px solid var(--mixtape-line);background:rgba(255,255,255,.02);font:500 10px var(--mixtape-mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.mixtape-page__state.live{background:linear-gradient(135deg,var(--mixtape-accent),var(--mixtape-accent-strong));color:#1d1209;border-color:transparent}.mixtape-page__progress{display:grid;gap:8px}.mixtape-page__progressbar{height:10px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.07)}.mixtape-page__progressfill{height:100%;background:linear-gradient(90deg,var(--mixtape-accent),var(--mixtape-accent-strong));transition:width .16s linear}.mixtape-page__progressmeta{display:flex;justify-content:space-between;gap:8px;font:500 10px var(--mixtape-mono);letter-spacing:.14em;color:var(--mixtape-muted)}.mixtape-page__message,.mixtape-page__rotate{text-align:center;font-size:10px;color:var(--mixtape-muted)}.mixtape-page__tracklist-wrap{border:1px solid var(--mixtape-line);border-radius:24px;background:linear-gradient(180deg,rgba(18,16,14,.86),rgba(10,9,8,.92));padding:16px 16px 18px;box-shadow:0 18px 40px #00000038}.mixtape-page__tracklist-wrap--compact{padding:14px;border-radius:20px;background:rgba(255,255,255,.02);box-shadow:none}.mixtape-page__thumb{width:78px;aspect-ratio:1 / 1;overflow:hidden;border-radius:14px;border:1px solid var(--mixtape-line);background:#090807;flex:0 0 auto}.mixtape-page__thumb img{width:100%;height:100%;object-fit:cover;display:block}.mixtape-page__engine{position:fixed;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none;left:-9999px;top:0}.mixtape-dd{position:relative}.mixtape-dd__atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 30%,rgba(230,165,73,.1),transparent 55%);pointer-events:none}.mixtape-dd__shell{position:relative;min-height:100vh;justify-items:center;align-content:center;gap:28px}.mixtape-dd__head{justify-items:center;text-align:center}.mixtape-dd__stationbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;background:rgba(19,19,19,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mixtape-dd__stationbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(180deg,rgba(28,27,27,1),transparent)}.mixtape-dd__stationbrand,.mixtape-dd__stationmeta{display:flex;align-items:center;gap:12px}.mixtape-dd__stationbrand .material-symbols-outlined,.mixtape-dd__stationmeta .material-symbols-outlined{color:#aec6ff}.mixtape-dd__stationbrand h1{margin:0;color:#aec6ff;font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.mixtape-dd__stationmeta span{color:#c1c6d799;font-size:10px;letter-spacing:.14em}.mixtape-dd__workspace{width:100%;display:grid;gap:48px;padding:20px 0 180px}.mixtape-dd__heroSection,.mixtape-dd__selectionSection,.mixtape-dd__metadataSection,.mixtape-dd__sequenceSection{display:grid;gap:24px}.mixtape-dd__heroLayout{display:grid;gap:32px;align-items:center}.mixtape-dd__heroTray{position:relative}.mixtape-dd__heroWell{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1.6 / 1;padding:32px;border:1px solid rgba(255,255,255,.05);border-radius:8px;background:#0e0e0e;box-shadow:inset 0 4px 12px #000c}.mixtape-dd__heroCassette{width:min(100%,560px);transform:scale(.96)}.mixtape-dd__heroCopy{display:grid;gap:18px}.mixtape-dd__heroKicker,.mixtape-dd__sectionHead p,.mixtape-dd__subHead h3,.mixtape-dd__field label,.mixtape-dd__fieldMeta span,.mixtape-dd__sectionActions button,.mixtape-dd__sequenceHead span,.mixtape-dd__signalItem span:first-child,.mixtape-dd__signalItem small,.mixtape-dd__emptySide p,.mixtape-dd__commitStatus strong,.mixtape-dd__commitStatus small,.mixtape-dd__bottomnav span:last-child,.mixtape-dd__blankCopy small,.mixtape-dd__sectionMeta{font-family:IBM Plex Mono,monospace;text-transform:uppercase}.mixtape-dd__heroKicker{color:#ffdb9d;font-size:10px;letter-spacing:.18em}.mixtape-dd__heroCopy h2,.mixtape-dd__sectionHead h3,.mixtape-dd__subHead h3{margin:0;font-family:Space Grotesk,sans-serif;font-weight:700;text-transform:uppercase}.mixtape-dd__heroCopy h2{font-size:clamp(2.5rem,5vw,4rem);line-height:.92}.mixtape-dd__heroCopy p{margin:0;max-width:44ch;color:#e5e2e1b8;line-height:1.7}.mixtape-dd__heroStatus{display:flex;align-items:center;gap:12px;padding-top:12px}.mixtape-dd__heroDot,.mixtape-dd__commitPulse{width:8px;height:8px;border-radius:999px;background:#ffdb9d;box-shadow:0 0 8px #ffdb9d}.mixtape-dd__heroStatus span{color:#ffdb9d;font-family:IBM Plex Mono,monospace;font-size:12px;text-transform:uppercase}.mixtape-dd__sectionHead,.mixtape-dd__sectionHead--tight{display:flex;justify-content:space-between;align-items:end;gap:16px;padding-bottom:16px;border-bottom:1px solid rgba(65,71,84,.2)}.mixtape-dd__sectionHead p{margin:4px 0 0;color:#c1c6d799;font-size:10px;letter-spacing:.14em}.mixtape-dd__sectionMeta{color:#aec6ff;font-size:10px;letter-spacing:.12em}.mixtape-dd__blankGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mixtape-dd__blankCard{position:relative;display:grid;gap:12px;padding:16px;border-radius:4px;border:1px solid transparent;background:#1c1b1b;color:var(--mixtape-metal);cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.mixtape-dd__blankCard:hover{background:#3a3939;border-color:#aec6ff4d}.mixtape-dd__blankCard.active{background:#2a2a2a;box-shadow:inset 0 0 0 1px #aec6ff80}.mixtape-dd__blankCheck{position:absolute;top:-4px;right:-4px;color:#aec6ff}.mixtape-dd__blankThumb{aspect-ratio:1 / 1;overflow:hidden;border-radius:4px;border:1px solid rgba(255,255,255,.05);background:#0e0e0e}.mixtape-dd__blankThumb img{width:100%;height:100%;object-fit:cover}.mixtape-dd__blankCopy{display:grid;gap:4px;text-align:left}.mixtape-dd__blankCopy span{font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700;text-transform:uppercase}.mixtape-dd__blankCopy small{color:#c1c6d79e;font-size:9px}.mixtape-dd__builderGrid{display:grid;gap:32px}.mixtape-dd__subHead{display:grid;gap:8px}.mixtape-dd__subHead div,.mixtape-dd__subline{width:48px;height:1px;background:#ffdb9d}.mixtape-dd__panel{background:#0e0e0e;border:1px solid rgba(255,255,255,.05);border-radius:4px;padding:24px}.mixtape-dd__panel--recessed{box-shadow:inset 0 4px 12px #000c}.mixtape-dd__field{display:grid;gap:8px}.mixtape-dd__panel--recessed,.mixtape-dd__sequenceGrid{display:grid;gap:24px}.mixtape-dd__field label{color:#c1c6d799;font-size:10px;letter-spacing:.16em}.mixtape-dd__field input,.mixtape-dd__field textarea{width:100%;resize:none;padding:0 0 8px;border:none;border-bottom:1px solid rgba(65,71,84,.3);background:transparent;color:var(--mixtape-metal);font-family:IBM Plex Mono,monospace;font-size:14px}.mixtape-dd__field input:focus,.mixtape-dd__field textarea:focus{outline:none;border-bottom-color:#aec6ff}.mixtape-dd__fieldMeta{display:flex;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid rgba(65,71,84,.1)}.mixtape-dd__fieldMeta span{color:#ffdb9d;font-size:9px}.mixtape-dd__sectionActions{display:flex;gap:16px}.mixtape-dd__sectionActions button{border:none;background:transparent;font-size:10px;cursor:pointer}.mixtape-dd__sectionActions button:first-child{color:#aec6ff;text-decoration:underline}.mixtape-dd__sectionActions button:last-child{color:#c1c6d766}.mixtape-dd__sequenceGrid{gap:1px;padding:1px;border:1px solid rgba(65,71,84,.1);border-radius:4px;background:rgba(65,71,84,.1)}.mixtape-dd__sequenceSide{display:grid;gap:16px;padding:24px;background:#1c1b1b}.mixtape-dd__sequenceHead{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid rgba(65,71,84,.2)}.mixtape-dd__sequenceHead span:first-child{color:#aec6ff;font-size:12px;letter-spacing:.18em;font-family:Space Grotesk,sans-serif;font-weight:700}.mixtape-dd__sequenceHead span:last-child{color:#c1c6d7c2;font-size:10px}.mixtape-dd__signalList{display:grid;gap:8px}.mixtape-dd__signalItem{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.05);border-radius:4px;background:#0e0e0e;cursor:pointer;transition:background .18s ease}.mixtape-dd__signalItem:hover{background:#2a2a2a}.mixtape-dd__signalItem span:first-child{color:#c1c6d7b8;font-size:10px}.mixtape-dd__signalItem div{min-width:0}.mixtape-dd__signalItem div div{color:var(--mixtape-metal);font-family:IBM Plex Mono,monospace;font-size:12px}.mixtape-dd__signalItem small{color:#c1c6d780;font-size:9px}.mixtape-dd__signalItem .material-symbols-outlined{color:#c1c6d766;font-size:16px}.mixtape-dd__signalAdd{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border:1px dashed rgba(65,71,84,.3);border-radius:4px;background:transparent;color:#c1c6d766;font-family:IBM Plex Mono,monospace;font-size:10px;text-transform:uppercase;cursor:pointer}.mixtape-dd__signalAdd:hover{color:#aec6ff;border-color:#aec6ff66}.mixtape-dd__emptySide{min-height:100%;display:grid;place-items:center;gap:8px;padding:48px 16px;border:1px dashed rgba(65,71,84,.2);border-radius:4px;opacity:.3}.mixtape-dd__emptySide .material-symbols-outlined{font-size:32px}.mixtape-dd__emptySide p{margin:0;font-size:10px}.mixtape-dd__commitRail{position:fixed;left:0;right:0;bottom:72px;z-index:25;padding:24px;background:linear-gradient(to top,#131313,rgba(19,19,19,.88),transparent)}.mixtape-dd__commitInner{width:min(1280px,calc(100% - 24px));margin:0 auto;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:space-between}.mixtape-dd__commitStatus{display:none;align-items:center;gap:12px}.mixtape-dd__commitStatus strong,.mixtape-dd__commitStatus small{display:block}.mixtape-dd__commitStatus strong{color:var(--mixtape-metal);font-size:10px;letter-spacing:.14em}.mixtape-dd__commitStatus small{color:#c1c6d799;font-size:9px;letter-spacing:.12em}.mixtape-dd__commitButton{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:20px 32px;border:none;border-radius:4px;background:#0070f3;color:#fff;font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;box-shadow:0 0 20px #0070f366;cursor:pointer}.mixtape-dd__commitButton:hover{box-shadow:0 0 40px #0070f399}.mixtape-dd__commitProgress{width:100%;display:flex;gap:16px}.mixtape-dd__commitProgress div{width:33%;height:4px;border-radius:999px;background:#aec6ff;box-shadow:0 0 8px #aec6ff}.mixtape-dd__bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:space-around;align-items:center;gap:8px;padding:8px 16px 24px;border-top:1px solid rgba(193,198,215,.15);background:rgba(14,14,14,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mixtape-dd__bottomnav button{border:none;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 16px;color:#c1c6d766;cursor:pointer}.mixtape-dd__bottomnav button.active{border-radius:4px;background:#1c1b1b;color:#aec6ff;box-shadow:0 0 10px #0070f34d;outline:1px solid rgba(0,112,243,.5);transform:scale(.98)}.mixtape-dd__meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.mixtape-dd__meta span{border:1px solid var(--mixtape-line);border-radius:999px;background:rgba(255,255,255,.02);padding:8px 10px;font-size:10px}.mixtape-dd__button{min-height:52px;padding:0 22px;border-radius:999px;border:none;background:linear-gradient(135deg,var(--mixtape-accent),var(--mixtape-accent-strong));color:#1d1209;font:700 11px var(--mixtape-mono);letter-spacing:.22em;text-transform:uppercase;box-shadow:0 18px 36px #d669243d;cursor:pointer}.mixtape-rack{position:relative;width:100%;display:flex;align-items:center;justify-content:center;padding:28px 12px}.mixtape-rack__lines{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.18;background:linear-gradient(180deg,transparent 0 12%,rgba(255,255,255,.18) 12% 13%,transparent 13% 37%,rgba(255,255,255,.18) 37% 38%,transparent 38% 62%,rgba(255,255,255,.18) 62% 63%,transparent 63% 87%,rgba(255,255,255,.18) 87% 88%,transparent 88% 100%)}.mixtape-rack__support{position:absolute;top:0;bottom:0;width:1px;background:rgba(255,255,255,.12)}.mixtape-rack__support--left{left:10px}.mixtape-rack__support--right{right:10px}.mixtape-rack__slot{position:relative;z-index:1;width:100%;display:flex;justify-content:center}.mixtape-rack__shadow{position:absolute;left:50%;bottom:18px;width:78%;height:12px;transform:translate(-50%);background:rgba(0,0,0,.45);filter:blur(16px);border-radius:999px}.mixtape-cassette{width:min(100%,520px)}.mixtape-cassette__body{position:relative;aspect-ratio:1.5 / 1;background:linear-gradient(180deg,#161210,#090808);border-radius:18px;border:1px solid rgba(255,255,255,.08);overflow:hidden;box-shadow:0 24px 54px #00000061}.mixtape-cassette__texture{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 18%,rgba(230,165,73,.16),transparent 18%),radial-gradient(circle at 78% 80%,rgba(230,165,73,.08),transparent 16%);pointer-events:none}.mixtape-cassette__grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.08;background-image:linear-gradient(135deg,rgba(255,255,255,.06),transparent 32%),radial-gradient(circle at 18% 20%,rgba(255,255,255,.1),transparent 12%),radial-gradient(circle at 82% 84%,rgba(0,0,0,.28),transparent 16%);pointer-events:none}.mixtape-cassette__header,.mixtape-cassette__titleband{position:absolute;left:18px;right:18px;z-index:2}.mixtape-cassette__header{top:16px;display:flex;justify-content:space-between;gap:12px}.mixtape-cassette__brand,.mixtape-cassette__side{display:grid;gap:2px;font-size:9px;color:#faf0dfd1}.mixtape-cassette__side{text-align:right}.mixtape-cassette__window{position:absolute;top:64px;right:54px;bottom:90px;left:54px;border-radius:12px;overflow:hidden;background:linear-gradient(180deg,rgba(0,0,0,.6),rgba(20,20,20,.92)),rgba(11,9,8,.9);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;padding:0 22px}.mixtape-cassette__image,.mixtape-page__cover img{width:100%;height:100%;object-fit:cover;display:block}.mixtape-cassette__pulse{position:absolute;width:10px;height:10px;right:12px;bottom:12px;border-radius:50%;background:linear-gradient(135deg,var(--mixtape-accent),var(--mixtape-accent-strong));box-shadow:0 0 18px #e6a54973}.mixtape-cassette__hub{position:relative;width:82px;height:82px;border-radius:999px;display:grid;place-items:center;background:radial-gradient(circle,rgba(244,239,230,.9) 0 30%,rgba(170,174,178,.92) 31% 46%,rgba(22,22,24,1) 47% 100%);box-shadow:inset 0 0 0 4px #080809d1,0 0 16px #00000052}.mixtape-cassette__hubCore{position:absolute;width:18px;height:18px;border-radius:999px;background:#111;box-shadow:0 0 0 4px #f4efe6b3}.mixtape-cassette__hubReel{width:52px;height:52px;border-radius:999px;background:conic-gradient(from 0deg,rgba(17,17,17,.98) 0 14%,transparent 14% 20%,rgba(17,17,17,.98) 20% 34%,transparent 34% 40%,rgba(17,17,17,.98) 40% 54%,transparent 54% 60%,rgba(17,17,17,.98) 60% 74%,transparent 74% 80%,rgba(17,17,17,.98) 80% 94%,transparent 94% 100%);opacity:.92}.mixtape-cassette__tapePath{position:absolute;left:50%;top:50%;width:34%;min-width:120px;transform:translate(-50%,-50%);display:grid;gap:8px;justify-items:center}.mixtape-cassette__tapeStrip{width:100%;height:34px;border-radius:6px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(76,63,47,.8),rgba(32,27,19,.96)),repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 2px,transparent 2px 12px);box-shadow:inset 0 0 18px #00000073}.mixtape-cassette__counterMarks{display:flex;gap:8px}.mixtape-cassette__counterMarks span{width:1px;height:8px;background:rgba(240,226,203,.35)}.mixtape-cassette__label{position:absolute;left:14%;right:14%;top:17%;height:27%;z-index:2;display:grid;align-content:start;gap:5px;padding:12px 14px 10px;border-radius:4px 4px 6px 6px;background:linear-gradient(180deg,rgba(247,240,224,.95),rgba(222,212,189,.95)),rgba(247,240,224,.95);color:#1c1713;box-shadow:inset 0 -4px #aec6ff2e,0 1px #0000001f}.mixtape-cassette__labelTop,.mixtape-cassette__labelMeta{display:flex;justify-content:space-between;gap:12px;font-family:var(--mixtape-mono);font-size:8px;letter-spacing:.14em;text-transform:uppercase}.mixtape-cassette__labelRule{height:1px;background:rgba(28,23,19,.32)}.mixtape-cassette__labelRule--faint{opacity:.5}.mixtape-cassette__labelTitle{font-family:Space Grotesk,sans-serif;font-size:clamp(1rem,2.2vw,1.45rem);font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1}.mixtape-cassette__titleband{bottom:18px;display:grid;gap:4px;text-align:center}.mixtape-cassette__titleband h2{margin:0;font-size:clamp(1.35rem,4vw,2.2rem);line-height:.9}.mixtape-cassette__meta{display:flex;justify-content:center;gap:12px;font-size:9px;color:#faf0dfd1}.mixtape-cassette__screws span{position:absolute;width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 2px #00000073}.mixtape-cassette--builder .mixtape-cassette__body{background:linear-gradient(180deg,rgba(46,52,60,.22),transparent 12%),linear-gradient(180deg,rgba(28,30,33,.98),rgba(10,10,11,1));box-shadow:0 30px 60px #00000075,inset 0 1px #ffffff0f}.mixtape-cassette--builder .mixtape-cassette__texture{background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.09),transparent 16%),radial-gradient(circle at 82% 82%,rgba(255,255,255,.04),transparent 18%)}.mixtape-cassette__screws span:nth-child(1){top:8px;left:8px}.mixtape-cassette__screws span:nth-child(2){top:8px;right:8px}.mixtape-cassette__screws span:nth-child(3){bottom:8px;left:8px}.mixtape-cassette__screws span:nth-child(4){bottom:8px;right:8px}.mixtape-shell{position:relative;background:linear-gradient(180deg,rgba(18,16,14,.98),rgba(8,7,7,.98));border:1px solid var(--mixtape-line);border-radius:28px;overflow:hidden;padding:18px;box-shadow:0 32px 68px #0000006b}.mixtape-shell__texture{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,rgba(230,165,73,.08),transparent 24%);pointer-events:none}.mixtape-shell__topbar,.mixtape-shell__footer{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:12px}.mixtape-shell__brand,.mixtape-shell__status{display:grid;gap:3px;font-size:9px;color:var(--mixtape-muted)}.mixtape-shell__status{grid-auto-flow:column;align-items:center}.mixtape-shell__led{width:8px;height:8px;border-radius:50%;background:rgba(214,105,36,.32)}.mixtape-shell__led.live{background:linear-gradient(135deg,var(--mixtape-accent),var(--mixtape-accent-strong));box-shadow:0 0 14px #d6692473}.mixtape-shell__viewport{position:relative;z-index:1;margin-top:14px}.mixtape-shell__footer{margin-top:16px}.mixtape-shell__meters{display:flex;align-items:end;gap:4px;height:18px}.mixtape-shell__meters span{width:4px;height:100%;border-radius:999px;background:rgba(230,165,73,.62);transform-origin:bottom center}.mixtape-shell__footnote{font:500 10px var(--mixtape-mono);letter-spacing:.14em;color:var(--mixtape-muted);text-transform:uppercase}.mixtape-controls{display:grid;gap:10px}.mixtape-controls__cluster{display:flex;justify-content:center;gap:12px}.mixtape-controls__button{border:1px solid var(--mixtape-line);background:rgba(255,255,255,.04);color:var(--mixtape-metal);display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.mixtape-controls__button--small{width:46px;height:46px;border-radius:999px}.mixtape-controls__button--primary{min-width:132px;height:58px;padding:0 18px;border-radius:999px;background:linear-gradient(135deg,rgba(230,165,73,.16),rgba(214,105,36,.18));font:600 12px var(--mixtape-mono);letter-spacing:.14em;text-transform:uppercase}.mixtape-controls__time{display:flex;justify-content:space-between;font-size:10px;color:var(--mixtape-muted)}.mixtape-tracklist{display:grid;gap:10px}.mixtape-tracklist__head{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--mixtape-line);padding-bottom:8px;font-size:9px;color:var(--mixtape-muted);opacity:.88}.mixtape-tracklist__items{display:grid;gap:6px}.mixtape-tracklist__item{border:1px solid transparent;background:rgba(255,255,255,.018);border-radius:14px;padding:10px 12px;color:var(--mixtape-metal);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;text-align:left;cursor:pointer}.mixtape-tracklist__item.active{border-color:#e6a54966;background:rgba(230,165,73,.06)}.mixtape-tracklist__index,.mixtape-tracklist__duration{font:500 10px var(--mixtape-mono);color:var(--mixtape-muted);align-self:center}.mixtape-tracklist__copy{display:grid;gap:4px;min-width:0}.mixtape-tracklist__copy strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mixtape-tracklist__copy small{font:500 10px var(--mixtape-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--mixtape-muted)}.mixtape-page__landscape-grid{display:grid;gap:18px;align-items:start}.mixtape-page__landscape-left,.mixtape-page__landscape-right{display:grid;gap:12px}.mixtape-page__cover{aspect-ratio:1 / 1;border-radius:20px;overflow:hidden;border:1px solid var(--mixtape-line);background:#090807}.mixtape-page__landscape-cassette{width:min(100%,520px);justify-self:center}.mixtape-logo,.mixtape-logo__copy{display:grid;gap:8px;justify-items:center}.mixtape-logo__mark{border:none;background:transparent;padding:0;cursor:pointer}.mixtape-logo__orb{width:96px;height:96px;border-radius:50%;border:2px solid rgba(255,255,255,.2);position:relative}.mixtape-logo__orb span{position:absolute;top:50%;right:50%;bottom:50%;left:50%;width:42px;height:2px;background:rgba(255,255,255,.36);transform-origin:center}.mixtape-logo__orb span:nth-child(1){transform:translate(-50%,-50%) rotate(0)}.mixtape-logo__orb span:nth-child(2){transform:translate(-50%,-50%) rotate(60deg)}.mixtape-logo__orb span:nth-child(3){transform:translate(-50%,-50%) rotate(120deg)}.mixtape-logo__orb.live{border-color:#e6a54980}@media (min-width: 900px){.mixtape-page__shell,.mixtape-dd__shell{width:min(1280px,calc(100% - 40px));padding-top:24px}.mixtape-page__portrait{grid-template-columns:minmax(0,1.06fr) minmax(300px,.72fr);align-items:start}.mixtape-page__landscape-grid{grid-template-columns:minmax(420px,.96fr) minmax(280px,.68fr);align-items:start}.mixtape-page__portrait-shell{padding:18px 18px 20px}.mixtape-page__tracklist-wrap{margin-top:6px}.mixtape-dd__heroLayout{grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr)}.mixtape-dd__blankGrid{grid-template-columns:repeat(5,minmax(0,1fr))}.mixtape-dd__builderGrid{grid-template-columns:minmax(280px,.9fr) minmax(0,1.4fr)}.mixtape-dd__sequenceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.mixtape-dd__commitInner{flex-direction:row}.mixtape-dd__commitStatus{display:flex}.mixtape-dd__commitButton{width:auto}.mixtape-dd__commitProgress{display:none}}