:root{color-scheme:dark;--bg:#07070b;--bg-soft:#0d0d15;--panel:rgba(18,18,28,0.76);--panel-solid:#11111a;--line:rgba(255,255,255,0.1);--line-bright:rgba(176,112,255,0.42);--text:#f6f2ff;--muted:#a4a1b3;--faint:#6e6a7e;--purple:#a65cff;--purple-strong:#7d3cff;--pink:#ff5f99;--green:#42d9b6;--shadow:0 24px 80px rgba(0,0,0,0.45)}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:radial-gradient(circle at 76% 8%,rgba(96,62,180,.16),transparent 28%),radial-gradient(circle at 10% 90%,rgba(166,92,255,.12),transparent 30%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}a,button{color:inherit}a{text-decoration:none}.home-hero{position:relative;display:grid;min-height:100svh;overflow:hidden;place-items:center;background:#030207;isolation:isolate}.home-hero-video{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;pointer-events:none}.home-hero-video::-webkit-media-controls,.home-hero-video::-webkit-media-controls-panel,.home-hero-video::-webkit-media-controls-play-button,.home-hero-video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}.home-hero-particles{z-index:-1;width:100%;height:100%;opacity:.92;mix-blend-mode:screen}.home-hero-particles,.home-hero-shade{position:absolute;inset:0;pointer-events:none}.home-hero-shade{z-index:0;background:radial-gradient(circle at center,rgba(8,3,18,.02),rgba(5,2,11,.36) 52%,rgba(2,1,5,.78) 100%),linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,.3))}.home-hero-logo{position:relative;z-index:1;width:clamp(240px,58vw,920px);max-width:calc(100vw - 40px);max-height:min(34svh,300px);object-fit:contain;padding:clamp(16px,4vw,44px);filter:drop-shadow(0 18px 48px rgba(0,0,0,.62))}@media (prefers-reduced-motion:reduce){.home-hero-particles{display:none}}@media (orientation:portrait){.home-hero-logo{width:min(82vw,620px);max-height:22svh}}@media (max-width:520px){.home-hero-logo{width:min(88vw,420px);max-width:calc(100vw - 28px);max-height:18svh;padding:12px}}.app-frame{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:100vh}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:rgba(6,6,10,.72);padding:28px 18px}.brand{display:flex;align-items:center;gap:12px;padding:0 14px 26px;font-size:1.2rem;font-weight:900}.brand-mark{display:grid;place-items:center;width:32px;height:32px;color:var(--purple)}.nav-list,.playlist-list{display:grid;grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.nav-item,.playlist-item,.profile-chip{display:flex;align-items:center;gap:12px;min-height:44px;border-radius:8px;padding:0 14px;color:var(--muted);font-weight:700}.nav-item.active{background:linear-gradient(90deg,rgba(166,92,255,.34),rgba(166,92,255,.12));color:var(--text)}.sidebar-section{margin-top:28px;border-top:1px solid var(--line);padding:24px 14px 0}.section-kicker{margin:0 0 16px;color:var(--faint);font-size:.75rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.profile-chip{position:absolute;right:18px;bottom:112px;left:18px;min-height:58px}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,rgba(166,92,255,.9),rgba(255,95,153,.72));font-weight:900}.main-shell{min-width:0;padding:24px 30px 112px}.topbar{display:grid;grid-template-columns:minmax(280px,460px) auto;justify-content:end;grid-gap:20px;gap:20px;margin-bottom:28px}.search-box{gap:10px;min-height:46px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);color:var(--muted);padding:0 18px}.search-box,.top-actions{display:flex;align-items:center}.top-actions{gap:14px}.icon-button,.pill-button,.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);cursor:pointer;font-weight:850}.icon-button{width:42px}.primary-button{border-color:rgba(166,92,255,.72);background:linear-gradient(135deg,var(--purple),var(--purple-strong));padding:0 18px}.pill-button,.secondary-button{padding:0 16px}.pill-button{border-radius:999px}.page-heading{margin-bottom:24px}.page-heading h1,.share-title h1{margin:0;font-size:clamp(2.1rem,5vw,4.1rem);line-height:.96;letter-spacing:0}.muted,.page-heading p,.share-title p{color:var(--muted)}.content-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);grid-gap:28px;gap:28px}.feed-card,.panel,.track-card,.upload-panel{border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:var(--shadow)}.panel,.upload-panel{padding:22px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.section-header h2{margin:0;font-size:1.12rem}.track-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.track-card{overflow:hidden}.artwork{position:relative;aspect-ratio:1.25;background:linear-gradient(145deg,rgba(166,92,255,.48),rgba(255,95,153,.18)),radial-gradient(circle at 75% 20%,rgba(66,217,182,.28),transparent 30%),#151520}.artwork:after{position:absolute;inset:auto 0 0;height:44%;background:linear-gradient(transparent,rgba(0,0,0,.58));content:""}.play-float{position:absolute;right:16px;bottom:16px;z-index:1;display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.36);border-radius:50%;background:rgba(8,8,13,.7)}.track-body{display:grid;grid-gap:8px;gap:8px;padding:14px}.feed-copy h3,.track-body h3{margin:0;font-size:1rem}.mini-row,.stats-row{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.85rem}.feed-list,.follow-list,.genre-list{display:grid;grid-gap:12px;gap:12px}.feed-card{display:grid;grid-template-columns:48px 1fr;grid-gap:12px;gap:12px;padding:12px}.mini-track{display:grid;grid-template-columns:76px 1fr auto;align-items:center;grid-gap:12px;gap:12px;min-width:0;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.035);padding:8px}.mini-art{aspect-ratio:1;border-radius:6px;background:linear-gradient(135deg,rgba(166,92,255,.5),rgba(42,122,180,.26)),#171722}.right-rail{display:grid;grid-gap:22px;gap:22px}.follow-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;grid-gap:12px;gap:12px}.genre-list{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{display:grid;grid-gap:14px;gap:14px}.check-field,.field{display:grid;grid-gap:7px;gap:7px;color:var(--muted);font-size:.86rem;font-weight:800}.field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.field input,.field textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.045);color:var(--text);padding:12px 13px}.field textarea{resize:vertical}.check-field{grid-template-columns:20px 1fr;align-items:center;align-content:end;min-height:69px}.status{min-height:20px;color:var(--green);font-weight:800}.error{color:#ff9baa}.player-bar{position:fixed;right:0;bottom:0;left:0;z-index:5;display:grid;grid-template-columns:270px minmax(0,1fr);border-top:1px solid var(--line);background:rgba(8,8,13,.86);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.player-inner{grid-template-columns:minmax(230px,.8fr) minmax(320px,1.2fr) minmax(180px,.6fr);grid-gap:24px;gap:24px;min-height:86px;padding:12px 30px}.now-playing,.player-inner{display:grid;align-items:center}.now-playing{grid-template-columns:52px 1fr auto;grid-gap:12px;gap:12px;min-width:0}.transport{display:flex;align-items:center;justify-content:center;gap:18px}.wave{width:min(260px,35vw);height:22px;border-radius:999px;background:repeating-linear-gradient(90deg,var(--purple) 0 2px,transparent 2px 6px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 72%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 72%,transparent);opacity:.9}.share-shell{width:min(1120px,calc(100% - 34px));margin:0 auto;padding:42px 0 120px}.share-top{display:flex;justify-content:space-between;gap:20px;margin-bottom:30px}.share-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.58fr);grid-gap:24px;gap:24px}audio{width:100%}.comments{display:grid;grid-gap:12px;gap:12px;margin-top:18px}.comment-card{border:1px solid var(--line);border-radius:8px;padding:12px}.comment-card header{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}@media (max-width:1060px){.app-frame,.player-bar{grid-template-columns:1fr}.sidebar{display:none}.content-grid,.share-grid{grid-template-columns:1fr}.track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.main-shell,.share-shell{width:min(100% - 24px,560px);padding:18px 0 116px}.field-row,.player-inner,.topbar,.track-grid{grid-template-columns:1fr}.topbar{justify-content:stretch}.player-inner{gap:10px;min-height:108px;padding:12px}}.review-room{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 0,rgba(102,38,140,.34),transparent 42%),linear-gradient(180deg,#160d24,#080412 44%,#0d0c12);color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.review-topbar{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:54px;padding:0 18px}.bar-controls,.mobile-controls,.phone-footer,.project-actions,.share-tools,.small-tools{display:flex;align-items:center;gap:12px}.manage-logo{display:block;width:178px;height:30px;border-radius:4px;object-fit:cover;object-position:center;opacity:.92}.share-tools{justify-content:end}.tiny-icon{width:20px;height:20px;border:0;border-radius:6px;background:transparent;color:#fff;opacity:.76}.tiny-icon:before{display:block;width:10px;height:8px;border:1px solid;border-radius:2px;content:""}.tiny-icon.back:before{width:7px;height:7px;border-top:0;border-right:0;transform:rotate(45deg)}.mode-switch,.view-switch{display:inline-grid;grid-template-columns:1fr 1fr;min-width:138px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.12);padding:3px}.comment-button,.comment-pill,.dark-pill,.mode-switch button,.round-tool,.share-pill,.view-switch button,.white-play{border:0;color:inherit;cursor:pointer;font-weight:800}.mode-switch button,.view-switch button{min-height:28px;border-radius:999px;background:transparent;color:rgba(255,255,255,.62);font-size:.72rem}.mode-switch .active,.view-switch .active{background:rgba(255,255,255,.16);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.share-pill{display:inline-flex;align-items:center;gap:8px;min-height:32px;border-radius:999px;background:#fff;color:#0c0a12;padding:0 16px;font-size:.76rem}.review-layout{display:grid;grid-template-columns:minmax(620px,1fr) 350px;grid-gap:90px;gap:90px;width:min(1040px,calc(100% - 60px));margin:34px auto 100px}.project-main{min-width:0}.project-hero{display:grid;grid-template-columns:170px 1fr;grid-gap:32px;gap:32px;align-items:center;width:min(640px,100%);margin:0 auto 34px}.cover-art,.mini-cover,.phone-cover{background:linear-gradient(180deg,rgba(32,44,62,.2),rgba(4,3,9,.58)),radial-gradient(circle at 76% 18%,rgba(255,185,128,.82),transparent 20%),linear-gradient(135deg,#273248,#070611 50%,#472d62)}.cover-art{aspect-ratio:1;border-radius:8px;box-shadow:0 24px 60px rgba(0,0,0,.35)}.project-copy h1{margin:4px 0;font-size:clamp(2.2rem,5vw,3.8rem);line-height:.95;overflow-wrap:anywhere}.listener-hero .project-copy h1{font-size:clamp(2rem,5vw,3.35rem)}.listener-hero .project-copy h1.long-title,.project-copy h1.long-title{font-size:clamp(1.45rem,3.2vw,2.55rem);line-height:1.04}.project-copy p{margin:0;color:rgba(255,255,255,.54)}.meta-line{color:rgba(255,255,255,.38)!important;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.project-actions{margin-top:28px}.project-actions .dark-pill,.project-actions .round-tool,.project-actions .white-play{min-height:38px}.project-actions .round-tool{width:38px}.comment-button,.comment-pill,.dark-pill,.round-tool,.white-play{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:32px;border-radius:999px;padding:0 18px}.white-play{background:#fff;color:#080610}.comment-button,.comment-pill,.dark-pill,.round-tool{background:rgba(255,255,255,.1);color:#fff}.danger-pill{background:rgba(255,95,153,.18);color:#ffb4cb}.round-tool{width:32px;padding:0}.action-spacer{width:42px}.track-table{display:grid;width:min(650px,100%);margin:0 auto}.manage-main .track-table{width:100%;margin-left:0;margin-right:0}.track-row{display:grid;grid-template-columns:28px 42px minmax(120px,1fr) 58px 58px 70px 70px 62px 72px;align-items:center;grid-column-gap:12px;column-gap:12px;min-height:46px;border-radius:4px;color:rgba(255,255,255,.76);font-size:.82rem;padding:6px 10px;transition:background .14s ease,box-shadow .14s ease,opacity .14s ease}.track-row:nth-child(2n){background:rgba(255,255,255,.035)}.track-row.active{background:rgba(134,82,176,.16);color:#fff}.track-row.dragging{opacity:.42}.track-row.drop-before{box-shadow:inset 0 2px 0 rgba(166,92,255,.95),0 -10px 22px rgba(166,92,255,.12)}.track-row.drop-after{box-shadow:inset 0 -2px 0 rgba(166,92,255,.95),0 10px 22px rgba(166,92,255,.12)}.track-thumb{width:36px;height:36px;border-radius:6px;background:linear-gradient(180deg,rgba(32,44,62,.2),rgba(4,3,9,.58)),radial-gradient(circle at 76% 18%,rgba(255,185,128,.72),transparent 20%),linear-gradient(135deg,#273248,#070611 50%,#472d62);background-size:cover;background-position:50%}.track-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-more,.track-comments,.track-index,.track-versions{color:rgba(255,255,255,.42)}.track-comments{display:flex;align-items:center;gap:4px}.comment-button{min-height:26px;padding:0 12px;font-size:.7rem}.drag-handle{cursor:-webkit-grab;cursor:grab}.drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.heart-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:28px;min-width:76px;border:0;border-radius:999px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.76);cursor:pointer;font-weight:900;padding:0 11px}.comment-row-button{min-width:86px}.track-row .comment-row-button,.track-row .heart-button{justify-self:end}.heart-button.liked{background:rgba(255,95,153,.18);color:#ff7faa}.phone-player{position:relative;min-height:650px;border:1px solid rgba(255,255,255,.08);border-radius:30px;background:radial-gradient(circle at 50% 15%,rgba(88,43,124,.22),transparent 42%),linear-gradient(180deg,#0c061a,#090414 58%,#090613);box-shadow:0 30px 80px rgba(0,0,0,.6);padding:22px 24px}.phone-status,.phone-title-row,.time-row{display:flex;align-items:center;justify-content:space-between}.phone-handle{width:46px;height:4px;border-radius:999px;background:rgba(255,255,255,.2);margin:28px auto 14px}.phone-cover{aspect-ratio:1;border-radius:10px;margin-bottom:30px}.phone-title-row h2{margin:0 0 4px;font-size:1.12rem}.phone-title-row p,.time-row{margin:0;color:rgba(255,255,255,.48)}.stacked{width:36px;height:36px}.desktop-wave,.waveform{position:relative;display:flex;align-items:center;gap:2px;height:56px;margin-top:26px;overflow:hidden}.desktop-wave i,.waveform i{display:block;width:3px;border-radius:999px;background:rgba(255,255,255,.2)}.desktop-wave b,.waveform b{position:absolute;top:8px;bottom:8px;left:53%;width:2px;background:#a65cff;content:""}.time-row{font-size:.72rem}.mobile-controls{justify-content:space-between;margin:32px 8px}.mobile-play{display:grid;place-items:center;width:56px;height:56px;border:0;background:transparent;color:#fff}.phone-footer{justify-content:space-between;margin-top:40px}.comment-pill{min-height:34px;background:rgba(255,255,255,.14);padding:0 18px}.review-player{grid-template-columns:190px 130px 48px 1fr;grid-gap:18px;gap:18px;min-height:66px;background:rgba(15,12,22,.86);padding:0 14px}.compact-player,.review-player{position:fixed;right:0;bottom:0;left:0;z-index:4;display:grid;align-items:center;border-top:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.compact-player{grid-template-columns:minmax(168px,max-content) minmax(0,1fr);grid-column-gap:10px;column-gap:10px;min-height:56px;background:rgba(15,12,22,.9);padding:8px 14px}.compact-player audio{display:none}.compact-control-cluster{display:grid;grid-template-columns:136px 54px minmax(360px,1fr) 54px 166px;align-items:center;grid-gap:10px;gap:10px;justify-self:center;width:min(1500px,100%)}.compact-extra,.compact-transport,.volume-control{display:flex;align-items:center;gap:8px}.compact-extra,.compact-transport{justify-content:center}.compact-main-button{min-width:54px}.round-tool.active{background:rgba(166,92,255,.35);color:#fff}.wave-seeker{position:relative;display:grid;min-width:0;justify-self:center;width:min(920px,100%);cursor:pointer}.wave-bars,.wave-seeker{align-items:center;height:34px}.wave-bars{display:flex;gap:2px;overflow:hidden;border-radius:6px}.wave-bars i{flex:1 1;min-width:2px;border-radius:999px;background:rgba(255,255,255,.18)}.wave-bars i.played{background:#a65cff}.wave-seeker input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.compact-time{justify-content:center;color:rgba(255,255,255,.5);font-size:.72rem;font-weight:800;white-space:nowrap}.compact-extra .round-tool,.mobile-rewind{position:relative}.mobile-rewind{display:none}.compact-extra .round-tool small,.mobile-rewind small{position:absolute;right:6px;bottom:4px;font-size:.55rem;font-weight:950;line-height:1}.volume-control input{width:74px;accent-color:#a65cff}.setup-room{display:grid;place-items:center;padding:24px}.setup-panel{display:grid;grid-gap:18px;gap:18px;width:min(560px,100%);border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.055);box-shadow:0 30px 90px rgba(0,0,0,.42);padding:28px}.setup-panel .mode-switch{justify-self:center}.setup-panel h1{margin:0;font-size:clamp(2rem,7vw,4rem);line-height:.95}.form-status,.setup-panel p{margin:0;color:rgba(255,255,255,.58)}.manage-layout{grid-template-columns:minmax(620px,1fr);width:min(860px,calc(100% - 60px))}.upload-drawer{width:min(650px,100%);margin:0 auto 24px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.055);padding:18px}.private-form{display:grid;grid-gap:14px;gap:14px}.private-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.private-form label{display:grid;grid-gap:7px;gap:7px;color:rgba(255,255,255,.54);font-size:.8rem;font-weight:800}.private-form input,.private-form select,.private-form textarea{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.06);color:#fff;padding:11px 12px}.private-form textarea{resize:vertical}.check-row{grid-template-columns:18px 1fr;align-items:center;align-content:end;min-height:64px}.empty-private{margin:20px 0 0;color:rgba(255,255,255,.56);text-align:center}.form-secondary{justify-self:start}.dashboard-detail{width:min(650px,100%);margin:22px auto 0;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.045);padding:18px}.detail-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.dashboard-detail h3,.detail-header h2{margin:0}.dashboard-detail h3{margin-bottom:10px;color:rgba(255,255,255,.78);font-size:.9rem}.detail-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr);grid-gap:18px;gap:18px}.dashboard-comments,.dashboard-events{display:grid;grid-gap:10px;gap:10px}.dashboard-comment,.dashboard-event{border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(0,0,0,.14);padding:12px}.dashboard-comment header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.dashboard-comment header span,.dashboard-event small{color:rgba(255,255,255,.5);font-size:.76rem}.dashboard-comment p{margin:0;color:rgba(255,255,255,.82);line-height:1.45}.dashboard-event{display:grid;grid-gap:4px;gap:4px}@media (max-width:720px){.detail-grid{grid-template-columns:1fr}}.mini-now{display:grid;grid-template-columns:42px 1fr;align-items:center;grid-gap:8px;gap:8px;min-width:0;width:-moz-fit-content;width:fit-content;max-width:210px}.mini-cover{width:42px;height:42px;border-radius:5px;background-size:cover;background-position:50%}.mini-now span{display:grid;grid-gap:2px;gap:2px;font-size:.78rem;font-weight:900}.mini-now small,.mini-now span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-now small{color:rgba(255,255,255,.38);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase}.bar-time{color:rgba(255,255,255,.48);font-size:.76rem}.desktop-wave{height:34px;margin:0}.listener-player-block{width:min(650px,100%);margin:0 auto;border-radius:10px;background:rgba(255,255,255,.04);padding:18px}.manage-workspace{display:grid;grid-template-columns:260px minmax(0,1fr) minmax(280px,340px);grid-gap:24px;gap:24px;width:100%;margin:30px 0 112px;padding:0 32px 0 18px;align-items:start}.tracklist-rail{position:-webkit-sticky;position:sticky;top:74px;align-self:start;justify-self:start;display:grid;grid-gap:14px;gap:14px;width:250px;max-height:calc(100vh - 140px)}.rail-create{width:100%}.mobile-tracklist-controls,.tracklist-menu-button{display:none}.rail-list{display:grid;grid-gap:8px;gap:8px;overflow:auto}.rail-item{display:grid;grid-gap:4px;gap:4px;min-height:58px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(255,255,255,.045);color:#fff;text-align:left;padding:10px 12px;cursor:pointer}.rail-item.active{border-color:rgba(166,92,255,.48);background:rgba(134,82,176,.2)}.rail-item span{font-weight:900}.rail-item small{color:rgba(255,255,255,.5)}.manage-main{min-width:0;justify-self:center;width:min(860px,100%)}.manage-detail-column{position:-webkit-sticky;position:sticky;top:74px;align-self:start;justify-self:end;width:100%;margin:0;max-height:calc(100vh - 156px);overflow:auto}.manage-detail-column .detail-grid{grid-template-columns:1fr}.manage-detail-column .detail-header{align-items:start}.manage-hero{margin-top:10px}.cover-image{background-size:cover;background-position:50%}.pinned-form h2{margin:0 0 14px}.track-group{display:grid}.track-group+.track-group{margin-top:4px}.track-group .track-row:not(:first-child){margin-left:24px;opacity:.9}.upload-status{position:fixed;top:66px;right:18px;z-index:6;display:grid;grid-gap:8px;gap:8px;width:min(320px,calc(100% - 36px));min-height:50px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(18,14,26,.9);box-shadow:0 20px 60px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:rgba(255,255,255,.76);font-size:.78rem;font-weight:800;padding:12px;animation:status-in .16s ease-out}@keyframes status-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.upload-dismiss{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:22px;height:22px;border:0;border-radius:999px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.8);cursor:pointer}.upload-status b{display:block;height:4px;border-radius:999px;background:linear-gradient(90deg,#fff,var(--purple));transition:width .18s ease}.upload-idle b{opacity:.25}.upload-error{border-color:rgba(255,95,153,.46)}.upload-complete{border-color:rgba(66,217,182,.38)}.manage-player{grid-template-columns:260px minmax(280px,1fr)}.manage-player audio{max-width:760px}.selected-event{border-color:rgba(66,217,182,.26)}.selected-event p{margin:4px 0 0;color:rgba(255,255,255,.72);line-height:1.4}.tracklist-listen-layout{grid-template-columns:minmax(560px,1fr) 390px}.listen-track-table{margin-top:22px}.listen-track-table .track-row{grid-template-columns:28px 42px minmax(0,1fr) minmax(0,62px) minmax(0,86px) 88px 88px;column-gap:14px;min-height:56px}.selection-box{display:grid;grid-gap:12px;gap:12px;margin-top:18px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.035);padding:12px}.drop-zone{position:relative;display:grid;place-items:center;grid-gap:7px;gap:7px;min-height:118px;border:1px dashed rgba(255,255,255,.22);border-radius:10px;background:rgba(255,255,255,.045);color:rgba(255,255,255,.76)!important;text-align:center;cursor:pointer;padding:16px}.drop-zone small{max-width:100%;overflow:hidden;color:rgba(255,255,255,.5);text-overflow:ellipsis;white-space:nowrap}.drop-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.inline-comments,.track-edit-form{display:grid;grid-gap:12px;gap:12px;margin:8px 0 12px 32px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.045);padding:14px}.form-actions{display:flex;align-items:center;gap:10px}.listener-single-layout{width:min(820px,calc(100% - 44px));margin:28px auto 96px}.listener-notes{width:min(650px,100%);margin:0 auto 18px;color:rgba(255,255,255,.58);line-height:1.55}.listener-notes p{margin:0}.inline-comments .section-header{margin-bottom:0}.compact-comments{gap:8px;padding:10px}.compact-comment-form{display:grid;grid-gap:8px;gap:8px}.compact-comment-form textarea{width:min(220px,100%);min-height:36px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.055);color:#fff;resize:none;padding:9px 11px}.compact-comment-form.expanded textarea{width:min(360px,100%);min-height:42px;resize:none}.compact-comment-actions{width:min(360px,100%)}.compact-comment-card{padding:10px}.named-links-panel{display:grid;grid-gap:14px;gap:14px}.named-link-form{grid-template-columns:minmax(180px,1fr) auto auto;align-items:end}.share-start-controls{display:grid;grid-template-columns:minmax(180px,1fr) minmax(110px,.35fr) auto;grid-gap:10px;gap:10px;align-items:end}.share-start-controls label{display:grid;grid-gap:7px;gap:7px;color:rgba(255,255,255,.54);font-size:.78rem;font-weight:850}.detail-tools select,.share-start-controls input,.share-start-controls select{width:100%;min-height:38px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;padding:0 12px}.detail-tools{display:flex;align-items:center;gap:8px}.detail-tools select{width:118px}.icon-danger{display:inline-grid;place-items:center;width:28px;height:28px;border:0;border-radius:50%;background:rgba(255,95,153,.12);color:#ffb4cb;cursor:pointer}.recipient-list{display:grid;grid-gap:8px;gap:8px}.recipient-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;min-height:38px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(255,255,255,.035);padding:7px 8px}.recipient-row,.recipient-stats{display:grid;grid-gap:8px;gap:8px}.recipient-stats{border-top:1px solid rgba(255,255,255,.08);padding-top:12px}.recipient-stat-row,.recipient-stats-head{display:grid;grid-template-columns:minmax(120px,.45fr) minmax(0,1fr);grid-gap:12px;gap:12px;align-items:start}.recipient-stats-head{color:rgba(255,255,255,.38);font-size:.66rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.recipient-stat-row{border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(0,0,0,.12);padding:9px}.recipient-stat-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipient-stat-row div{display:grid;grid-gap:4px;gap:4px;color:rgba(255,255,255,.62);font-size:.72rem}.recipient-stat-row b{color:#fff}.recipient-row strong{display:grid;grid-gap:2px;gap:2px}.recipient-row small{color:rgba(255,255,255,.42);font-size:.68rem}.named-visibility{min-height:42px}.bookmark-hint{display:flex;align-items:center;justify-content:center;gap:10px;width:min(520px,calc(100% - 32px));margin:0 auto 14px;border:1px solid rgba(166,92,255,.22);border-radius:999px;background:rgba(255,255,255,.075);color:rgba(255,255,255,.72);font-size:.78rem;font-weight:800;padding:9px 12px}.bookmark-hint button{border:0;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-weight:900;padding:6px 10px}.listener-topbar strong{font-size:.92rem}.listener-topbar{height:72px}.listener-logo{display:block;width:min(420px,52vw);height:56px;object-fit:contain;object-position:center;opacity:.92}.review-player audio{min-width:0}.inline-empty{margin:80px auto 0}.comment-phone{min-height:620px}.comments-panel{min-height:560px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.045);box-shadow:0 24px 70px rgba(0,0,0,.38);padding:22px}@media (max-width:1240px){.manage-workspace{grid-template-columns:minmax(0,1fr);width:min(100%,760px);margin:24px auto 220px;padding:0 18px;overflow-x:hidden}.tracklist-rail{display:none}.mobile-tracklist-controls{display:grid;grid-gap:10px;gap:10px;width:100%;margin:0 auto 18px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(12,7,18,.56);padding:12px}.mobile-tracklist-controls .rail-list{display:none}.mobile-tracklist-controls .rail-list.open{display:grid}.manage-room .rail-create{justify-self:center;width:100%;min-height:48px;font-size:1.02rem;line-height:1;white-space:nowrap}.tracklist-menu-button{display:grid;width:100%;min-height:54px;border:1px solid rgba(166,92,255,.36);border-radius:12px;background:rgba(255,255,255,.075);color:#fff;text-align:left;padding:10px 14px}.tracklist-menu-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:950}.tracklist-menu-button small{color:rgba(255,255,255,.52);font-weight:800}.manage-room .rail-list{display:none;gap:8px;overflow:visible;padding:0;scroll-snap-type:none}.manage-room .rail-list.open{display:grid}.manage-room .rail-item{width:100%;min-height:52px;scroll-snap-align:none}.manage-room .rail-item span{font-size:.94rem;line-height:1.12}.manage-detail-column,.manage-main{grid-column:1;width:100%}.manage-detail-column{position:relative;top:auto;justify-self:stretch;margin-top:18px;max-height:none;border-color:rgba(255,255,255,.12);background:rgba(12,7,18,.72)}}@media (max-width:980px){.review-layout{grid-template-columns:1fr;gap:34px}.manage-workspace{grid-template-columns:1fr;padding:0 18px}.manage-main{grid-column:1}.manage-detail-column{grid-column:1;position:relative;top:auto;justify-self:stretch;width:100%;max-height:none}.phone-player{width:min(360px,100%);margin:0 auto}}@media (max-width:720px){input:not([type=range]):not([type=file]),select,textarea{font-size:16px!important;line-height:1.25}.manage-room{overflow-x:hidden}.review-topbar{grid-template-columns:1fr auto 1fr;padding:0 10px}.manage-room>.review-topbar{grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;gap:10px 8px;height:auto;padding:12px 12px 6px}.manage-room>.review-topbar .small-tools{grid-column:1/-1;justify-content:center}.manage-room>.review-topbar .manage-logo{width:min(320px,74vw);height:42px}.manage-room>.review-topbar .view-switch{grid-column:2;grid-row:2;justify-self:center}.manage-room>.review-topbar .share-tools{display:contents}.manage-room>.review-topbar .share-pill{grid-column:1;grid-row:2;justify-self:start;min-width:78px;padding:0 12px}.manage-room>.review-topbar .share-tools>.dark-pill{grid-column:3;grid-row:2;justify-self:end;min-height:32px;padding:0 12px;white-space:nowrap}.listener-topbar{height:66px}.listener-logo{width:min(330px,70vw);height:44px}.review-layout{width:min(100% - 24px,520px);margin-top:18px}.manage-workspace{grid-template-columns:minmax(0,1fr);gap:20px;width:min(100%,520px);margin:12px auto 220px;padding:0 14px;overflow-x:hidden}.mobile-tracklist-controls{padding:12px}.manage-main{width:100%}.manage-detail-column{margin-top:16px}.listener-single-layout{width:min(100% - 24px,520px);margin:14px auto 220px}.project-hero{grid-template-columns:1fr;gap:18px}.manage-hero{justify-items:center;text-align:center;margin:4px auto 26px}.manage-hero .cover-art{width:min(72vw,320px)}.manage-hero .project-copy{width:min(86vw,420px)}.manage-hero .project-copy h1{font-size:clamp(2rem,10vw,3.1rem)}.manage-hero .project-copy h1.long-title{font-size:clamp(1.45rem,7vw,2.35rem)}.listener-hero{justify-items:center;width:100%;margin-bottom:26px}.cover-art{width:min(220px,72vw)}.listener-hero .cover-art{max-width:100%}.listener-hero .cover-art,.listener-hero .project-copy{width:min(78vw,360px);justify-self:center}.listener-hero .project-copy h1{font-size:clamp(2.1rem,10vw,3.4rem)}.listener-hero .project-copy h1.long-title{font-size:clamp(1.5rem,7vw,2.35rem)}.listener-hero .project-actions{display:none}.manage-hero .project-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;width:100%}.manage-hero .project-actions .dark-pill,.manage-hero .project-actions .white-play{min-width:min(210px,82vw);min-height:42px;font-size:.98rem}.manage-hero .project-actions .round-tool{width:42px;min-height:42px}.manage-room .upload-drawer{width:100%;padding:14px}.detail-tools{width:100%;flex-wrap:wrap;justify-content:flex-start}.detail-tools select{width:min(180px,100%)}.track-row{grid-template-columns:24px 38px minmax(0,1fr) auto auto;column-gap:9px}.comment-button,.phone-player,.row-more,.track-comments,.track-row>span:not(.track-index),.track-versions{display:none}.listen-track-table .track-row{grid-template-columns:24px 38px minmax(0,1fr) auto auto;column-gap:9px}.track-thumb{width:34px;height:34px}.comment-row-button,.heart-button{min-width:46px;padding:0 10px}.review-player{padding:10px 14px}.compact-player,.review-player{grid-template-columns:1fr;gap:8px}.compact-player{padding:10px 12px}.mobile-player-room .compact-player{min-height:142px;gap:0;padding:10px 28px 12px}.mobile-player-room .compact-player .mini-now{display:none}.compact-control-cluster{grid-template-columns:1fr;justify-self:stretch;width:100%}.mobile-player-room .compact-control-cluster{display:grid;grid-template-columns:76px minmax(0,1fr) 76px;grid-template-areas:"wave wave wave" "time time time" "rewind transport extra";grid-gap:8px 10px;gap:8px 10px;align-items:center}.mobile-player-room .mobile-rewind{display:grid;grid-area:rewind;justify-self:start}.mobile-player-room .mobile-rewind svg{transform:translateY(-3px)}.mobile-player-room .mobile-rewind small{right:50%;bottom:2px;transform:translateX(50%);font-size:.62rem}.mobile-player-room .compact-transport{grid-area:transport;justify-content:center;gap:12px}.mobile-player-room .compact-transport .round-tool{width:46px;min-height:46px}.mobile-player-room .compact-transport .compact-main-button{min-width:84px;min-height:48px}.mobile-player-room .current-time{grid-area:time;justify-self:start}.mobile-player-room .wave-seeker{grid-area:wave;width:100%;height:40px}.mobile-player-room .wave-bars{height:40px}.mobile-player-room .duration-time{grid-area:time;justify-self:end}.mobile-player-room .compact-extra{grid-area:extra;justify-content:end}.mobile-player-room .volume-control{display:none}.mobile-player-room .compact-time{font-size:.78rem}.compact-extra,.compact-time{justify-content:center}.named-link-form,.recipient-row,.share-start-controls{grid-template-columns:1fr}.recipient-row{grid-template-columns:minmax(0,1fr) minmax(58px,auto) minmax(70px,auto);gap:8px}.recipient-row strong{min-width:0;overflow:hidden}.recipient-row .comment-button{display:inline-flex;min-width:0;min-height:34px;padding:0 10px;white-space:nowrap}.bar-controls,.bar-time,.desktop-wave{display:none}}