:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;--sidebar:224px;--row:44px;--nav-row:32px;--thumb:20px;--rail:calc(var(--thumb) + 36px);--ink:#343431;--muted:#6b6b64;--line:#d8d8d4;--line-strong:#8f8f8a;--paper:#fafaf8;--shade:#f1f0ea;--page-end:calc(max(var(--player-height,0px), env(safe-area-inset-bottom)) + 40px);color:var(--ink);background:var(--paper);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:15.5px;line-height:1.5}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}button,input,textarea,select{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:0 0;border:1px solid #bcbcb8;border-radius:0;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:7px 12px;line-height:1.3;display:inline-flex}@media (hover:hover){button:hover{border-color:var(--ink)}}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input[type=range]:focus-visible,input[type=checkbox]:focus-visible,input[type=radio]:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}:is(input,textarea,select):focus-visible:not([type=range],[type=checkbox],[type=radio]){border-color:var(--ink);outline:none}a{color:inherit;text-underline-offset:3px}svg{stroke-width:1.5px}.lucide rect{rx:0;ry:0}:where(svg.lucide[width="12"]){width:.774rem;height:.774rem}:where(svg.lucide[width="13"]){width:.839rem;height:.839rem}:where(svg.lucide[width="14"]){width:.903rem;height:.903rem}:where(svg.lucide[width="15"]){width:.968rem;height:.968rem}:where(svg.lucide[width="16"]){width:1.032rem;height:1.032rem}:where(svg.lucide[width="17"]){width:1.097rem;height:1.097rem}:where(svg.lucide[width="18"]){width:1.161rem;height:1.161rem}:where(svg.lucide[width="22"]){width:1.419rem;height:1.419rem}input,textarea,select{border:1px solid var(--line-strong);background:#fff;border-radius:0;width:100%;max-width:100%;padding:10px}input::placeholder,textarea::placeholder{color:var(--muted)}input[type=search]::-webkit-search-cancel-button{appearance:none;opacity:.6;cursor:pointer;background:linear-gradient(45deg,#0000 calc(50% - .75px),currentColor calc(50% - .75px) calc(50% + .75px),#0000 calc(50% + .75px)),linear-gradient(-45deg,#0000 calc(50% - .75px),currentColor calc(50% - .75px) calc(50% + .75px),#0000 calc(50% + .75px));width:.9em;height:.9em}input[type=search]::-webkit-search-cancel-button:hover{opacity:1}textarea{resize:vertical;line-height:1.5}label{display:block}label>input,label>textarea,label>select{margin-top:7px}input[type=range]{appearance:none;background:linear-gradient(var(--ink), var(--ink)) 0 / var(--filled,0%) 100% no-repeat, #cfcfca;cursor:pointer;border:0;height:3px;padding:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border:0;border-radius:0;width:.7rem;height:.7rem}input[type=range]::-moz-range-thumb{background:var(--ink);border:0;border-radius:0;width:.7rem;height:.7rem}input[type=range]:disabled{cursor:default}input[type=range]:disabled::-webkit-slider-thumb{background:0 0}input[type=range]:disabled::-moz-range-thumb{background:0 0}progress{appearance:none;height:3px;color:var(--ink);background:#cfcfca;border:0;border-radius:0}progress::-webkit-progress-bar{background:#cfcfca}progress::-webkit-progress-value{background:var(--ink)}progress::-moz-progress-bar{background:var(--ink)}h1,h2,h3,p{margin:0}h1{letter-spacing:-1px;overflow-wrap:anywhere;font-size:2.286rem;font-weight:500;line-height:1.12}h2,h3{font-size:1rem;font-weight:600}svg{flex-shrink:0}time{color:var(--muted);font-size:.857rem}.muted{color:var(--muted)}.error,.danger{color:#a12621}.error{font-size:.929rem}.error:empty{display:none}.primary{border-color:var(--line);color:var(--ink);background:#efefea}.text-button{min-height:30px;color:inherit;background:0 0;border:0;justify-content:flex-start;padding:3px 0;font-size:.929rem}@media (hover:hover){.text-button:hover,.photo-picker:hover{text-underline-offset:3px;text-decoration:underline}}.text-button.danger{color:#a12621}a.text-button{align-items:center;gap:7px;text-decoration:none;display:inline-flex}.icon-button{border:0;width:32px;min-width:32px;height:32px;padding:5px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:50;background:#fff;padding:10px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:8px}.main-content h1:focus{outline:none}.loading{color:var(--muted);padding:3.75rem 1.5rem;animation:0s .3s both loading-in}@keyframes loading-in{0%{visibility:hidden}}.sidebar-top{gap:4px;padding-bottom:12px}.sidebar-toggle{color:var(--muted);flex:none}.sidebar-footer{margin-top:auto;padding:6px 0 0}.sidebar-footer>.nav-item{color:var(--muted)}@media (hover:hover){.sidebar-footer>.nav-item:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}}.topbar{z-index:30;background:var(--paper);border-bottom:1px solid var(--line);align-items:center;width:100%;height:52px;padding:0 24px;display:flex;position:sticky;top:0}.wordmark{letter-spacing:-.6px;color:var(--ink);font-size:1.286rem;font-weight:600;text-decoration:none}@media (width>=761px) and (not ((height<=500px) and (pointer:coarse))){.topbar{display:none}}.workspace-layout{grid-template-columns:var(--sidebar) minmax(0, 1fr);height:100dvh;display:grid;overflow:hidden}.sidebar-top{height:calc(var(--thumb) + 2rem);border-bottom:1px solid var(--line);align-items:center;margin:-10px -10px 0;padding:0 10px;display:flex;position:relative}.sidebar-top .workspace-switcher{min-width:0}.nav-item>svg{width:var(--thumb)}.sidebar-top .sidebar-toggle{left:calc(var(--thumb) / 2 + 2px);z-index:2;opacity:0;color:var(--muted);margin:0;position:absolute;transform:scale(.8)}.sidebar-top .sidebar-toggle,.sidebar-top .workspace-icon{transition:opacity .18s,transform .18s}.sidebar-top .sidebar-toggle:hover,.sidebar-top .sidebar-toggle:focus-visible{opacity:1;transform:scale(1)}:is(.sidebar-top:has(.sidebar-toggle:hover) .workspace-icon,.sidebar-top:has(.sidebar-toggle:focus-visible) .workspace-icon){opacity:0;transform:scale(.8)}@media (prefers-reduced-motion:reduce){.sidebar-top .sidebar-toggle,.sidebar-top .workspace-icon{transition:none}}.sidebar-account{border-top:1px solid var(--line);margin:6px -10px 0;padding:8px 10px}.sidebar-account .nav-item{color:var(--ink)}@media (hover:hover){.sidebar-account .nav-item:hover .nav-label{text-underline-offset:3px;text-decoration:underline}}.sidebar-account .avatar{width:var(--thumb);height:var(--thumb);flex:0 0 var(--thumb);border-color:#d3d3ca;border-radius:0;font-size:.714rem}@media (width>=1280px){:root{--sidebar:252px;--row:48px;--nav-row:34px;--thumb:24px;font-size:16.5px}}@media (width>=1600px){:root{--sidebar:280px;--row:52px;--nav-row:36px;--thumb:28px;font-size:17.5px}}@media (width>=2000px){:root{--sidebar:304px;--row:56px;--nav-row:38px;--thumb:32px;font-size:19px}}.sidebar{z-index:5;background:var(--shade);border-right:1px solid var(--line);flex-direction:column;min-height:0;padding:10px 10px 0;display:flex;overflow:hidden}.sidebar>*{flex-shrink:0}.sidebar>nav{flex:auto;min-height:0;margin:0 -10px;padding:0 10px 24px;overflow-y:auto}.sidebar-top .action-menu{flex:auto;min-width:0}.workspace-switcher{width:100%;height:calc(var(--thumb) + 14px);min-height:calc(var(--thumb) + 14px);color:var(--ink);text-align:left;border:0;border-radius:0;justify-content:flex-start;gap:8px;padding:0 8px;font-size:.929rem;font-weight:600}@media (hover:hover){.workspace-switcher:hover .workspace-switcher-name{text-underline-offset:3px;text-decoration:underline}}.workspace-switcher-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.workspace-switcher>svg,.nav-item>svg{color:var(--muted)}.nav-item{width:100%;height:var(--nav-row);min-height:var(--nav-row);color:var(--ink);text-align:left;border:0;border-radius:0;justify-content:flex-start;align-items:center;gap:8px;margin:0;padding:0 8px;font-size:.929rem;text-decoration:none;display:flex}@media (hover:hover){.nav-item:hover .nav-label{text-underline-offset:3px;text-decoration:underline}}.nav-item.active,.nav-item.active:hover{background:0 0;font-weight:600}.nav-item.active>svg,.list-tool[aria-pressed=true] svg{color:var(--ink);stroke-width:2.25px}.nav-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.playlist-thumb,.workspace-icon{width:var(--thumb);height:var(--thumb);flex:0 0 var(--thumb);background:#e7e6e0;border:1px solid #d3d3ca;display:inline-flex;overflow:hidden}.playlist-thumb img,.workspace-icon img{object-fit:cover;width:100%;height:100%}.workspace-icon-large{flex-basis:64px;width:64px;height:64px}.playlist-nav.drop-target{outline:1px dashed var(--ink);outline-offset:-1px}.sidebar-group{margin-top:16px}.sidebar-label{color:var(--muted)}.sidebar-section{justify-content:space-between;align-items:center;min-height:32px;margin:22px 0 0;padding:0 0 0 8px;display:flex}.sidebar-section .icon-button{margin-right:0}.main-content{width:100%;min-width:0;min-height:0;padding:26px 28px var(--page-end);margin:0;position:relative;overflow-y:auto}.collection-page{width:100%}.artwork{grid-area:1/1;align-self:start;width:100%}.cover{aspect-ratio:1;background:#e7e7e2;border:0;justify-content:center;align-items:center;width:100%;padding:0;display:flex;position:relative;overflow:hidden}.cover img{aspect-ratio:1;object-fit:cover;width:100%;height:100%;display:block}.cover span{font-size:.857rem;text-decoration:underline}.cover:disabled{opacity:1}.cover-caption{color:#fff;text-shadow:0 1px 2px #00000080;opacity:0;padding:8px 10px;position:absolute;bottom:0;left:0}.cover:focus-visible .cover-caption,.cover:disabled .cover-caption{opacity:1}@media (hover:hover){.cover:hover .cover-caption{opacity:1}}.artwork .error{margin-top:6px}.collection-info{flex-direction:column;grid-area:1/2;align-items:flex-start;min-width:0;padding:0;display:flex}.collection-heading{justify-content:space-between;align-items:flex-start;gap:14px;width:100%;display:flex}.collection-title{min-width:0}.collection-meta{color:var(--muted)}.collection-play{border-radius:0;min-width:86px}.description{color:var(--ink);white-space:pre-wrap;max-width:560px;margin-top:18px;font-size:1rem;line-height:1.6}.action-menu{flex:none;position:relative}.menu-trigger{border:0;width:36px;height:36px;min-height:36px;padding:0}.menu-items{z-index:25;border:1px solid var(--line);background:var(--paper);width:210px;padding:5px;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 3px 12px #2020200a}.menu-items>[aria-current=true]{font-weight:500}.menu-items>button,.menu-items>a{border:0;justify-content:flex-start;width:100%;min-height:40px;padding:10px;font-size:.929rem;text-decoration:none;display:flex}@media (hover:hover){.menu-items>button:not(.workspace-row):hover,.menu-items>a:hover,.workspace-row:hover>span>span{text-underline-offset:3px;text-decoration:underline}}.menu-items-left{width:260px;top:calc(100% + 6px);left:0;right:auto}.sidebar .menu-items-left{width:auto;right:0}.menu-items>.workspace-row{justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:6px 10px;line-height:1.3}.workspace-row>span:not(.workspace-icon){text-align:left;flex-direction:column;flex:1;min-width:0;display:flex}.workspace-row>.workspace-icon{flex:0 0 20px}.workspace-row>span>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-row small{color:var(--muted);font-size:.857rem}.workspace-row[aria-current=true]>span:not(.workspace-icon)>span{font-weight:600}.menu-divider{border:0;border-top:1px solid var(--line);margin:5px 0}.list-toolbar{justify-content:space-between;align-items:center;gap:18px;padding:12px 0;display:flex}.list-toolbar input{max-width:260px}.list-toolbar .muted{font-size:.857rem}.track-row{border-bottom:1px solid var(--line);grid-template-columns:28px minmax(0,1fr) 92px 48px 36px;align-items:center;gap:10px;min-height:44px;display:grid}.track-name{text-align:left;overflow-wrap:anywhere;border:0;justify-content:flex-start;min-width:0;min-height:44px;padding:8px 0;font-size:1rem;font-weight:400}.track-row>div:last-child:empty{display:none}@media (hover:hover){.track-name:hover{text-underline-offset:3px;text-decoration:underline}}.track-title{flex-wrap:wrap;align-items:baseline;gap:2px 12px;min-width:0;display:flex}.track-play-button{width:28px;height:34px;min-height:34px;color:var(--muted);border:0;padding:0}.row-number{font-variant-numeric:tabular-nums;font-size:.857rem}.track-time{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.857rem}.version-toggle{justify-content:center;width:36px;height:36px;padding:0}.track-group.all-versions{border-bottom:1px solid var(--line)}.track-group.all-versions>.track-row{border-bottom:0}.version-line{height:calc(var(--row) - 14px);grid-template-columns:20px auto auto minmax(0,1fr) 48px 36px;align-items:center;gap:10px;display:grid}.version-line button{min-height:calc(var(--row) - 14px)}.version-line .track-play-button{width:20px;height:calc(var(--row) - 14px)}.version-line .version-label{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.857rem;overflow:hidden}.version-line .note{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.857rem;overflow:hidden}.version-line time{white-space:nowrap}.version-status{color:var(--muted);justify-content:center;align-items:center;display:flex}.select-version{width:100%;color:var(--ink);opacity:0;justify-content:center;padding:0;font-size:.857rem}.version-line:hover .select-version,.version-line:focus-within .select-version,.select-version:focus-visible{opacity:1}@media (hover:none){.select-version{opacity:1}}.track-row:has(.sequence-controls){grid-template-columns:28px minmax(0,1fr) 92px 48px 36px 96px}.sequence-controls{display:flex}.dragging{opacity:.4}[draggable=true]{cursor:grab}[draggable=true]:active{cursor:grabbing}.empty-list{color:var(--muted);padding:34px 0;font-size:.929rem}.empty-list .text-button{color:var(--ink);text-underline-offset:3px;margin-top:8px;text-decoration:underline}p.empty-list .text-button{font-size:inherit;vertical-align:baseline;margin-top:0;padding:0}.discussion{margin-top:32px}.section-heading{justify-content:space-between;align-items:center;display:flex}.section-heading>span{color:var(--muted);font-size:.857rem}.comments{padding:20px 0}.comments>.muted{font-size:.929rem}.comment+.comment{margin-top:20px}.comment>div{align-items:center;gap:10px;font-size:.857rem;display:flex}.comment p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:6px;line-height:1.6}.comment-actions{gap:16px;margin:5px 0;display:flex}.comment-actions .text-button{color:var(--muted)}.discussion textarea{min-height:78px;font-size:1rem}.form-footer{justify-content:space-between;align-items:center;gap:15px;margin-top:12px;display:flex}.form-footer>:last-child{margin-left:auto}.form-footer .muted{font-size:.857rem}.preview-footnote{color:var(--muted);margin-top:35px;font-size:.857rem}.notices{bottom:calc(max(var(--player-height,0px), env(safe-area-inset-bottom)) + 20px);z-index:35;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;left:18px;right:18px}@media (width>=761px) and (not ((height<=500px) and (pointer:coarse))){.notices{width:min(480px,100vw - 48px);left:24px;right:auto}.workspace-layout .notices{left:calc(var(--sidebar) + 28px);width:min(480px, calc(100vw - var(--sidebar) - 56px))}}.first-workspace-layout .notices{width:auto;position:static}.first-workspace-layout .notices:not(:empty){margin-bottom:30px}.notice{border:1px solid var(--line);pointer-events:auto;background:#efefea;justify-content:space-between;align-items:center;gap:15px;padding:12px 14px;font-size:.929rem;display:flex}.notice-actions{flex:none;align-items:center;gap:4px;display:flex}.notice-text{color:var(--muted);font-size:.929rem}.back-link{margin-bottom:20px}.page-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px;display:flex}.page-heading>div{min-width:0}.page-heading h1{letter-spacing:-.8px;font-size:1.786rem;font-weight:600}.page-meta{flex-wrap:wrap;align-items:center;margin-top:10px;font-size:.857rem;display:flex}.page-heading .description{margin-top:12px}.track-detail-layout{display:block}.version-list{--version-columns:minmax(0, 1.4fr) minmax(140px, .6fr) minmax(100px, .45fr) minmax(120px, .6fr) 72px 40px}.version-list.reordering{--version-columns:minmax(0, 1.4fr) minmax(140px, .6fr) minmax(100px, .45fr) minmax(120px, .6fr) 72px 64px 40px}.version-header,.version-heading{grid-template-columns:var(--version-columns);align-items:center;gap:10px;display:grid}.version-detail{border-bottom:1px solid var(--line);position:relative}.version-heading{min-height:var(--row)}.version-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;border:0;min-width:0;min-height:0;padding:0;font-size:1rem;display:block;overflow:hidden}.version-name:after{content:"";position:absolute;inset:0}@media (hover:hover){.version-heading:hover:not(:has(.version-meta .text-button:hover)) button.version-name{text-underline-offset:3px;text-decoration:underline}}.version-detail.current .version-name{font-weight:500}.version-heading .text-button,.version-heading .sequence-controls{position:relative}.version-meta{display:contents}.version-meta>*,.version-duration{min-width:0;color:var(--muted);white-space:nowrap;font-size:.857rem}.version-by{align-items:center;gap:8px;display:flex;overflow:hidden}.version-by .avatar{width:var(--thumb);height:var(--thumb);flex:0 0 var(--thumb);font-size:.714rem}.version-projects{text-overflow:ellipsis;overflow:hidden}.version-projects-lead{display:none}.version-meta .text-button{min-height:0;font-size:inherit;color:inherit;padding:0;display:inline}.version-by .text-button{text-overflow:ellipsis;min-width:0;overflow:hidden}.version-projects .text-button{color:var(--ink)}@media (hover:hover){.version-heading:not(:hover) .select-for-hover{display:none}.version-meta .text-button:hover{color:var(--ink)}}.version-duration{text-align:right;font-variant-numeric:tabular-nums}.version-notes{max-width:44rem;color:var(--ink);white-space:pre-wrap;margin:-6px 0 12px;font-size:.929rem}@media (width>=761px) and (width<=1099px) and (not ((height<=500px) and (pointer:coarse))){.version-list{--version-columns:minmax(0, 1.4fr) minmax(88px, .45fr) minmax(96px, .6fr) 72px 40px}.version-list.reordering{--version-columns:minmax(0, 1.4fr) minmax(88px, .45fr) minmax(96px, .6fr) 72px 64px 40px}.version-by{display:none}}.player{z-index:10;-webkit-backdrop-filter:blur(34px)saturate(1.9);backdrop-filter:blur(34px)saturate(1.9);background:#f1f0ea9e;position:fixed;bottom:0;left:0;right:0}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.player{background:var(--shade)}}.player-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;display:block;overflow:hidden}.player-title span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.857rem;display:block;overflow:hidden}.player-title .player-readout{font-variant-numeric:tabular-nums;display:none}.player[data-scrubbing] .player-title span:not(.player-readout){display:none}.player[data-scrubbing] .player-title .player-readout{display:block}.transport{align-items:center;display:flex}.player-play{border:0;padding:0}.scrubber{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.scrubber>span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.857rem}.waveform{flex:1;align-items:center;min-width:0;height:1.5rem;display:flex;position:relative}.waveform input{width:100%}.volume{align-items:center;gap:.3rem;display:flex}.volume input{width:4.3rem}dialog{border:1px solid var(--line);background:var(--paper);width:32.25rem;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);color:var(--ink);border-radius:0;padding:0;box-shadow:0 8px 32px #00000012}dialog::backdrop{background:#00000040}@media (width>=761px) and (height>=600px){dialog{max-height:calc(100dvh - 12vh - 24px);margin:12vh auto auto}}.modal-content{padding:1.55rem}.modal-heading{z-index:1;background:var(--paper);justify-content:space-between;align-items:center;gap:16px;margin:-1.55rem -1.55rem .8rem;padding:1.55rem 1.55rem .75rem;display:flex;position:sticky;top:0}.modal-heading .icon-button{width:2.25rem;min-width:2.25rem;height:2.25rem}.modal-heading .icon-button svg{width:1.15rem;height:1.15rem}.modal-heading h2{letter-spacing:-.5px;font-size:1.571rem;font-weight:500}.stack-form{flex-direction:column;gap:18px;display:flex}.stack-form label{font-size:.929rem}.stack-form>.muted,.modal-content>.muted{font-size:.929rem;line-height:1.6}.stack-form input[type=file]{padding:12px;font-size:.857rem}.stack-form input[type=file]::file-selector-button{border:1px solid var(--line-strong);font:inherit;background:#efefea;margin-right:10px;padding:7px 9px}.stack-form progress{width:100%}.stack-form .form-footer{margin:0}@media (width>=761px) and (not ((height<=500px) and (pointer:coarse))){.modal-content .stack-form>button:not(.text-button){align-self:flex-end}}.stack-form>.fine-print{margin-top:0}.picker-search{margin-top:20px}.track-picker{max-height:360px;margin:15px 0;overflow-y:auto}.track-picker>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:12px 0;display:flex}.track-picker small{color:var(--muted);font-size:.857rem;display:block}.member-list{margin:20px 0;padding:0;list-style:none}.member-list li{border-bottom:1px solid var(--line);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.member-list li>span:not(.avatar){flex-direction:column;gap:4px;min-width:0;display:flex}.member-list small,.member-list li>span>span{color:var(--muted);font-size:.857rem}.member-name{min-height:0;font-size:inherit;overflow-wrap:anywhere;align-self:flex-start;padding:0}.member-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.member-actions select{width:auto;font-size:.857rem}.settings-section{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.account-sign-out{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.fine-print{color:var(--muted);margin-top:18px;font-size:.857rem;line-height:1.6}.feedback-entry{border-top:1px solid var(--line);margin-top:20px;padding-top:15px}.feedback-entry p{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px}.feedback-entry small{color:var(--muted)}.view-only .edit-action{display:none}.first-workspace-layout{display:block}.first-workspace-layout .main-content{max-width:500px;margin:0 auto;padding:50px 0}.first-workspace>p{color:var(--muted);margin:18px 0 30px}.workspace-form details{padding:12px 0}.workspace-form summary{cursor:pointer;font-size:.929rem}.workspace-form details>label{margin-top:18px}.workspace-form details>p{margin-top:10px}.auth-page{width:100%;max-width:470px;margin:60px auto;padding:0 24px}.auth-description{color:var(--muted);max-width:360px;margin-bottom:32px;font-size:1rem;line-height:1.6}.auth-intro{margin-bottom:32px}.auth-mark{width:64px;height:64px;color:var(--ink);margin-bottom:26px;display:block}.auth-mark-grooves{transform-origin:50%;animation:28s linear infinite turn}@keyframes turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.auth-mark-grooves{animation:none}}.auth-page form{flex-direction:column;gap:12px;display:flex}.auth-page form label{font-size:.857rem}.auth-page form input{min-height:44px}.auth-page form>button{min-height:40px;margin-top:4px}.auth-secondary{flex-wrap:wrap;gap:20px;margin-top:18px;display:flex}.auth-notice{color:var(--muted);font-size:.929rem}.auth-notice:empty{display:none}.signed-in{color:var(--muted);font-size:.857rem}.signed-in .text-button{min-height:0;font-size:inherit;color:var(--ink);padding:0}.first-workspace>.signed-in{margin-top:40px}.load-error{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.public-footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:60px;padding-top:18px;font-size:.857rem;display:flex}.public-footer nav{gap:16px;display:flex}.invite-note{border:1px solid var(--line);margin-bottom:20px;padding:12px;font-size:.929rem}.legal-page{max-width:690px}.legal-page article{margin-top:40px;line-height:1.7}.legal-page h1{margin-bottom:16px}.legal-page h2{margin:26px 0 10px;font-size:1.143rem}.legal-page article p{margin-bottom:16px}@media (width<=1050px) and (width>=761px) and (not ((height<=500px) and (pointer:coarse))){.volume{display:none}}@media (width<=760px),(height<=500px) and (pointer:coarse){input,textarea,select{font-size:1.143rem}button{min-height:40px}.topbar{height:50px;padding:0 18px}.wordmark{font-size:1.286rem}.workspace-layout{height:auto;display:block;overflow:visible}.main-content{overflow:visible}.sidebar{display:none}.sidebar.is-open{--thumb:22px;overscroll-behavior:contain;margin-left:0}html:has(.sidebar.is-open){overflow:hidden}.sidebar.is-open>.action-menu{margin:0 -6px 6px;display:flex}.sidebar.is-open>nav{flex-shrink:0;margin:0;padding:0;overflow:visible}.sidebar.is-open .sidebar-group{margin-top:0}.sidebar.is-open .sidebar-top{height:50px;margin:-14px -18px 0;padding:0 18px}.sidebar.is-open .workspace-switcher{gap:12px;height:40px;min-height:40px;font-size:1.214rem}.sidebar.is-open .sidebar-top .workspace-icon{flex-basis:22px;width:22px;height:22px}.sidebar .nav-item{gap:12px;height:46px;min-height:46px;font-size:1.143rem}.sidebar .nav-item>svg{width:var(--thumb);height:18px}.sidebar .sidebar-label{font-size:1rem}.sidebar.is-open .sidebar-account{margin:6px -18px 0;padding:8px 18px}.main-content{max-width:none;padding:0}.collection-play{justify-self:start}.description{grid-column:1/-1;margin:0}.track-section{padding:0 18px}.track-row{min-height:54px}.track-name{line-height:1.45}.track-play-button{width:24px;min-height:44px}.track-time{font-size:.857rem}.track-row:has(.sequence-controls)>div:last-child{grid-column:2/-1;justify-self:end;padding-bottom:8px}.version-line{grid-template-columns:24px minmax(0,1fr) auto 40px;gap:8px;height:40px}.version-line .version-label{font-size:.929rem}.version-line button{min-height:40px}.version-line .track-play-button{width:24px;height:40px}.version-line time,.version-line .note{display:none}.main-content:has(.back-link){padding:22px 18px var(--page-end)}.back-link{min-height:44px;margin:-7px 0 13px}.page-heading{gap:14px}.page-heading h1{letter-spacing:-.6px;font-size:2rem}.page-heading .collection-actions{display:contents}.page-heading .collection-actions>:not(.collection-play){display:none}.page-heading>div:has(.collection-play){grid-template-columns:44px minmax(0,1fr);column-gap:14px;display:grid}.page-heading>div:has(.collection-play)>*{grid-column:2}.page-heading>div:has(.collection-play)>.description{grid-column:1/-1}.page-heading .collection-play{border:1px solid var(--line-strong);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--ink);grid-row:1/span 2}.page-heading .collection-play svg{width:14px;height:14px}.version-list,.version-list.reordering{--version-columns:minmax(0, 1fr) auto 40px}.version-heading{grid-template-areas:"name time menu""meta time menu";gap:2px 8px;min-height:62px;padding:8px 0}.version-name{grid-area:name;font-size:1.143rem}.version-meta{white-space:nowrap;text-overflow:ellipsis;grid-area:meta;display:block;overflow:clip visible}.version-meta>*,.version-duration{font-size:.929rem}.version-meta>:empty,.version-meta .avatar{display:none}.version-by,.version-projects-lead{display:inline}.version-projects{display:block;overflow:clip visible}.select-for-hover{display:none}.version-by:not(:empty)+time:before{content:"·";color:#bfbfb9;margin:0 6px}.version-meta .text-button{color:var(--ink);padding:8px 0}.version-meta button.text-button{margin:-8px 0}.version-duration{grid-area:time}.version-heading>.action-menu{grid-area:menu}.version-heading .sequence-controls{grid-column:1/-1;justify-self:end}.version-notes{margin-top:-2px}.notice{align-items:flex-start}.preview-footnote{margin:30px 18px 0}.player{display:grid}.transport button{min-width:44px;min-height:44px}.transport .player-play{background-clip:content-box;margin:-4px -4px -4px 0;padding:4px}.first-workspace-layout .main-content{padding:35px 20px}dialog{width:100%;max-width:none;height:100dvh;max-height:none;box-shadow:none;overscroll-behavior:contain;border:0;margin:0}.modal-content{min-height:100%;padding:20px 18px calc(24px + env(safe-area-inset-bottom))}.modal-heading{min-height:calc(50px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 18px 0;border-bottom:1px solid var(--line);margin:-20px -18px 20px}.modal-heading h2{letter-spacing:0;font-size:1.214rem;font-weight:600}.modal-heading .icon-button{width:44px;min-width:44px;height:44px;margin-right:-12px}.member-list li,.form-footer{flex-wrap:wrap}.auth-page{margin:40px auto}}.header-actions{align-items:center;gap:18px;display:flex}.upload-filename{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:.929rem}.track-page>.page-heading,.track-page>.track-detail-layout,.track-page>.discussion{width:100%}.track-page>.discussion{max-width:44rem}.topbar,.collection-header,.section-heading,.player{border-color:var(--line)}.workspace-layout{padding-bottom:0}.sign-in-page{min-height:100dvh;padding-top:54px;padding-bottom:calc(24px + env(safe-area-inset-bottom));flex-direction:column;margin-top:0;margin-bottom:0;display:flex}.sign-in-page .public-footer{margin-top:auto;padding-top:18px}.sign-in-page form,.sign-in-page .auth-secondary{margin-bottom:32px}.beta-label{color:var(--muted);margin-bottom:12px;font-size:.857rem}@media (width<=760px),(height<=500px) and (pointer:coarse){.sign-in-page{padding-top:36px}}.topbar{justify-content:flex-start;gap:26px}.header-actions{margin-left:auto}.avatar{width:30px;height:30px;color:var(--ink);background:#e7e7e2;border:1px solid #d3d3ca;justify-content:center;align-items:center;font-size:.786rem;font-weight:600;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-large{width:64px;height:64px;font-size:1.429rem}.account-photo{align-items:center;gap:18px;margin-bottom:24px;display:flex}.photo-picker{cursor:pointer;font-size:.929rem;display:block}.photo-picker:focus-within{outline:2px solid var(--ink);outline-offset:3px}@media (width<=760px),(height<=500px) and (pointer:coarse){.menu-items-left{max-width:calc(100vw - 36px)}.header-actions{gap:8px}}.sidebar-label{letter-spacing:0;font-size:.857rem;font-weight:500}.section-heading h2{letter-spacing:-.1px;color:var(--ink);font-size:1.143rem;font-weight:600}.collection-title h1{line-height:1.2}.collection-meta{margin-top:7px;font-size:.857rem}.discussion{max-width:none}.section-heading{border-bottom:1px solid var(--line);min-height:calc(1.75rem + 9px);padding-bottom:8px}.comment p{font-size:.929rem}@media (width>=761px) and (not ((height<=500px) and (pointer:coarse))){.main-content{padding:24px 28px var(--page-end)}.playlist-page .collection-info{padding-bottom:18px}.playlist-page .track-section{margin-top:10px}}@media (width<=760px),(height<=500px) and (pointer:coarse){.workspace-layout{min-height:calc(100dvh - 50px)}.track-name{min-height:40px;padding:0}.track-title{padding:2px 0}.sidebar.is-open{border-bottom:1px solid var(--line)}.sidebar .sidebar-section{margin-top:10px}.main-content{padding-bottom:var(--page-end)}.description{font-size:.929rem}.playlist-page{flex-direction:column;display:flex}.playlist-page .collection-header,.playlist-page .collection-info{padding-bottom:18px}.playlist-page .track-section:before{content:"";border-top:1px solid var(--line);margin:0 -18px;display:block}}.row-progress.upload{background:var(--muted)}.is-uploading .track-name,.is-uploading .version-name,.is-uploading .version-label{color:var(--muted)}.upload-when{color:var(--muted);white-space:nowrap;font-size:.857rem}span.track-play-button{justify-content:center;align-items:center;display:inline-flex}span.track-name{align-items:center;display:flex}span.track-name,span.version-name{line-height:1.3}.is-uploading .track-title{flex-wrap:nowrap}.upload-near,.upload-retry{z-index:1;position:relative}.upload-near{min-height:0;color:var(--muted);white-space:nowrap;flex:none;padding:0}.upload-retry{min-height:0;color:var(--ink);padding:0}.upload-failed{color:#a12621}@media (width<=1099px),(height<=500px) and (pointer:coarse){.is-uploading .track-cell-more{display:inline}}.track-row .upload-menu{justify-self:end}.track-row .upload-menu .menu-trigger{justify-content:flex-end}.upload-button{position:relative}.topbar[data-upload]:after{content:"";background:var(--muted);height:1px;transform:scaleX(var(--up,0));transform-origin:0;pointer-events:none;transition:transform .25s linear;position:absolute;bottom:-1px;left:0;right:0}.topbar[data-upload=failed]:after{background:#a12621}.main-content[data-drop]{outline:1px dashed var(--ink);outline-offset:-8px}.drop-hint{z-index:3;height:0;position:sticky;top:0}.drop-hint>span{background:var(--paper);color:var(--muted);white-space:nowrap;padding:0 6px;font-size:.929rem;line-height:1.2;position:absolute;bottom:7px;left:-6px}.track-row[data-drop],.home-section .home-row[data-drop]{border-bottom:1px dashed var(--ink)}.track-group.all-versions:has(>.track-row[data-drop]){border-bottom:1px dashed var(--ink)}.home-section{margin-top:32px}.home-first{margin-top:0}.home-row{grid-template-columns:minmax(0,1fr) auto 46px 24px;align-items:center;gap:12px;min-height:54px;display:grid}.home-section .home-row{border-bottom:1px solid var(--line)}.row-open{width:24px;min-width:24px;color:var(--muted)}.home-row-title{text-align:left;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;min-width:0;padding:8px 0;font-size:1.071rem;display:flex}@media (hover:hover){.home-row-title:hover .home-row-name{text-underline-offset:3px;text-decoration:underline}}.home-row-name{font-weight:400}.home-row-title>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.home-row-title small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.857rem;overflow:hidden}.home-row time{color:var(--muted);white-space:nowrap;font-size:.857rem}.home-row .track-time{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;font-size:.857rem}.home-projects,.home-project-list{padding-top:6px;display:block}.home-project{width:100%;min-height:var(--row);border:0;border-bottom:1px solid var(--line);text-align:left;color:var(--ink);background:0 0;grid-template-columns:auto minmax(0,1fr) 24px;align-items:center;column-gap:14px;padding:12px 0;font-size:.929rem;line-height:1.3;text-decoration:none;display:grid}@media (hover:hover){.home-project:hover .home-project-title{text-underline-offset:3px;text-decoration:underline}}.home-project-title{font-size:1.071rem;font-weight:600}.home-project small{color:var(--muted);font-size:.857rem}@media (width<=760px),(height<=500px) and (pointer:coarse){.home-page{padding:18px 18px 0}}.topbar .menu-button{display:none}@media (width<=760px),(height<=500px) and (pointer:coarse){.topbar .menu-button{width:44px;min-width:44px;height:44px;margin:0 -6px 0 -14px;display:inline-flex}.sidebar.is-open{z-index:45;width:min(280px,76vw);height:100dvh;padding:14px 18px calc(24px + env(safe-area-inset-bottom)) calc(18px + env(safe-area-inset-left));background:var(--paper);border:0;border-right:1px solid var(--line);margin:0;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;box-shadow:0 0 40px #20202033}.drawer-scrim{z-index:44;background:#34343133;border:0;border-radius:0;min-height:0;padding:0;position:fixed;inset:0}}.playlist-page{display:block}.collection-header,.playlist-page .collection-header{grid-template-columns:clamp(15rem,16vw,20rem) minmax(0,1fr);align-items:end;gap:28px;padding-bottom:24px;display:grid}.collection-title h1{letter-spacing:-.8px;font-size:2.429rem;font-weight:600}.collection-info .description{margin-top:12px}.playlist-page>.discussion{max-width:720px;margin-top:36px}.list-header{border-bottom:1px solid var(--line);letter-spacing:0;color:var(--muted);gap:10px;padding:6px 0;font-size:.857rem;display:grid}.list-header>span{font-size:inherit}.sort-heading{min-height:0;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}.sort-heading.is-sorted{color:var(--ink)}@media (hover:hover){.sort-heading:hover{text-underline-offset:3px;text-decoration:underline}}.list-sort .text-button{min-height:44px;color:var(--muted);gap:6px}@media (width>=761px) and (not ((height<=500px) and (pointer:coarse))){.list-sort{display:none}}.playlist-page .list-header span:first-child{text-align:center}.list-header .list-length{text-align:right}.track-version-cell{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.857rem;overflow:hidden}.track-version-cell:has(.version-menu){align-items:baseline;display:flex;overflow:visible}.track-version-cell .version-menu{flex:0 auto;min-width:0}.version-menu>.text-button{z-index:1;text-overflow:ellipsis;white-space:nowrap;max-width:100%;min-height:0;font-size:inherit;padding:0;display:block;position:relative;overflow:hidden}@media (hover:hover){.version-menu>.text-button:hover{color:var(--ink)}}.version-newer{text-overflow:ellipsis;white-space:pre;min-width:0;overflow:hidden}@media (width<=1099px){.track-version-cell .version-menu{position:static}.version-menu>.menu-items-left{left:auto;right:0}}.track-cell-more{display:none}@media (width>=761px) and (width<=1099px) and (not ((height<=500px) and (pointer:coarse))){.collection-header,.playlist-page .collection-header{grid-template-columns:180px minmax(0,1fr);gap:20px}}@media (width<=760px),(height<=500px) and (pointer:coarse){.collection-header,.playlist-page .collection-header{border-bottom:1px solid var(--line);padding:0 0 18px;display:block}.collection-header .artwork{width:100%;margin-bottom:4px}.list-header{display:none}.track-row{grid-template-columns:24px minmax(0,max-content) minmax(0,1fr) auto 24px;gap:8px}.track-row:has(.sequence-controls){grid-template-columns:24px minmax(0,max-content) minmax(0,1fr) auto 24px}.track-group.all-versions>.track-row{grid-template-columns:24px minmax(0,max-content) minmax(0,1fr) auto 40px}.track-group.all-versions>.track-row .version-toggle{justify-self:end}.playlist-page .track-title,.playlist-page .track-version-cell{align-self:baseline}.version-menu>.text-button{pointer-events:none}.library-page .track-row{grid-template-columns:minmax(0,1fr) auto 24px}.track-name{overflow-wrap:normal}.track-name>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.track-table.all-versions .track-version-cell{visibility:hidden}.version-toggle,.row-open{height:44px}.version-toggle,.upload-menu .menu-trigger{width:24px}.version-toggle:before,.row-open:before{content:"";position:absolute;inset:0 -10px}.home-row{grid-template-columns:minmax(0,1fr) auto 24px;grid-template-areas:"title date open""title time open";align-content:center;gap:3px 8px}.home-row-title{grid-area:title}.home-row time{grid-area:date;place-self:end}.home-row .track-time{grid-area:time;align-self:start}.home-row .row-open{grid-area:open}.playlist-page>.discussion{margin:24px 18px 0}}.composer{margin-top:14px;position:relative}.composer textarea{resize:none;border-color:var(--line);background:#fff;min-height:40px;max-height:200px;padding:10px 44px 10px 12px;font-size:.929rem;line-height:1.4;overflow-y:auto}.composer-send{border:0;width:28px;height:28px;min-height:28px;padding:0;position:absolute;top:6px;right:6px}.composer-send:disabled{opacity:.25}.composer .error{margin-top:6px;display:block}@media (width<=760px),(height<=500px) and (pointer:coarse){.composer textarea,.discussion textarea,.member-actions select{font-size:1.143rem}}.track-row,.track-group.all-versions,.home-row,.version-line{border-bottom:0}@media (width<=760px),(height<=500px) and (pointer:coarse){.track-row,.track-group.all-versions{border-bottom:1px solid var(--line)}}.version-line{margin-left:38px}@media (width<=760px),(height<=500px) and (pointer:coarse){.version-line{margin-left:32px}}.track-group.all-versions{padding-bottom:4px}.row-progress{background:var(--ink);height:1px;transform:scaleX(var(--done,0));transform-origin:0;pointer-events:none;transition:transform .25s linear;position:absolute;bottom:-1px;left:0;right:0}@media (prefers-reduced-motion:reduce){.row-progress,.topbar[data-upload]:after{transition:none}}.current-track .track-name,.current-track .home-row-name{font-weight:500}.player-open{justify-content:flex-start;gap:inherit;width:100%;min-width:0;line-height:inherit;color:var(--ink);text-align:left;background:0 0;border:0;padding:0}@media (hover:hover){.player-open:hover strong{text-underline-offset:3px;text-decoration:underline}}.player-buffering{opacity:.6;border:1.5px solid;border-right-color:#0000;width:.9rem;height:.9rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.player-buffering{animation-duration:2.4s}}.player{border-top:1px solid var(--line);grid-template-columns:minmax(12rem,1fr) minmax(0,40rem) minmax(9rem,1fr);align-items:center;gap:1.5rem;padding:.65rem 28px;display:grid}.player-title strong{font-weight:500}.player-center{flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.transport{justify-content:center;gap:.9rem}.player .icon-button{width:2.1rem;min-width:2.1rem;height:2.1rem}.player svg{width:1.05rem;height:1.05rem}.player-play{width:2.1rem;height:2.1rem;min-height:2.1rem}.player-play svg{width:1.1rem;height:1.1rem}.player-play:disabled{opacity:.3}.player-play:disabled:has(.player-buffering){opacity:1}.scrubber{width:100%}.volume{justify-self:end}@media (width>=761px) and (width<=1050px) and (not ((height<=500px) and (pointer:coarse))){.player{grid-template-columns:minmax(11rem,2fr) minmax(0,3fr)}}@media (width<=760px),(height<=500px) and (pointer:coarse){.player-center{width:100%}.volume{display:none}}.main-content{scroll-padding-bottom:calc(var(--player-height,0px) + 12px)}@media (width<=760px),(height<=500px) and (pointer:coarse){html{scroll-padding-top:60px;scroll-padding-bottom:calc(var(--player-height,0px) + 12px)}}.player-play,.composer-send{color:var(--ink);background:#e6e5df}@media (hover:hover){.player-play:hover,.composer-send:not(:disabled):hover{box-shadow:inset 0 0 0 1px var(--ink)}}.track-play-button{gap:0}.collection-artist{color:var(--ink);margin-top:4px;font-size:1.071rem}.player-title{align-items:center;gap:12px;min-width:0;display:flex}.player-title div{min-width:0}.player-cover{object-fit:cover;background:#e7e6e0;flex:none;width:2.6rem;height:2.6rem}.topbar-workspace{align-items:center;min-width:0;margin-left:4px;display:flex}.topbar .workspace-switcher{width:auto;max-width:280px;height:32px;min-height:32px;font-size:1rem}.menu-items>.menu-secondary{min-height:34px;color:var(--muted);font-size:.857rem}@media (width>=761px) and (not ((height<=500px) and (pointer:coarse))){.track-table.all-versions .track-version-cell,.track-table.all-versions .row-version,.track-table.all-versions .track-added,.track-table.all-versions .track-by{display:none}.workspace-layout.sidebar-closed{--sidebar:var(--rail)}.sidebar-closed .sidebar{padding:10px 0 0;overflow:visible}.sidebar-closed .sidebar .menu-items-left{width:260px;right:auto}.sidebar-closed .sidebar-top{justify-content:center;margin:-10px 0 0;padding:0}.sidebar-closed .nav-item.active .playlist-thumb{outline:1.5px solid var(--ink);outline-offset:2px}.sidebar-closed .sidebar>nav{margin:0;padding:0 0 24px}.sidebar-closed .sidebar-account{margin:6px 0 0;padding:6px 0 0}.sidebar-closed .nav-item,.sidebar-closed .workspace-switcher,.sidebar-closed .sidebar-top .action-menu{justify-content:center;padding:0}.sidebar-closed .nav-label,.sidebar-closed .sidebar-section,.sidebar-closed .workspace-switcher-name,.sidebar-closed .workspace-switcher>svg:last-child{display:none}.sidebar-closed .sidebar-footer .nav-item:not(:has(.avatar)){display:none}.sidebar-closed .sidebar-footer{padding:0 0 10px}.sidebar-closed .nav-item{width:calc(100% - 16px);margin:0 8px}.sidebar-closed .sidebar-top .action-menu{flex:none;align-self:center}.sidebar-closed .workspace-switcher{width:calc(var(--rail) - 16px)}}@media (hover:none) and (width>=761px) and (not ((height<=500px) and (pointer:coarse))){.sidebar-top .sidebar-toggle{opacity:1;background:0 0;order:2;position:static;transform:none}:is(.sidebar-top:has(.sidebar-toggle:hover) .workspace-icon,.sidebar-top:has(.sidebar-toggle:focus-visible) .workspace-icon){opacity:1;transform:none}.sidebar-closed .sidebar-top .action-menu{display:none}.sidebar-top .menu-items-left{right:-36px}}.track-row,.version-line,.home-row{position:relative}.track-name:after,.version-line .track-play-button:after,.home-row-title:after{content:"";position:absolute;inset:0}.track-row .track-play-button,.track-row .version-toggle,.track-row .sequence-controls,.track-by .text-button,.track-projects .text-button,.version-line .version-status,.home-row .row-open{z-index:1;position:relative}@media (hover:hover){.version-line:hover .version-label{text-underline-offset:3px;text-decoration:underline}.track-row:hover:not(:has(a:hover,.version-menu:hover)) button.track-name{text-underline-offset:3px;text-decoration:underline}.home-row:hover:not(:has(a:hover)) .home-row-name{text-underline-offset:3px;text-decoration:underline}}@media (width>=761px) and (not ((height<=500px) and (pointer:coarse))){.player{left:var(--sidebar)}#root:has(.workspace-layout.sidebar-closed) .player{left:var(--rail)}}@media (width<=760px),(height<=500px) and (pointer:coarse){.topbar{gap:10px}.topbar:has(.topbar-workspace) .header-actions>.action-menu:not(.phone-add){display:none}.topbar-workspace{flex:auto;margin-left:0}.topbar-workspace>.action-menu{min-width:0;max-width:100%}.topbar .workspace-switcher{min-width:0;max-width:100%;height:40px;min-height:40px;font-size:1.214rem;font-weight:600}.topbar .workspace-switcher-name{max-width:none}.topbar .workspace-icon{flex-basis:22px;width:22px;height:22px}.sidebar-top .sidebar-toggle{display:none}.collection-header .artwork{position:relative}.collection-header .artwork:after{content:"";z-index:-1;background:linear-gradient(#e8e6de, var(--paper));pointer-events:none;height:220px;position:absolute;top:100%;left:0;right:0}.collection-info{grid-template-columns:56px minmax(0,1fr);align-items:start;gap:4px 14px;padding:16px 16px 0;display:grid}.collection-info>*{grid-column:2}.collection-info .description{grid-column:1/-1;margin-top:10px}.collection-info.no-play{grid-template-columns:minmax(0,1fr)}.collection-info.no-play>*{grid-column:1}.collection-header .cover.empty{aspect-ratio:auto;background:0 0;justify-content:flex-start;padding:12px 16px 0}.collection-header .cover.empty span{font-size:1rem}.collection-header .artwork:has(div.cover.empty){display:none}.collection-header .artwork:has(.cover.empty):after{display:none}.collection-play{border:1.5px solid var(--ink);background:0 0;grid-area:1/1;align-self:start;width:56px;min-width:56px;height:56px;min-height:56px;margin:0;padding:0}.collection-play .button-label{display:none}.collection-play svg{width:24px;height:24px}.collection-title h1{letter-spacing:-.6px;font-size:2rem;line-height:1.2}.collection-artist{font-size:.929rem}.collection-meta{margin-top:2px;font-size:.929rem}.track-name,.home-row-title{font-size:1.143rem}.home-row-title small,.home-row time,.home-row .track-time,.track-time,.version-line .version-label,.version-line time{font-size:.929rem}.section-heading h2{font-size:1.214rem}}@media (height<=500px) and (pointer:coarse){.collection-header:not(:has(.cover.empty)){align-items:flex-end;gap:16px;padding:16px 16px 18px;display:flex}.collection-header .artwork{flex:0 0 9.5rem;margin:0}.collection-header .artwork:after{display:none}:where(.collection-header:not(:has(.cover.empty))) .collection-info{flex:1;min-width:0;padding:0}}.phone-add{display:none}@media (width<=760px),(height<=500px) and (pointer:coarse){.phone-add{display:flex}.topbar-workspace,.header-actions{transition:opacity .16s}:is(.app-shell:has(.sidebar.is-open) .topbar-workspace,.app-shell:has(.sidebar.is-open) .header-actions){opacity:0;pointer-events:none}.library-page .track-row{grid-template-areas:"name time open""meta time open";align-content:center;align-items:center;row-gap:3px;min-height:62px}.library-page .track-title{grid-area:name}.library-page .track-version-cell{grid-area:meta;font-size:.929rem;display:block}.library-page .track-cell-more{display:inline}.library-page .track-time{grid-area:time}.library-page .version-toggle,.library-page .upload-menu{grid-area:open}.library-page .track-name{min-height:0;padding:0}}.welcome-page h1{letter-spacing:-.6px;margin-bottom:8px;font-size:2rem}.welcome-page>.muted{max-width:420px;margin-bottom:28px}.welcome-page .account-photo{margin-bottom:24px}.welcome-page form{flex-direction:column;gap:12px;max-width:340px;display:flex}.welcome-page .primary{align-self:flex-start}@media (width>=761px) and (not ((height<=500px) and (pointer:coarse))){.home-row,.home-header{grid-template-columns:minmax(0,1.4fr) minmax(90px,.5fr) 72px 32px;align-items:center;gap:16px}.home-header{display:grid}.home-row{min-height:var(--row)}.home-row-title small{display:none}.home-row-title{flex-direction:row;justify-content:flex-start;align-items:center;padding:0}.track-table .list-header,.track-row{grid-template-columns:28px minmax(0,1.4fr) minmax(90px,.5fr) 72px 40px}.track-table:has(.sequence-controls) .list-header{grid-template-columns:28px minmax(0,1.4fr) minmax(90px,.5fr) 72px 40px 96px}.track-row:has(.sequence-controls){grid-template-columns:28px minmax(0,1.4fr) minmax(90px,.5fr) 72px 40px 96px}.track-table.all-versions .list-header,.track-table.all-versions .track-row{grid-template-columns:28px minmax(0,1.4fr) 72px 2.6rem}:is(.track-table.all-versions:has(.sequence-controls) .list-header,.track-table.all-versions .track-row:has(.sequence-controls)){grid-template-columns:28px minmax(0,1.4fr) 72px 2.6rem 96px}.library-page .list-header,.library-page .track-row{grid-template-columns:minmax(0,1.4fr) minmax(90px,.5fr) 72px 40px}.version-line{grid-template-columns:20px auto auto minmax(0,1fr) 72px 2.6rem}.track-table:has(.sequence-controls) .version-line{grid-template-columns:20px auto auto minmax(0,1fr) 72px 2.6rem 96px}.track-row{min-height:var(--row)}.list-header span{white-space:nowrap}.track-name{overflow-wrap:normal}.track-name>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.row-open,.version-toggle{justify-content:flex-end;justify-self:end}.row-open{padding:0}.home-project-open{justify-self:end}.version-line .version-status,.version-line .select-version{justify-content:flex-end}.track-row,.home-row{border-bottom:1px solid var(--line)}.track-group.all-versions>.track-row{border-bottom:0}.track-group.all-versions{border-bottom:1px solid var(--line)}}.track-by,.track-projects{min-width:0;color:var(--muted);align-items:center;font-size:.86em;display:flex}.track-by{gap:8px}.track-projects{gap:10px}.track-by .text-button,.track-projects .text-button{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:0 auto;min-width:0;min-height:0;padding:0;display:block;overflow:hidden}.track-projects .text-button:first-child{flex-shrink:0;max-width:100%}.track-by .avatar{width:var(--thumb);height:var(--thumb);flex:0 0 var(--thumb);font-size:.714rem}.row-version{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.86em;overflow:hidden}@media (width<=760px),(height<=500px) and (pointer:coarse){.home-header,.row-version,.track-by,.track-projects{display:none}}@media (width<=1099px){.track-added,.track-by,.track-projects{display:none}}@media (width>=761px) and (width<=1099px) and (not ((height<=500px) and (pointer:coarse))){.home-row time{display:none}}@media (width>=1100px){.home-row,.home-header{grid-template-columns:minmax(0,1.4fr) minmax(90px,.5fr) minmax(140px,.6fr) minmax(110px,.45fr) 72px 32px}.track-table .list-header,.track-row{grid-template-columns:28px minmax(0,1.4fr) minmax(90px,.5fr) minmax(140px,.6fr) minmax(100px,.45fr) 72px 40px}.track-table:has(.sequence-controls) .list-header{grid-template-columns:28px minmax(0,1.4fr) minmax(90px,.5fr) minmax(140px,.6fr) minmax(100px,.45fr) 72px 40px 96px}.track-row:has(.sequence-controls){grid-template-columns:28px minmax(0,1.4fr) minmax(90px,.5fr) minmax(140px,.6fr) minmax(100px,.45fr) 72px 40px 96px}.library-page .list-header,.library-page .track-row{grid-template-columns:minmax(0,1.8fr) minmax(90px,.4fr) minmax(110px,.5fr) minmax(140px,.7fr) 72px 40px}.track-table.all-versions .list-header,.track-table.all-versions .track-row{grid-template-columns:28px minmax(0,1.4fr) 72px 2.6rem}:is(.track-table.all-versions:has(.sequence-controls) .list-header,.track-table.all-versions .track-row:has(.sequence-controls)){grid-template-columns:28px minmax(0,1.4fr) 72px 2.6rem 96px}.person-page .home-row,.person-page .home-header{grid-template-columns:minmax(0,1.4fr) minmax(90px,.5fr) minmax(110px,.45fr) 72px 32px}}@media (width>=761px) and (not ((height<=500px) and (pointer:coarse))){.collection-heading{justify-content:flex-start;gap:20px}.collection-title{flex:0 auto}.collection-heading>.action-menu{margin-top:6px}}.collection-actions{align-items:center;gap:12px;margin-top:18px;display:flex}.collection-actions:empty{display:none}.collection-add{min-height:34px;color:var(--muted);align-items:center;gap:6px;display:inline-flex}@media (hover:hover){.collection-add:hover{color:var(--ink)}}.collection-add .menu-trigger{color:inherit;gap:6px}.library-head{justify-content:space-between;align-items:flex-end;gap:24px;padding:6px 0 18px;display:flex}.library-title{flex-wrap:wrap;align-items:baseline;gap:0 14px;min-width:0;display:flex}.library-title h1{letter-spacing:-.4px;font-size:1.786rem;font-weight:600}.library-title .collection-meta{white-space:nowrap;margin:0}.library-tools{align-items:center;gap:16px;display:flex}.library-play,.library-upload{min-height:34px;color:var(--muted);align-items:center;gap:6px;display:inline-flex}@media (hover:hover){.library-play:hover,.library-upload:hover{color:var(--ink)}}.library-search{flex-shrink:1;align-items:center;width:16rem;min-width:10rem;display:flex;position:relative}.library-search svg{color:var(--muted);pointer-events:none;position:absolute;left:10px}.library-search input{padding:7px 10px 7px 32px;font-size:.929rem}@media (width>=761px) and (width<=1099px) and (not ((height<=500px) and (pointer:coarse))){.library-title{flex-direction:column;align-items:flex-start}.library-upload{display:none}}@media (width<=760px),(height<=500px) and (pointer:coarse){.library-head{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 8px;padding:22px 18px 4px;display:grid}.library-title{flex-direction:column;grid-column:1/-1;align-items:flex-start;gap:2px}.library-title h1{font-size:1.714rem}.library-tools{display:contents}.library-search{grid-area:2/1;width:auto}.library-play{border:1px solid var(--line-strong);width:44px;min-height:0;color:var(--ink);grid-area:2/2;justify-content:center;align-self:stretch}.library-play .button-label,.library-upload{display:none}}.collection-views{align-items:center;gap:2px;margin-left:auto;display:flex}.list-tool{color:var(--muted)}@media (hover:hover){.list-tool:hover{color:var(--ink)}}.list-tool[aria-pressed=true]{color:var(--ink)}@media (width<=760px),(height<=500px) and (pointer:coarse){.collection-actions{display:contents}.collection-add{display:none}}.track-added{color:var(--muted);white-space:nowrap;font-size:.86em}.person-heading{align-items:center;gap:18px;padding-bottom:8px;display:flex}.person-heading h1{letter-spacing:-.8px;font-size:1.786rem;font-weight:600}@media (width<=760px),(height<=500px) and (pointer:coarse){.person-heading h1{letter-spacing:-.6px;font-size:2rem}}.track-by .text-button,.track-projects .text-button{color:inherit;font-size:inherit}@media (hover:hover){.track-by .text-button:hover,.track-projects .text-button:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}}.comment>div .avatar{flex:0 0 22px;width:22px;height:22px;font-size:.714rem}.comment>div time{margin-left:auto}.comment>div strong,.comment-author{font-weight:600}.comment-author{min-height:0;font-size:inherit;margin:-6px 0;padding:6px 0}.member-list li>.avatar{flex:0 0 28px;width:28px;height:28px;font-size:.786rem}.member-list li>span:not(.avatar){margin-right:auto}@media (width<=760px),(height<=500px) and (pointer:coarse){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.player{padding:9px calc(16px + env(safe-area-inset-right)) max(9px, env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;position:fixed}.player-title{align-items:center;gap:10px;min-width:0;display:flex}.player-center{display:contents}.transport{gap:2px}.transport .icon-button{display:none}.scrubber{gap:0;position:absolute;top:0;left:0;right:0}.scrubber>span{display:none}.scrubber .waveform,.scrubber input{height:12px;min-height:12px}.scrubber .waveform{touch-action:pan-y}.scrubber input{appearance:none;background:linear-gradient(var(--line), var(--line)) top / 100% 3px no-repeat;pointer-events:none;border:0;margin:0;overflow:hidden}.player[data-scrubbing] .scrubber input{background-size:100% 4px}.player[data-scrubbing] .scrubber input::-webkit-slider-thumb{height:4px}.player[data-scrubbing] .scrubber input::-moz-range-progress{height:4px}.player[data-scrubbing] .scrubber input::-moz-range-thumb{height:4px}.scrubber input::-webkit-slider-runnable-track{height:12px}.scrubber input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border-image:linear-gradient(var(--ink), var(--ink)) fill 0 / 0 / 0 0 0 100vw;width:3px;height:3px}.scrubber input::-moz-range-track{background:0 0;height:12px}.scrubber input::-moz-range-progress{background:var(--ink);align-self:flex-start;height:3px}.scrubber input::-moz-range-thumb{background:var(--ink);border:0;border-radius:0;width:3px;height:3px}.player-cover{width:40px;height:40px}}.version-line:has(.is-current) .version-label{color:var(--ink);font-weight:500}@media (width<=760px),(height<=500px) and (pointer:coarse){.collection-views{display:none}}@media (width>=761px) and (not ((height<=500px) and (pointer:coarse))){.menu-items>.menu-on-phone,.collection-menu{display:none}}.collection-edit{min-height:34px;color:var(--muted);align-items:center;gap:6px;display:inline-flex}@media (hover:hover){.collection-edit:hover{color:var(--ink)}}@media (width<=760px),(height<=500px) and (pointer:coarse){.collection-edit{display:none}}.home-cover{aspect-ratio:1;flex:none;grid-area:1/1/span 2;width:56px;height:56px}.home-project-title{grid-area:1/2;align-self:end}.home-project small{grid-area:2/2;align-self:start}.home-project-open{color:var(--muted);grid-area:1/3/span 2}@media (width>=761px) and (not ((height<=500px) and (pointer:coarse))){.home-projects{grid-template-columns:repeat(auto-fill,minmax(min(15rem,50% - 12px),1fr));gap:28px 24px;padding-top:18px;display:grid}.home-projects .home-project{border-bottom:0;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;min-height:0;padding:0;display:flex}.home-projects .home-project-title,.home-projects .home-project small{text-align:left;align-self:stretch}.home-projects .home-cover{grid-row:auto;width:100%;height:auto}.home-projects .home-project-open{display:none}}.section-heading .collection-views{margin-left:auto}.section-heading .collection-views button{width:1.75rem;min-width:1.75rem;height:1.75rem;min-height:0;padding:0}@media (width<=760px),(height<=500px) and (pointer:coarse){.menu-trigger{width:44px;min-width:44px;height:44px;min-height:44px;margin:-4px}.sidebar-section .icon-button,.sequence-controls .icon-button{width:44px;min-width:44px;height:44px}.sidebar-section .icon-button{margin:-6px -12px -6px 0}.composer-send:before{content:"";position:absolute;inset:-8px}.comment-actions .text-button{min-height:44px;margin:-7px 0}.member-name{min-height:44px;margin:-12px 0}div.empty-list .text-button,.list-toolbar .text-button,.member-actions .text-button,.account-photo .text-button{min-height:44px}.photo-picker{align-items:center;min-height:44px;display:inline-flex}}@media (hover:none){button:not(:disabled):active,a:active,.home-row:active,.version-line:active{opacity:.55}.track-row:active:not(:has(.menu-items)){opacity:.55}.track-row button:active,.track-row a:active,.home-row button:active,.home-row a:active,.version-line button:active{opacity:1}}
