@import"https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";: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}}