@property --project-base{syntax:"<color>";inherits:true;initial-value:#140905}@property --project-glow{syntax:"<color>";inherits:true;initial-value:#34201a}:root{--ease-room:cubic-bezier(.22, 1, .36, 1);--waveform-color:#d5c7bd;--waveform-muted:#76675e}.app-shell{transition:--project-base .55s,--project-glow .55s}.app-shell.is-client,.app-shell.is-project{background:radial-gradient(ellipse 110% 760px at 58% -120px, var(--project-glow), transparent), var(--project-base)}.is-client .sidebar{background:#ffffff07}button,a,summary,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a,summary{transition:background-color .16s,border-color .16s,color .16s,opacity .16s,box-shadow .16s}button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.button,.hero-play,.main-player-toggle,.round-button,.send-comment{transition:scale .16s var(--ease-room), background-color .16s, box-shadow .16s}.button:active:not(:disabled),.hero-play:active:not(:disabled),.main-player-toggle:active:not(:disabled),.round-button:active:not(:disabled),.send-comment:active:not(:disabled){scale:.95}.animated-collapse{opacity:0;visibility:hidden;transition:grid-template-rows .3s var(--ease-room), opacity .18s ease, visibility 0s .3s;grid-template-rows:0fr;display:grid}.animated-collapse.is-expanded{opacity:1;visibility:visible;grid-template-rows:1fr;transition-delay:0s}.collapse-content{min-width:0;min-height:0;overflow:clip}html:has(.comments-mode){scroll-padding-block:90px 180px}.client-tree>div>button>svg:last-child,.color-toggle>svg:last-child{transition:transform .25s var(--ease-room)}.client-tree>div>button.current>svg:last-child,.color-toggle>svg.turned{transform:rotate(90deg)}.color-toggle>svg.turned{transform:rotate(180deg)}.comment-thread,.comment-reply{animation:room-enter .28s var(--ease-room) both}@keyframes room-enter{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-enter{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modal-exit{to{opacity:0;transform:translateY(6px)scale(.985)}}@keyframes backdrop-enter{0%{background:0 0}to{background:#0009}}@keyframes backdrop-exit{to{background:0 0}}.modal[open]{animation:panel-enter .22s var(--ease-room) both}.modal[open]::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;animation:.2s both backdrop-enter}.modal.is-closing{animation:.16s both modal-exit}.modal.is-closing::backdrop{animation:.16s both backdrop-exit}.toast{animation:panel-enter .24s var(--ease-room) both}.project-menu[open]>div,.player-volume[open] .volume-panel,.player-shortcuts[open] .shortcuts-panel,.notification-menu[open]>div{animation:panel-enter .18s var(--ease-room) both}.sidebar{width:240px}.main-shell{margin-left:266px}.is-project.inspector-visible .main-shell,.is-client.inspector-visible .main-shell{margin-right:284px}.project-inspector{opacity:0;visibility:hidden;pointer-events:none;width:258px;transition:transform .3s var(--ease-room), opacity .18s ease, visibility 0s .3s;display:block;transform:translate(24px)}.inspector-visible .project-inspector{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translate(0)}.modal .project-inspector{opacity:1;visibility:visible;pointer-events:auto;transform:none}.sidebar nav button,.settings-nav{min-height:39px}.sidebar nav button svg,.settings-nav svg{width:17px;height:17px}.sidebar-new{height:36px}.workspace-label{min-height:36px}.workspace-label .avatar{width:27px;height:27px}.recent-projects button{min-height:41px}.brand{font-size:14px}.brand small{letter-spacing:2px;font-size:9px}.sidebar-section{margin-top:20px}.inspector-row{min-height:46px;color:var(--room-secondary);padding:10px 12px}.inspector-row>svg:first-child,.inspector-row small,.inspector-client small,.inspector-card p{color:var(--muted)}.inspector-client strong{color:var(--text)}.inspector-note{line-height:1.6}.client-inspector .photo-upload{width:100%;padding:12px}.palette-preview i{background:var(--room-color,#b77850)!important}.appearance-options{padding:2px 9px 12px}.automatic-color{text-align:left;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.automatic-color[aria-pressed=true]{background:#ffffff0b;border-color:#fff2}.automatic-color>span{flex:1;font-size:13px}.automatic-color small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.theme-options{justify-content:space-between;gap:10px;padding:14px 1px}.theme-swatch{color:#fff;width:43px;height:35px;transition:scale .16s var(--ease-room), box-shadow .16s;border-radius:7px;place-items:center;display:grid}.theme-swatch:hover{scale:1.06}.theme-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--project-base), 0 0 0 3px #ddd}.custom-color-row{justify-content:space-between;align-items:center;gap:6px;padding-top:4px;display:flex}.custom-color-row label{cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.custom-color-row input{cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:5px;width:30px;height:30px;padding:2px}.custom-color-row .text-button{font-size:12px}.project-heading,.review-layout{max-width:680px}.project-heading .project-cover{width:176px;height:176px}.project-heading h1{font-size:32px;line-height:1.16}.project-heading p{color:var(--muted)}.project-hero-actions{margin-top:28px}.hero-play{min-width:88px;height:37px;font-size:13px}.round-button{min-width:34px;min-height:34px}.playable-row{grid-template-columns:23px minmax(0,1fr) 70px 42px 34px 38px;gap:10px;min-height:58px}.row-track-title{font-size:14px}.row-track-title strong{color:var(--text)}.row-track-title small,.track-duration{color:var(--muted);font-size:12px}.track-comment-button,.version-pill{min-height:34px;color:var(--room-secondary)}.inline-versions{margin-bottom:12px}.version-item{min-height:50px}.project-files-folder{min-height:47px}.review-links{min-height:46px}.listen-panel{border-radius:12px;padding:20px}.manage-page .project-heading .project-cover{width:54px;height:54px}.manage-page .project-heading h1{font-size:20px}.library-project-open{min-height:70px}.library-project-open>.artwork{width:44px;height:44px}.library-project-open strong{font-size:14px}.library-project-open small,.library-project-open time{font-size:12px}.library-filters>button{padding:9px 13px}.library-search input{width:150px;font-size:13px}.discussion-heading h2,.discussion-author strong,.comment-thread>p,.comment-reply>p{color:var(--text)}.discussion-author time,.comment-version-label,.discussion-filter,.discussion-privacy,.reply-toggle,.resolve-comment{color:var(--muted)}.discussion-composer textarea{font-size:15px}.comment-thread>p,.comment-reply>p{font-size:14px}.discussion-author .avatar{width:28px;height:28px;font-size:10px}.comment-manage{min-height:28px;color:var(--muted);align-items:center;gap:4px;font-size:11px;display:inline-flex}.comment-manage:hover{color:var(--text)}.comment-manage:disabled{opacity:.45}.comment-edit-form,.comment-delete-prompt{min-width:0;margin:12px 0 0 28px}.comment-edit-form textarea{resize:none;width:100%;min-height:90px;font-size:14px;line-height:1.6;display:block;overflow-y:hidden}.comment-edit-form{margin-right:6px}.comment-edit-controls{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.comment-edit-controls .button{font-size:12px}.comment-edit-controls .danger{color:#f1aaa0;border-color:#f1aaa045}.comment-delete-prompt{background:#ffffff04;border:1px solid #ffffff18;border-radius:8px;padding:12px}.comment-delete-prompt p{margin:0;font-size:13px}.comment-thread>.deleted-comment{color:var(--muted);font-style:italic}.comment-reply .comment-actions .comment-reactions{margin-left:0}.comment-reactions{gap:6px}.comment-reactions>button{opacity:.82;min-width:35px;min-height:32px;padding:4px 8px}.comment-reactions>button .reaction-emoji{font-size:17px;line-height:1}.comment-reactions>button .reaction-count{font-variant-numeric:tabular-nums;color:var(--room-secondary);animation:count-enter .18s var(--ease-room);font-size:12px}.comment-reactions>button[aria-pressed=true]{background:#ffffff14;border-color:#ffffff36}.comment-reactions>button[aria-pressed=true] .reaction-emoji{animation:reaction-pop .35s var(--ease-room)}@keyframes reaction-pop{0%{transform:scale(.7)}45%{transform:scale(1.24)rotate(-7deg)}to{transform:scale(1)rotate(0)}}@keyframes count-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.audio-timeline,.comments-mode .listen-panel .audio-timeline{height:116px;margin:32px 0 31px}.waveform-bars{fill:none;stroke:var(--waveform-muted)}.waveform-bars.played{stroke:var(--waveform-color)}.waveform-grid{stroke:#ffffff0b;stroke-width:1px;vector-effect:non-scaling-stroke}.timeline-playhead{background:var(--accent);width:1.5px;box-shadow:0 0 8px #ffffff25}.timeline-playhead:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:-4px;left:-2.5px}.timeline-hover-line{pointer-events:none;z-index:3;background:#ffffff60;width:1px;position:absolute;top:0;bottom:0}.timeline-timecode{background:var(--accent);color:var(--on-accent);font-variant-numeric:tabular-nums;pointer-events:none;z-index:8;white-space:nowrap;border-radius:5px;padding:5px 7px;font-size:12px;font-weight:600;position:absolute;top:-29px;transform:translate(-50%);box-shadow:0 3px 12px #0004}.timeline-ruler{color:var(--muted);font-variant-numeric:tabular-nums;pointer-events:none;justify-content:space-between;font-size:11px;display:flex;position:absolute;bottom:-22px;left:0;right:0}.audio-timeline>input{touch-action:pan-y}.audio-timeline.is-scrubbing>input{cursor:grabbing}.timeline-marker{background:#35424f;border-color:#9bafc0;min-width:25px;height:25px;transition:background-color .15s,scale .15s;top:100%}.timeline-marker:hover{scale:1.12}.timeline-loading{background:color-mix(in srgb, var(--project-base) 75%, transparent);color:var(--room-secondary);border-radius:6px;font-size:12px}.main-player{background:color-mix(in srgb, var(--project-base) 88%, #fff 12%);min-height:80px;animation:panel-enter .3s var(--ease-room) both;transition:left .3s var(--ease-room), right .2s var(--ease-room), background-color .5s;border:1px solid #ffffff16;border-radius:14px;gap:16px;padding:12px 15px;left:266px;right:12px;box-shadow:0 8px 36px #0005}.is-project.inspector-visible .main-player,.is-client.inspector-visible .main-player{right:284px}.main-player-track{gap:11px;width:180px}.main-player-track>.artwork{border-radius:7px;width:46px;height:46px}.main-player-track strong{color:var(--text);margin-bottom:5px;font-size:14px}.main-player-track small{text-transform:none;color:var(--muted);margin:0;font-size:11px}.main-player-transport{gap:4px}.main-player-transport>.icon-btn{width:34px;height:36px;color:var(--room-secondary);position:relative}.skip-seconds{font-size:8px;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%)}.main-player-toggle{background:var(--accent);width:44px;height:44px;color:var(--on-accent);flex-shrink:0;box-shadow:0 2px 8px #0003}.main-player-toggle:hover:not(:disabled){background:var(--accent);box-shadow:0 2px 12px #ffffff20}.main-player-toggle>svg:not(.spin){animation:.14s ease-out count-enter}.main-player-timeline{gap:10px;min-width:120px}.main-player-timeline>time{color:var(--room-secondary);flex-shrink:0;min-width:30px;font-size:11px}.audio-timeline.compact{height:44px;margin:0}.audio-timeline.compact .timeline-marker{min-width:22px;height:22px;top:85%}.main-player-tools{gap:6px}.main-player-tools .icon-btn{width:34px;height:36px;color:var(--room-secondary)}.main-comments-button>span{font-size:10px;top:0;right:0}.player-volume summary,.player-shortcuts summary{min-width:34px;min-height:36px;color:var(--room-secondary)}.player-volume summary>span{font-size:11px}.player-volume summary:hover,.player-shortcuts summary:hover{background:#ffffff0b}.player-shortcuts{position:relative}.player-shortcuts summary{cursor:pointer;border-radius:6px;place-items:center;list-style:none;display:grid}.player-shortcuts summary::-webkit-details-marker{display:none}.volume-panel,.shortcuts-panel{background:var(--panel);border:1px solid #fff2;padding:17px;bottom:49px;box-shadow:0 8px 32px #0007}.volume-panel{width:215px}.volume-panel label{color:var(--room-secondary);font-size:13px}.volume-panel input{height:15px;accent-color:var(--accent)}.volume-panel>button{color:var(--room-secondary);min-height:28px;margin-top:10px;font-size:12px}.volume-panel kbd{margin-left:auto}.shortcuts-panel{width:285px;color:var(--text);border-radius:9px;position:absolute;right:0}.shortcuts-panel>strong{margin-bottom:15px;font-size:14px;display:block}.shortcuts-panel p{justify-content:space-between;align-items:center;gap:12px;margin:10px 0;font-size:12px;display:flex}.shortcuts-panel small{color:var(--muted);margin-top:14px;font-size:11px;line-height:1.6;display:block}.shortcuts-panel kbd,.volume-panel kbd{text-align:center;background:#ffffff08;border:1px solid #ffffff20;border-radius:4px;min-width:22px;padding:3px 5px;font-family:inherit;font-size:11px;display:inline-block}.has-player .main-shell{padding-bottom:130px}.nav-backdrop{display:none}@media (max-width:1350px){.sidebar{width:220px}.main-shell{margin-left:244px}.project-inspector{width:240px}.is-project.inspector-visible .main-shell,.is-client.inspector-visible .main-shell{margin-right:264px}.main-player{grid-template-columns:minmax(0,1fr) auto auto;gap:10px 15px;display:grid;left:244px}.is-project.inspector-visible .main-player,.is-client.inspector-visible .main-player{right:264px}.main-player-track{width:auto}.main-player-timeline{grid-area:2/1/auto/-1;width:100%}.has-player .main-shell{padding-bottom:180px}.project-heading .project-cover{width:150px;height:150px}.project-heading h1{font-size:29px}.project-hero-actions{margin-top:20px}}@media (max-width:1100px){.is-project.inspector-visible .main-shell,.is-client.inspector-visible .main-shell{margin-right:0}.project-inspector,.inspector-visible .project-inspector{display:none}.modal .project-inspector{display:block}.is-project.inspector-visible .main-player,.is-client.inspector-visible .main-player{right:12px}.project-heading,.review-layout{max-width:720px}}@media (max-width:760px){.sidebar{opacity:0;width:min(285px,100vw - 40px);transition:transform .3s var(--ease-room), opacity .18s ease, visibility 0s .3s;transform:translate(-110%);background:color-mix(in srgb, var(--project-base) 90%, #fff 10%)!important}.sidebar.is-open{opacity:1;visibility:visible;transition-delay:0s;transform:translate(0)}.nav-backdrop{opacity:0;visibility:hidden;pointer-events:none;background:#0008;transition:opacity .22s,visibility 0s .3s;display:block;position:fixed;inset:0}.nav-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.main-shell{margin-left:0}.main-player,.is-project.inspector-visible .main-player,.is-client.inspector-visible .main-player{left:8px;right:8px;bottom:max(8px, env(safe-area-inset-bottom));gap:10px;padding:11px 12px}.main-player-track>.artwork{width:38px;height:38px}.main-player-track{gap:8px}.main-player-track strong{font-size:13px}.main-player-track small{font-size:11px}.main-player-transport>.icon-btn{width:29px}.main-player-toggle{width:40px;height:40px}.player-shortcuts{display:none}.main-player-tools{gap:2px}.main-player-tools .icon-btn,.player-volume summary{width:30px;min-width:30px}.main-player-timeline{min-width:0}.has-player .main-shell{padding-bottom:190px}.audio-timeline.compact{height:40px}.project-heading{align-items:center;gap:17px}.project-heading .project-cover{width:128px;height:128px}.project-heading-copy{padding-top:0}.project-heading h1{font-size:27px}.project-heading .eyebrow{font-size:10px}.project-heading p{font-size:12px}.project-hero-actions{flex-wrap:wrap;gap:8px;margin-top:18px}.project-hero-actions .round-button{width:32px;height:32px}.hero-play{min-width:74px;height:34px;font-size:12px}.project-tools .share-project-button,.project-mode button{min-height:34px;font-size:12px}.playable-row{grid-template-columns:20px minmax(0,1fr) 31px 33px 30px 34px;gap:5px;min-height:56px}.row-track-title{font-size:14px}.track-duration{font-size:11px}.library-search input{width:110px}.library-heading,.client-page-heading{flex-wrap:wrap}.client-page-heading h1{font-size:27px}.comment-actions{gap:9px;margin-left:0}.comment-reactions{gap:3px}.comment-reactions>button{min-width:32px;padding:4px 6px}.manage-page .project-heading h1{font-size:19px}.manage-page .project-heading .project-cover{width:48px;height:48px}.comments-mode .listen-panel .audio-timeline,.audio-timeline{height:104px}.modal .form input,.modal .form textarea,.discussion-composer textarea{font-size:16px}}@media (max-width:420px){.main-content{padding:0 15px}.main-player-track>.artwork{display:none}.main-player-track small{max-width:125px}.project-heading .project-cover{width:112px;height:112px}.project-heading h1{font-size:25px}.project-heading{gap:14px}.project-hero-actions{gap:7px;margin-top:12px}.project-tools .share-project-button{padding:0 9px}.project-mode button{min-width:53px;padding:6px 9px}.composer-controls{flex-wrap:wrap;gap:8px}.volume-panel{right:-3px}}.reduce-motion,.reduce-motion *,.reduce-motion :before,.reduce-motion :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.sidebar{scrollbar-width:thin;overflow-y:auto}.sidebar>*{flex-shrink:0}.sidebar .recent-projects{flex-shrink:0;overflow:visible}.sidebar .workspace-label{margin-top:18px;margin-bottom:10px}.sidebar .sidebar-bottom{padding-top:12px}.sidebar .connection small{font-size:10px}.client-inspector .photo-upload{align-items:center;gap:8px;display:flex}
.workspace-search-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#111111ed;justify-content:center;align-items:center;gap:12px;min-height:66px;padding:12px 24px;display:flex;position:sticky;top:0}.workspace-search-field{width:min(100%,660px);min-width:0;min-height:42px;color:var(--muted);background:#ffffff06;border:1px solid #ffffff15;border-radius:9px;align-items:center;gap:12px;padding:0 14px;transition:border-color .15s,background-color .15s;display:flex}.workspace-search-field:focus-within,.workspace-search-field.is-active{background:#ffffff0a;border-color:#ffffff45}.workspace-search-field>svg{flex-shrink:0}.workspace-search-field input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;padding:10px 0;font-size:14px}.workspace-search-field input::placeholder{color:var(--muted)}.workspace-search-field input::-webkit-search-cancel-button{display:none}.workspace-search-field kbd{white-space:nowrap;flex-shrink:0;font:12px inherit}.search-close{border-left:1px solid var(--line);color:var(--room-secondary);padding:6px 0 6px 12px;font-size:13px}.app-shell.is-search{background:var(--bg)}.is-search .main-shell{margin-right:0}.is-search .project-topbar,.is-search .topbar,.main-content[hidden]{display:none}#workspace-content:focus{outline:none}.workspace-search-page{max-width:1000px;margin:0 auto;padding:44px 8px 80px}.workspace-search-heading h1{letter-spacing:-.035em;margin:8px 0 10px;font-size:clamp(28px,4vw,36px);font-weight:600}.workspace-search-heading p{color:var(--muted);font-size:14px}.search-results-caption{color:var(--muted);justify-content:space-between;gap:16px;margin:38px 0 12px;font-size:12px;display:flex}.search-keyboard-hint{color:var(--muted);gap:20px;display:flex}.workspace-search-result{min-height:84px;color:var(--text);border:1px solid #0000;border-radius:9px;align-items:center;gap:16px;padding:14px 16px;text-decoration:none;display:flex}.workspace-search-result:hover,.workspace-search-result.is-selected{background:#ffffff09}.workspace-search-result:focus-visible{outline-offset:-2px}.search-result-artwork{flex:0 0 48px;height:48px;position:relative}.search-result-artwork>.artwork,.search-result-artwork>.client-avatar{width:48px;height:48px}.search-result-artwork>.artwork{border-radius:6px}.search-result-artwork .art-word{font-size:9px;line-height:.95}.search-result-artwork .art-coordinate,.search-result-artwork .art-number{display:none}.search-song-mark{background:var(--panel);border:2px solid var(--line-strong);border-radius:50%;place-items:center;width:23px;height:23px;display:grid;position:absolute;bottom:-4px;right:-4px}.search-result-copy{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.search-result-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:550;overflow:hidden}.search-result-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.search-result-kind{color:var(--muted);width:48px;font-size:12px}.workspace-search-result time{color:var(--muted);text-align:right;min-width:65px;font-size:12px}.search-result-arrow{color:var(--muted);flex-shrink:0;margin-left:8px}.search-empty{text-align:center;color:var(--muted);padding:75px 16px}.search-empty>svg{margin-bottom:16px}.search-empty h2{color:var(--text);margin-bottom:10px;font-size:18px;font-weight:500}.search-empty p{overflow-wrap:anywhere;line-height:1.6}@media (max-width:700px){.workspace-search-header{gap:8px;min-height:64px;padding:10px 14px}.workspace-search-field{gap:8px;padding:0 10px}.workspace-search-field input{font-size:16px}.workspace-search-field kbd,.search-keyboard-hint,.workspace-search-result time{display:none}.workspace-search-page{padding:30px 0 60px}.workspace-search-result{gap:12px;min-height:78px;padding:12px 4px}.search-result-arrow{display:none}.search-result-kind{width:auto;font-size:11px}.search-results-caption{margin-top:30px}}@media (prefers-reduced-motion:reduce){.workspace-search-field{transition:none}}
:root{--room-space-1:4px;--room-space-2:8px;--room-space-3:12px;--room-space-4:16px;--room-space-6:24px;--room-control:40px;--room-radius-control:8px;--room-radius-surface:10px;--room-radius-dialog:14px;--room-radius-pill:999px;--room-content-width:900px;--room-hover:#ffffff0d;--room-pressed:#ffffff16;--room-selected:#ffffff12;--room-border:#ffffff12;--room-secondary:#b6b3b0;--room-fast:.14s;--room-ease:cubic-bezier(.2, .8, .2, 1);--room-shadow:0 8px 32px #0005, 0 2px 8px #0003}body{-webkit-font-smoothing:antialiased}.icon-btn,.round-button,.view-switch>button,.project-menu>summary,.notification-menu>summary{width:var(--room-control);height:var(--room-control);min-width:var(--room-control);min-height:var(--room-control);border-radius:var(--room-radius-control);color:var(--room-secondary);padding:0}.round-button{border-radius:var(--room-radius-pill)}:is(button,a,summary)>svg{flex-shrink:0}.button,.button.small,.sidebar-new,.hero-play,.share-project-button{min-height:var(--room-control);gap:var(--room-space-2);border-radius:var(--room-radius-pill);height:auto;padding:10px 16px;line-height:18px}.button.small{padding-inline:14px}.button,.hero-play,.main-player-toggle,.round-button,.send-comment{transition:background-color var(--room-fast) ease, border-color var(--room-fast) ease, color var(--room-fast) ease, box-shadow var(--room-fast) ease, scale var(--room-fast) var(--room-ease)}.button:active:not(:disabled),.hero-play:active:not(:disabled),.main-player-toggle:active:not(:disabled),.round-button:active:not(:disabled),.send-comment:active:not(:disabled){transform:scale(.98)}:is(button,a,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sidebar{border-radius:var(--room-radius-surface)}.sidebar nav{gap:var(--room-space-1)}.sidebar nav button,.settings-nav{min-height:40px;padding-inline:var(--room-space-3);gap:var(--room-space-3);border-radius:var(--room-radius-control)}.sidebar nav button.active,.settings-nav.active,.client-tree button.current{background:var(--room-selected);color:var(--text)}.sidebar-new{margin-block:12px 4px;padding-inline:12px}.workspace-label{gap:var(--room-space-2);padding-inline:var(--room-space-3);border-radius:var(--room-radius-control)}.client-tree>div>button{border-radius:var(--room-radius-control);gap:10px;min-height:44px;padding:8px 12px}.client-project-children{margin:4px 0 12px 24px;padding-left:4px}.client-project-children>button{border-radius:6px;min-height:36px;padding:8px}.connection{border-radius:var(--room-radius-control);padding:12px}.sidebar-bottom .profile{border-radius:var(--room-radius-control);gap:10px;padding:10px 12px}.workspace-search-header{border-bottom-color:#ffffff08;padding-block:12px}.is-project .workspace-search-header,.is-client .workspace-search-header{background:color-mix(in srgb, var(--project-base) 82%, transparent)}.workspace-search-field{border-radius:var(--room-radius-control);gap:var(--room-space-3);border-color:var(--room-border);min-height:40px}.workspace-search-field kbd{border:1px solid #ffffff14;border-radius:4px;padding:2px 5px;font-family:inherit;font-size:11px;line-height:16px}.project-topbar{gap:var(--room-space-3)}@media (min-width:761px){.app-shell.is-project .project-topbar{grid-template-columns:minmax(32px,1fr) auto minmax(max-content,1fr)}.app-shell .project-mode{justify-self:center;width:max-content;max-width:100%}.app-shell .project-mode>button{white-space:nowrap;flex:none;min-width:0}}@media (min-width:1101px) and (max-width:1280px),(min-width:761px) and (max-width:1000px){.app-shell.is-project .project-topbar{grid-template-columns:1fr auto;height:auto;min-height:100px;padding-block:12px}.app-shell .project-topbar .project-back{grid-area:1/1}.app-shell .project-topbar .project-tools{grid-area:1/2}.app-shell .project-topbar .project-mode{grid-area:2/1/3/-1}}.project-tools,.project-hero-actions>div{gap:var(--room-space-2)}.project-mode,.view-switch{border-radius:var(--room-radius-pill);background:#ffffff07;gap:2px;padding:3px;box-shadow:inset 0 0 0 1px #ffffff04}.project-mode button{border-radius:var(--room-radius-pill);min-height:32px;color:var(--room-secondary);padding:6px 16px}.project-mode button[aria-selected=true],.view-switch>button[aria-pressed=true]{background:var(--room-selected);color:var(--text);box-shadow:0 1px 3px #0002}.view-switch>button{border-radius:var(--room-radius-pill)}.project-heading,.review-layout,.organization-breadcrumb{max-width:var(--room-content-width)}.app-shell .project-page{--project-content-width:var(--room-content-width)}.app-shell .project-page>:is(.project-heading,.review-layout,.organization-breadcrumb,.wide-panel,.insights-page){width:100%;max-width:var(--project-content-width);margin-inline:auto}.organization-breadcrumb{gap:var(--room-space-2);min-height:28px;color:var(--room-secondary);margin-bottom:20px}.organization-breadcrumb button{padding:4px 0}.organization-breadcrumb span{color:var(--room-secondary)}.project-heading{gap:var(--room-space-6);margin-bottom:28px}.project-heading .project-cover{border-radius:var(--room-radius-control)}.project-heading h1{letter-spacing:-.035em}.project-heading .eyebrow{color:var(--room-secondary);margin-bottom:8px}.project-heading p{margin-top:8px;line-height:1.4}.project-hero-actions{gap:var(--room-space-3)}.song-list-toolbar{min-height:44px;padding:0 12px 12px}.song-list-toolbar>span{color:var(--room-secondary);letter-spacing:.08em}.playable-row{gap:var(--room-space-2);border-radius:var(--room-radius-control);min-height:60px;transition:background-color var(--room-fast) ease;background:#ffffff02;grid-template-columns:24px minmax(0,1fr) 84px 44px 36px 40px;padding:6px 12px}.playable-row.selected{background:var(--room-selected);box-shadow:none}.row-track-title{line-height:1.4}.row-track-title strong{color:var(--text);font-weight:500}.row-track-title small{color:var(--room-secondary)}.track-comment-button,.version-pill,.playable-row>.song-files-button{min-height:var(--room-control);height:var(--room-control);border-radius:var(--room-radius-control);color:var(--room-secondary);background:0 0;gap:6px;padding:0 8px}.playable-row>.song-files-button{width:var(--room-control);padding:0}.version-pill.active{background:var(--room-selected);color:var(--text)}.track-duration,.main-player-timeline>time{font-variant-numeric:tabular-nums;color:var(--room-secondary)}.playable-row:focus-within{background:var(--room-hover)}.row-play-hitbox:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.playable-row:has(.row-play-hitbox:focus-visible) .hover-play{display:block}.playable-row:has(.row-play-hitbox:focus-visible) .row-play-indicator>span{display:none}.version-item{border-radius:6px;min-height:52px}.version-item:focus-within{background:var(--room-hover)}.project-files-folder{border-radius:var(--room-radius-control);min-height:48px;color:var(--room-secondary);gap:12px;margin-top:12px;padding-inline:12px}.review-links{gap:16px;margin-top:16px}.review-links>button{min-height:36px;color:var(--room-secondary);border-radius:6px;gap:8px;padding:8px}.review-links>button:first-child{margin-left:-8px}.inspector-card{border-radius:var(--room-radius-surface);border-color:#ffffff08;margin-bottom:12px;padding:4px}.inspector-row{min-height:44px;color:var(--room-secondary);border-radius:6px;gap:12px;padding:10px 12px}button.inspector-row:hover{border-radius:6px}.inspector-row>svg:first-child{width:16px;height:16px;color:var(--room-secondary)}.inspector-client{gap:10px;margin:12px}.permission-toggle{cursor:pointer}.inspector-card .photo-upload:has(input:focus-visible){outline-offset:-2px}.main-content>.business-page,.main-content>.library-browser,.client-project-page{max-width:1120px;margin-inline:auto}.business-client-list{gap:8px}.business-client-card{border-radius:var(--room-radius-surface);border-color:var(--room-border);gap:16px;padding:20px}.business-client-card>.avatar{width:40px;height:40px}.business-client-card>svg:last-child{color:var(--room-secondary)}.library-toolbar{gap:16px;margin-bottom:16px}.library-filters{gap:4px}.library-filters>button{border-radius:var(--room-radius-pill);min-height:36px;padding:8px 12px}.library-project{border-radius:var(--room-radius-control);transition:background-color var(--room-fast) ease;gap:8px;padding-inline:12px}.library-project:focus-within{background:var(--room-hover)}.library-project-open{border-radius:6px;gap:16px;min-height:72px}.library-projects.list .library-project-open{height:auto;padding-block:12px}.library-project-open>.artwork{border-radius:6px}.library-project-open small,.library-project-open time,.library-summary{color:var(--muted)}.library-projects.grid{gap:16px}.library-projects.grid .library-project{border-radius:var(--room-radius-surface);padding:12px}.library-projects.grid .library-project-open{gap:12px}.library-project:has(.project-menu[open]){z-index:26}.project-menu>div,.notification-menu>div{border-radius:var(--room-radius-surface);background:var(--panel);min-width:184px;box-shadow:var(--room-shadow);transform-origin:100% 0;border:1px solid #ffffff1c;padding:4px;top:calc(100% + 6px)}.project-menu>div>button,.notification-menu>div>button{border-radius:6px;gap:16px;min-height:36px;padding:8px 12px}.modal{background:var(--panel);border-radius:var(--room-radius-dialog);border-color:#ffffff1c;box-shadow:0 24px 80px #0007,0 4px 16px #0004}.modal-body{padding:28px}.modal-heading{align-items:flex-start;gap:16px;margin-bottom:24px}.modal-heading .icon-btn{margin-top:-6px;margin-right:-6px}.form input:not([type=checkbox]):not([type=range]):not([type=color]),.form select{border-radius:var(--room-radius-control);min-height:42px}.form textarea,.discussion-composer{border-radius:var(--room-radius-surface)}.modal :is(input,select,textarea):not([type=checkbox]):not([type=range]):not([type=color]):not([type=file]){color:var(--text);transition:border-color var(--room-fast) ease, background-color var(--room-fast) ease;background:#ffffff06;border-color:#ffffff1c}.modal :is(input,textarea)::placeholder{color:var(--muted)}.modal :is(input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:#ffffff50}.main-player{border-radius:var(--room-radius-surface);box-shadow:var(--room-shadow);border-color:#ffffff14}.main-player-track{border-radius:6px}.main-player-transport,.main-player-tools{gap:8px}.main-player-transport>.icon-btn,.main-player-tools .icon-btn,.player-volume summary,.player-shortcuts summary{border-radius:var(--room-radius-control);width:36px;min-width:36px;height:36px;min-height:36px}.player-volume summary{gap:8px;width:auto;padding-inline:8px}.volume-panel,.shortcuts-panel{border-radius:var(--room-radius-surface);background:var(--panel);box-shadow:var(--room-shadow);border-color:#ffffff1c}@media (hover:hover) and (pointer:fine){.icon-btn:hover:not(:disabled),.round-button:not(.light):hover:not(:disabled),.view-switch>button:hover,.project-menu>summary:hover,.notification-menu>summary:hover,.workspace-label:hover,.sidebar-bottom .profile:hover,.track-comment-button:hover,.version-pill:hover,.review-links>button:hover:not(:disabled),.project-mode button:hover,.library-filters>button:hover,.inspector-card .photo-upload:hover,.permission-toggle:hover{background:var(--room-hover);color:var(--text)}.playable-row:hover,.library-project:hover,.library-projects.grid .library-project:hover{background:var(--room-hover)}.playable-row.selected:hover,.version-pill.active:hover,.project-mode button[aria-selected=true]:hover{background:var(--room-pressed)}.workspace-search-field:hover{border-color:#ffffff26}.business-client-card:hover{background:var(--room-hover);border-color:#ffffff24;transform:none}}@media (max-width:1350px){.project-mode button{padding-inline:12px}.playable-row{grid-template-columns:20px minmax(0,1fr) 36px 40px 36px 36px;gap:6px}.track-comment-button>span{display:none}}@media (max-width:1100px){:root{--room-content-width:720px}}@media (max-width:760px){.project-back>.mobile-menu,.topbar .mobile-menu{display:none}.project-back>.icon-btn:not(.mobile-menu){display:inline-flex}.topbar{height:44px}.project-heading{gap:16px}.project-mode button{padding-inline:12px}.project-topbar{gap:8px}.project-tools{gap:6px}.project-hero-actions .round-button{width:36px;height:36px}.project-hero-actions{gap:12px}.playable-row{grid-template-columns:20px minmax(0,1fr) 36px 40px 36px;gap:0 4px;min-height:64px;padding:8px 4px}.row-play-indicator{grid-area:1/1/3}.row-track-title{grid-area:1/2;align-self:end}.playable-row>.track-duration{text-align:left;grid-area:2/2;align-self:start;padding-top:3px}.playable-row>.track-comment-button{grid-area:1/3/3}.playable-row>.version-pill{grid-area:1/4/3}.playable-row>.song-files-button{grid-area:1/5/3}.review-links{flex-wrap:wrap;gap:12px}.business-client-card{gap:12px;padding:16px}.library-toolbar{gap:12px}.library-projects.grid .library-project:nth-child(odd) .project-menu>div{transform-origin:0 0;left:0;right:auto}.modal-body{padding:20px}.main-player-tools,.main-player-transport{gap:4px}.project-hero-actions{flex-wrap:wrap}}@media (max-width:760px) and (pointer:coarse){.playable-row{grid-template-columns:20px minmax(0,1fr) 44px 44px 44px}.playable-row>.song-files-button{width:44px}}@media (pointer:coarse){.sidebar nav button,.settings-nav,.client-project-children>button,.project-mode button,.library-filters>button,.project-menu>div>button,.notification-menu>div>button,.inspector-row{min-height:44px}.track-comment-button,.version-pill,.playable-row>.song-files-button{height:44px;min-height:44px}}@media (prefers-reduced-motion:reduce){.playable-row,.library-project,.button,.hero-play,.main-player-toggle,.round-button,.send-comment{transition:none}}
.toast{width:max-content;max-width:min(560px,100vw - 32px);animation:toast-enter .2s var(--ease-room) both;margin-inline:auto;bottom:24px;left:0;right:0;transform:none}.has-player .toast{bottom:108px}@keyframes toast-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.project-signature .signature-image{object-fit:contain;border-radius:0;width:auto;max-width:120px;height:auto;max-height:60px}.brand-preview{border:1px dashed var(--line);width:160px;height:76px}.brand-preview img{object-fit:contain;width:100%;height:100%}.brand-image-placeholder{color:var(--muted);font-size:12px}.audio-timeline .timeline-marker,.audio-timeline.compact .timeline-marker{width:22px;min-width:22px;height:100%;box-shadow:none;color:#ee9b5e;opacity:.8;background:0 0;border:none;border-radius:3px;padding:0;top:0;transform:translate(-50%)scale(1)}.audio-timeline .timeline-marker:hover,.audio-timeline .timeline-marker:focus-visible{color:#ffad6b;opacity:1;background:0 0;outline-color:#ee9b5e;scale:1}.audio-timeline .timeline-marker.resolved{opacity:.45}.comment-pin{background:currentColor;width:1px;position:absolute;top:4px;bottom:4px;left:50%}.comment-pin:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;top:0;left:-2px}.comment-preview{background:var(--panel);width:min(280px,100vw - 48px);color:var(--text);text-align:left;z-index:120;pointer-events:auto;border:1px solid #ffffff24;border-radius:9px;flex-direction:column;gap:10px;display:flex;position:fixed;box-shadow:0 8px 28px #0006}.comment-preview-content{flex-direction:column;gap:10px;max-height:calc(100dvh - 18px);padding:14px 16px;display:flex;overflow-y:auto}.comment-preview:after{content:"";height:12px;position:absolute;top:100%;left:0;right:0}.comment-preview[data-side=below]:after{top:auto;bottom:100%}.comment-preview-time{font-variant-numeric:tabular-nums;color:#efaa77;font-size:11px}.comment-preview-entry{flex-direction:column;gap:5px;min-width:0;display:flex}.comment-preview-entry strong{font-size:12px;font-weight:600}.comment-preview-entry>span{color:var(--room-secondary);-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.comment-preview-content>small{color:var(--muted);font-size:11px}.project-schedule{padding:18px}.project-schedule h3{margin-bottom:15px;font-size:13px;font-weight:500}.project-schedule label{color:var(--muted);flex-direction:column;gap:7px;margin-bottom:13px;font-size:12px;display:flex}.project-schedule input,.project-schedule select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;min-width:0;color:var(--text);background:#ffffff07;border:1px solid #ffffff1a;border-radius:6px;padding:9px;font-size:12px}.project-schedule>small{color:var(--muted);margin-bottom:14px;font-size:11px;line-height:1.5;display:block}.project-schedule>.button{width:100%}@media (max-width:700px){.has-player .toast{bottom:156px}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.reduce-motion .toast{animation:none}.topbar .mobile-menu,.project-back .mobile-menu,.is-dashboard .topbar{display:none}.admin-client-shortcuts{border-top:1px solid var(--line);margin-top:22px;padding-top:8px}.admin-client-shortcuts>summary{min-height:44px;color:var(--muted);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:12px;list-style:none;display:flex}.admin-client-shortcuts>summary::-webkit-details-marker{display:none}.admin-client-shortcuts[open]>summary>svg{transform:rotate(180deg)}.admin-client-shortcuts .add-client-shortcut{min-height:44px;color:var(--muted);margin-left:12px;font-size:12px}.is-owner.is-dashboard .sidebar>nav{margin-top:28px}.is-owner.is-dashboard .sidebar nav button{min-height:44px}
.playable-row{grid-template-columns:24px minmax(0,1fr) 84px 44px 36px max-content}.track-ending{white-space:nowrap;justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.track-ending>.track-duration{pointer-events:none;min-width:32px}.track-ending:has(.song-status-label){grid-template-columns:32px 146px;display:grid}.song-status-trigger.icon-btn{z-index:2;border-radius:var(--room-radius-control,6px);width:32px;height:36px;color:var(--room-secondary,#c4b9b0);flex-shrink:0;position:relative}.song-status-trigger:hover,.song-status-trigger[aria-expanded=true]{color:var(--text);background:var(--room-hover,#ffffff09)}.song-status-trigger[aria-busy=true]{opacity:.5;cursor:wait}.song-status-label,.song-status-menu>button{--song-status-color:#a6bfdc}.song-status-label.in-progress,.song-status-menu>.in-progress{--song-status-color:#e1bc7c}.song-status-label.approved,.song-status-menu>.approved{--song-status-color:#a8cfa8}.song-status-label.creating-deliverables,.song-status-menu>.creating-deliverables{--song-status-color:#c9b2eb}.song-status-label.delivered,.song-status-menu>.delivered{--song-status-color:#83cfc6}.song-status-label.cancelled,.song-status-menu>.cancelled{--song-status-color:#e2a09a}.song-status-label.standby,.song-status-menu>.standby{--song-status-color:#d7c598}.song-status-label.standby .song-status-indicator{animation:4s ease-in-out infinite song-status-breathe}.song-status-label.cancelled .song-status-indicator{animation:.22s ease-out both song-status-cancel-enter}@keyframes song-status-cancel-enter{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.song-status-label{border:1px solid color-mix(in srgb, var(--song-status-color) 15%, transparent);background:color-mix(in srgb, var(--song-status-color) 5%, transparent);width:fit-content;max-width:100%;color:var(--song-status-color);white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:5px 7px;font-size:11px;line-height:1.4;display:inline-flex}.song-status-indicator{width:12px;height:12px;color:var(--song-status-color);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.received .song-status-indicator>i{background:currentColor;border-radius:50%;width:5px;height:5px}.in-progress .song-status-indicator>i{border:1.5px solid;border-right-color:#0000;border-bottom-color:color-mix(in srgb, currentColor 30%, transparent);border-radius:50%;width:10px;height:10px}.creating-deliverables .song-status-indicator{gap:2px}.creating-deliverables .song-status-indicator>i{background:currentColor;border-radius:2px;width:2px;height:9px;transform:scaleY(.65)}.song-status-label.received .song-status-indicator{animation:4.8s ease-in-out infinite song-status-breathe}.song-status-label.in-progress .song-status-indicator{animation:3.2s linear infinite song-status-turn}.song-status-label.approved .song-status-indicator{animation:6s ease-in-out infinite song-status-breathe}.song-status-label.creating-deliverables .song-status-indicator>i{animation:2.4s ease-in-out infinite song-status-bars}.song-status-label.creating-deliverables .song-status-indicator>i:nth-child(2){animation-delay:-1.6s}.song-status-label.creating-deliverables .song-status-indicator>i:nth-child(3){animation-delay:-.8s}.song-status-label.delivered .song-status-indicator{animation:5s ease-in-out infinite song-status-settle}@keyframes song-status-breathe{0%,to{opacity:.6}50%{opacity:1}}@keyframes song-status-turn{to{transform:rotate(360deg)}}@keyframes song-status-bars{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}@keyframes song-status-settle{0%,to{opacity:.8;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}.song-status-menu{z-index:200;background:var(--panel,#1c1f1c);border:1px solid #ffffff18;border-radius:10px;width:230px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:6px;position:fixed;overflow-y:auto;box-shadow:0 12px 36px #0006}.song-status-menu-heading{color:var(--room-secondary,#c4b9b0);padding:7px 10px 9px;font-size:11px;display:block}.song-status-menu>button{width:100%;min-height:36px;color:var(--text);text-align:left;border-radius:6px;align-items:center;gap:9px;padding:8px 10px;font-size:12px;display:flex}.song-status-menu>button:hover,.song-status-menu>button:focus-visible{background:var(--room-hover,#ffffff09)}.song-status-menu>button:focus-visible{outline:1px solid var(--room-secondary,#c4b9b0);outline-offset:-1px}.song-status-current{color:var(--song-status-color);margin-left:auto}.song-name-status{flex:1;min-width:0}.song-name-status>strong{overflow-wrap:anywhere}.files-heading .song-status-trigger,.files-heading .song-status-label{margin:8px 0}@media (max-width:1250px){.playable-row{grid-template-columns:20px minmax(0,1fr) 36px 40px 36px max-content}}@media (max-width:760px){.playable-row{grid-template-columns:20px minmax(0,1fr) 36px 40px 36px}.playable-row>.row-track-title{grid-area:1/2}.playable-row>.track-ending{grid-area:2/2;justify-content:flex-start;gap:6px}.playable-row>.track-comment-button,.playable-row>.version-pill,.playable-row>.song-files-button{grid-row:1}.playable-row:has(.song-status-label)>.track-ending{grid-column:2/-1;padding:4px 0}}@media (prefers-reduced-motion:reduce){.song-status-label .song-status-indicator,.song-status-label .song-status-indicator>i{animation:none!important}}.download-status{color:#aacbb1;white-space:normal;width:fit-content;margin-top:6px;font-size:11px;font-weight:400;line-height:1.5;position:relative}.download-status.pending{color:var(--room-secondary,#b5aaa1);align-items:center;gap:5px;display:inline-flex}.download-status>summary{cursor:pointer;align-items:center;gap:5px;min-height:24px;list-style:none;display:flex}.download-status>summary::-webkit-details-marker{display:none}.download-receipt-details{z-index:20;background:var(--panel);width:min(280px,65vw);color:var(--text);border:1px solid #ffffff20;border-radius:9px;padding:14px;position:absolute;top:calc(100% + 5px);left:0;box-shadow:0 8px 24px #0006}.download-receipt-details p{margin:10px 0}.download-receipt-details p span,.download-receipt-details time{display:block}.download-receipt-details time,.download-receipt-details>small{color:var(--room-secondary,#b5aaa1);white-space:normal;font-size:11px}.verified-download{flex-shrink:0}.verified-download:has(small){gap:3px;width:auto}.verified-download.complete{color:#aacbb1}.file-actions-menu{position:relative}.file-actions-menu>summary{list-style:none}.file-actions-menu>summary::-webkit-details-marker{display:none}.file-actions-menu>div{z-index:20;background:var(--panel);border:1px solid #ffffff20;border-radius:8px;min-width:155px;padding:5px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0006}.file-actions-menu>div>button{text-align:left;border-radius:5px;width:100%;padding:9px 10px;font-size:12px;display:block}.file-actions-menu>div>button:hover{background:#ffffff09}@media (max-width:600px){.empty-song-row:has(.song-name-status){flex-wrap:wrap}.empty-song-row .song-name-status{flex-basis:calc(100% - 36px)}}
.public-home,.hosted-entry{background:var(--sidebar);color:var(--text);min-height:100dvh;font-family:Arial,Helvetica,sans-serif}.public-home a,.hosted-entry a{color:inherit;text-decoration:none}.public-home header,.public-home footer{justify-content:space-between;align-items:center;padding:36px 6vw;display:flex}.hosted-brand{letter-spacing:-1px;font-size:22px;font-weight:800}.hosted-brand>span:not(.brand-wordmark){letter-spacing:3px;color:var(--muted);margin-top:10px;font-size:9px;display:block}.public-portal{border:1px solid var(--line-strong);border-radius:30px;padding:13px 20px;font-size:13px}.public-portal span{margin-left:20px}.public-hero{min-height:620px;padding:65px 9vw 85px;position:relative;overflow:hidden}.hosted-eyebrow{letter-spacing:3px;color:var(--muted)!important;font-size:10px!important}.public-hero h1{letter-spacing:-.075em;z-index:1;margin:35px 0 52px;font-size:clamp(76px,10.8vw,160px);font-weight:500;line-height:.96;position:relative}.public-hero em{color:var(--room-secondary);font-family:Georgia,serif;font-weight:400}.public-hero-bottom{z-index:1;align-items:end;gap:80px;display:flex;position:relative}.public-hero-bottom p{color:var(--muted);font-size:15px;line-height:1.7}.public-hero-bottom a{border-bottom:1px solid var(--line-strong);padding:0 0 10px;font-size:15px}.public-hero-bottom a span{margin-left:36px}.public-lines{opacity:.3;align-items:center;gap:7px;display:flex;position:absolute;top:36%;right:3%;transform:rotate(-14deg)}.public-lines i{background:var(--surface-strong);border-radius:4px;width:3px}.public-home footer{border-top:1px solid var(--line-strong);color:var(--muted);font-size:11px}.hosted-entry{flex-direction:column;align-items:center;gap:55px;padding:45px 20px;display:flex}.hosted-card{background:var(--sidebar);border:1px solid var(--line-strong);border-radius:22px;width:100%;max-width:440px;padding:36px}.hosted-card h1{letter-spacing:-1.2px;margin:18px 0;font-size:34px}.hosted-card p{color:var(--muted);font-size:14px;line-height:1.65}.hosted-card form{flex-direction:column;gap:12px;margin-top:30px;display:flex}.hosted-card label{font-size:12px}.hosted-card input{background:var(--sidebar);border:1px solid var(--line-strong);color:var(--text);border-radius:8px;width:100%;padding:15px;font-size:16px}.hosted-card button{background:var(--surface-strong);color:var(--on-accent);cursor:pointer;border:0;border-radius:8px;justify-content:space-between;padding:16px;font-size:14px;display:flex}.hosted-card button:disabled{opacity:.5;cursor:wait}.hosted-contact{margin-top:18px;font-size:12px;display:inline-block;text-decoration:underline!important}.hosted-error{color:#f5b7a3!important}.hosted-entry small{color:var(--muted);font-size:11px}.public-home a:focus-visible,.hosted-entry a:focus-visible,.hosted-entry button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}@media (max-width:600px){.public-home header{padding:24px}.public-hero{min-height:650px;padding:65px 24px}.public-hero h1{font-size:84px}.public-hero-bottom{flex-direction:column;align-items:start;gap:25px}.public-lines{opacity:.15;top:40%;right:-60%}.public-home footer{flex-wrap:wrap;gap:20px;padding:24px}.hosted-entry{gap:35px}.hosted-card{padding:28px 24px}}
.modal:has(.portal-manager){width:min(640px,100vw - 32px);height:min(820px,100dvh - 48px);max-height:calc(100dvh - 48px);overflow:hidden}.modal:has(.portal-manager)>.modal-body{flex-direction:column;height:100%;min-height:0;display:flex}.modal:has(.portal-manager) .modal-heading{flex-shrink:0}.portal-manager{flex:1;grid-template-rows:auto minmax(0,1fr);gap:18px;min-height:0;display:grid}.portal-content{overscroll-behavior-y:contain;scrollbar-gutter:stable;align-content:start;gap:18px;min-width:0;min-height:0;margin:-4px;padding:4px;display:grid;overflow-y:auto}.portal-content:focus-visible{outline:1px solid var(--room-secondary,#aaa);outline-offset:2px;border-radius:4px}.portal-tabs{border-bottom:1px solid var(--line-strong);gap:8px;padding-bottom:10px;display:flex}.portal-tabs button{min-height:44px;color:var(--muted);border-radius:7px;flex:1;padding:10px 12px;font-size:14px}.portal-tabs button[aria-current]{background:var(--panel);color:var(--text)}.portal-address,.portal-invite-result,.portal-link-card{border:1px solid var(--line-strong);border-radius:10px;gap:14px;padding:18px;display:grid}.portal-address>span,.portal-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.portal-address code{overflow-wrap:anywhere;white-space:normal;font-size:14px}.portal-address small,.portal-invite-result small,.portal-person small{color:var(--muted);font-size:14px;line-height:1.5;display:block}.portal-manager h3{margin:0;font-size:16px}.portal-manager p{margin:0;font-size:15px;line-height:1.55}.portal-notice{background:var(--panel);color:var(--room-secondary);border-radius:7px;padding:10px 12px}.portal-person{border-bottom:1px solid var(--line-strong);align-items:center;gap:12px;padding:14px 0;display:flex}.portal-person>div{overflow-wrap:anywhere;flex:1;min-width:0}.portal-section-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.portal-section-heading p{color:var(--muted);margin-top:4px}.portal-link-details{color:var(--muted);flex-wrap:wrap;gap:8px 16px;font-size:14px;display:flex}.portal-link-editor{border-top:1px solid var(--line-strong);padding:18px 0}.portal-project-picker{border:1px solid var(--line-strong);border-radius:8px;gap:10px;padding:12px;display:grid}.portal-project-picker legend{padding:0 6px;font-size:15px}.portal-project-picker label{align-items:center;gap:10px;font-size:15px;display:flex}.portal-limits{grid-template-columns:1fr 1fr;gap:12px;display:grid}.portal-limits label{gap:8px;font-size:15px;display:grid}.portal-limits input{border:1px solid var(--line-strong);background:var(--sidebar);border-radius:7px;width:100%;min-width:0;padding:10px}.client-entry{background:radial-gradient(ellipse at top, var(--panel), var(--sidebar) 60%);place-items:center;min-height:100dvh;padding:40px 20px;display:grid}.client-entry-card{gap:24px;width:min(100%,430px);display:grid}.client-entry-brand{letter-spacing:.16em;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.client-entry-card h1{letter-spacing:-.04em;margin:0 0 8px;font-size:32px}.client-entry-card p{color:var(--muted);font-size:16px;line-height:1.6}.client-entry-card .button{justify-content:center}.client-entry .form label>input{background:var(--sidebar);border-color:var(--line-strong);color:var(--text)}.client-entry-preview{color:var(--muted)!important;font-size:13px!important}.portal-player-error{color:#f0d6d6;background:#302222;border:1px solid #654545;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:15px;display:flex;position:absolute;bottom:calc(100% + 10px);left:16px;right:16px;box-shadow:0 6px 24px #0006}.portal-player-error .text-button{flex-shrink:0}@media (max-width:560px){.portal-limits{grid-template-columns:1fr}.portal-tabs{gap:2px}.portal-tabs button{font-size:13px}.portal-section-heading{align-items:flex-start}.portal-person{flex-wrap:wrap}}.portal-slug-field{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.portal-slug-field>span{color:var(--muted);font-size:12px}.portal-slug-field input{flex:140px;min-width:0}.portal-slug-form{border-bottom:1px solid var(--line);padding-block:14px}.inline-name{align-items:center;gap:5px;min-width:0;max-width:100%;display:inline-flex}.inline-name strong{text-overflow:ellipsis;overflow:hidden}.inline-name-pencil{opacity:0;flex-shrink:0;width:24px;height:24px;transition:opacity .15s}.inline-name:hover .inline-name-pencil,[data-entity]:hover .inline-name-pencil,.inline-name:focus-within .inline-name-pencil{opacity:1}.inline-name-editor{z-index:4;flex-direction:column;max-width:100%;display:inline-flex;position:relative}.inline-name-editor form{align-items:center;gap:4px;margin:0;display:flex}.inline-name-editor input{width:100%;min-width:60px;max-width:500px;font:inherit;color:inherit;border:1px solid var(--line,#665453);background:var(--panel,#211b1a);border-radius:6px;padding:4px 7px}.inline-name-editor input[type=number]{width:65px}.inline-name-editor small{color:#efb4aa;font-size:12px}.row-track-title .inline-name,.row-track-title .inline-name-editor{z-index:3;pointer-events:auto;position:relative}.version-item>.inline-name{flex-shrink:0;font-size:12px}.version-item>.inline-name strong:before{content:"v"}.version-number{min-width:28px;font-size:12px}.inline-version-number{z-index:3;flex-shrink:0;display:inline-flex;position:relative}.inline-version-number[data-editing]{z-index:5}.inline-version-trigger{border-radius:var(--room-radius-control,8px);min-width:44px;min-height:40px;color:var(--room-secondary);font-variant-numeric:tabular-nums;padding:8px;font-size:12px}.inline-version-trigger:hover,.inline-version-trigger[aria-expanded=true]{background:var(--room-hover);color:var(--text)}.inline-version-number>.inline-name-editor{border:1px solid var(--line-strong);background:var(--panel);width:204px;max-width:none;box-shadow:var(--room-shadow);border-radius:10px;gap:8px;padding:12px;position:absolute;top:calc(100% + 6px);right:0}.inline-version-number .inline-name-editor form{gap:8px}.inline-version-number .inline-name-editor input{width:76px;min-width:0;min-height:40px}.inline-version-number .inline-name-editor small{white-space:normal;line-height:1.5}.version-item:has(.inline-version-number[data-editing]){flex-wrap:wrap}.version-item>.inline-version-number[data-editing]{flex:0 0 100%;align-items:flex-start;gap:8px;padding-block:8px}.version-item>.inline-version-number>.inline-name-editor{position:relative;top:auto;right:auto}@media (max-width:760px){.row-version-label .inline-version-number>.inline-name-editor{left:0;right:auto}.inline-version-trigger{min-height:44px}}.entity-context-menu{z-index:12000;color:#eee3df;background:#241e1c;border:1px solid #594a47;border-radius:12px;flex-direction:column;min-width:215px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:6px;display:flex;position:fixed;overflow:auto;box-shadow:0 12px 40px #0008}.entity-context-menu>button,.entity-context-group>button{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;padding:9px 12px;font-size:13px;display:flex}.entity-context-menu>button:hover,.entity-context-menu>button:focus-visible,.entity-context-group>button:hover,.entity-context-group>button:focus-visible,.entity-context-group>button[aria-expanded=true]{background:#ffffff13;outline:none}.entity-context-menu>.context-danger{color:#f0aba6}.entity-context-menu button:disabled{opacity:.4;cursor:default}.entity-context-menu>button[aria-checked=true]:after{content:"✓";color:var(--accent,#cde887)}.entity-context-submenu{z-index:12001}.context-separator{background:#ffffff18;flex:0 0 1px;height:1px;margin:5px 7px}.context-heading{color:#b9a8a2;text-transform:uppercase;letter-spacing:.1em;padding:12px 12px 4px;font-size:10px}.context-download-button{align-items:center;gap:8px;display:flex;width:100%!important;height:auto!important}.button-tooltip{z-index:13000;color:#251b16;pointer-events:none;background:#eee1da;border-radius:7px;max-width:250px;padding:7px 10px;font-size:12px;line-height:1.35;position:fixed;transform:translate(-50%);box-shadow:0 3px 12px #0005}.sharing-summary{flex-direction:column;gap:5px;padding:14px 4px 5px;display:flex}.sharing-summary strong{font-size:12px;font-weight:550}.sharing-summary small,.sharing-explainer p,.portal-project-access>p,.portal-project-summary small{color:var(--muted,#b4a7a0);font-size:12px;line-height:1.5}.sharing-summary:not(:first-of-type){border-top:1px solid #ffffff0b;margin-top:12px}.sharing-explainer{padding-bottom:10px}.portal-project-summary{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.portal-project-summary>div{flex-direction:column;gap:5px;display:flex}.portal-project-summary strong{font-size:13px}@media (hover:none){.inline-name-pencil{opacity:1}}@media (prefers-reduced-motion:reduce){.inline-name-pencil{transition:none}}.row-track-title .inline-name{pointer-events:none}.row-track-title .inline-name-pencil{pointer-events:auto}.version-item>.inline-name,.version-item>.inline-name-editor{z-index:2;flex-shrink:0;position:relative}.row-track-title{align-items:center;gap:4px;display:flex}.row-track-title>.inline-name{min-width:0}.row-track-title>small{flex-shrink:0;display:inline}.version-item:has(>.inline-name-editor){flex-wrap:wrap}.version-item>.inline-name-editor{flex:0 0 100%;width:100%}.version-item .inline-name-editor small{white-space:normal;text-overflow:clip;max-width:none;overflow:visible}.row-track-title:has(.inline-name-editor){white-space:normal;flex-wrap:wrap;overflow:visible}.portal-link-settings{border:1px solid var(--line-strong);border-radius:10px;padding:16px}.portal-link-settings>summary{cursor:pointer;font-size:14px}.portal-link-settings>summary small{color:var(--muted);margin-top:6px;display:block}.portal-link-settings>form{margin-top:22px}
:root{--bg:var(--brand-teal);--sidebar:var(--brand-deep);--panel:var(--brand-panel);--surface:var(--brand-surface);--surface-strong:var(--brand-surface-strong);--line:var(--brand-line);--line-strong:var(--brand-line-strong);--muted:var(--brand-muted);--text:var(--brand-white);--accent:var(--brand-lime);--accent-hover:var(--brand-lime-hover);--on-accent:var(--brand-deep);--accent-dim:#91ed3314;--danger:#ffc5b8;--radius:var(--brand-radius-control);--room-secondary:var(--brand-secondary);--room-border:var(--brand-line);--room-hover:#ffffff0d;--room-pressed:#ffffff16;--room-selected:#91ed3314;--room-radius-control:var(--brand-radius-control);--room-radius-surface:var(--brand-radius-panel);--room-radius-dialog:22px;--room-radius-pill:var(--brand-radius-control);--room-shadow:0 12px 36px #071e2338;--waveform-color:var(--brand-lime);--waveform-muted:#709597;font-family:var(--font-portfolio), Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}::selection{background:var(--accent);color:var(--on-accent)}:is(button,a,summary,input,select,textarea):focus-visible{outline-color:var(--accent)}:is(input,textarea)::placeholder{color:var(--muted);opacity:1}.app-shell,.app-shell.is-client,.app-shell.is-project{--project-base:var(--brand-teal);--project-glow:var(--brand-teal);background:radial-gradient(ellipse 100% 700px at 65% 0, var(--project-glow), transparent), var(--bg)}.app-shell .sidebar{background:var(--sidebar);border-color:var(--line)}.app-shell .workspace-search-header{background:color-mix(in srgb, var(--bg) 94%, transparent);border-bottom-color:var(--line)}.brand{letter-spacing:-.045em;gap:0;padding-inline:0;font-size:21px;font-weight:900}.brand .brand-icon{display:none}.brand>span{text-align:center;width:100%;min-width:0;margin-inline:auto}.brand small{padding-left:0}.brand small,.hosted-brand>span:not(.brand-wordmark){color:var(--muted);letter-spacing:.18em;margin-top:10px;font-size:9px;font-weight:500}.brand-icon,.project-signature>svg{color:var(--accent)}.sidebar nav button.active,.settings-nav.active,.client-tree button.current,.library-filters>button.active,.overview-filters button[aria-pressed=true],.portal-tabs button[aria-current]{background:var(--accent-dim);color:var(--accent)}.button,.sidebar-new,.hero-play,.main-play,.main-player-toggle,.round-button.light,.hosted-card button{background:var(--accent);color:var(--on-accent);border-color:#0000;font-weight:650}:is(.button,.sidebar-new,.hero-play,.main-play,.main-player-toggle,.round-button.light,.hosted-card button):hover:not(:disabled){background:var(--accent-hover);color:var(--on-accent)}.button.secondary{border:1px solid var(--line);color:var(--text);background:#ffffff08}.button.secondary:hover:not(:disabled){background:var(--room-hover);border-color:var(--line-strong);color:var(--text)}.button.danger,.button.danger:hover:not(:disabled){color:var(--danger);background:#ffb5a414;border-color:#ffb5a44d}.app-shell :is(.page-heading,.library-heading,.overview-heading,.business-heading,.client-page-heading,.project-heading) h1,.reference-page>h1,.reference-title h1{letter-spacing:-.045em;font-weight:850;line-height:1.1}.app-shell :is(.page-heading,.library-heading,.overview-heading,.business-heading,.client-page-heading) h1,.hosted-card h1,.client-entry-card h1{text-transform:uppercase}.app-shell .eyebrow,.hosted-card .hosted-eyebrow,.page-heading>.eyebrow{letter-spacing:.12em;font-weight:650;color:var(--accent)!important}.main-player,.player-bar{background:var(--sidebar);border-color:var(--line)}.main-player-toggle,.main-play{border-radius:50%}.playable-row.selected .row-play-indicator>svg,.add-version-inline,.version-item .publish-action,.main-comments-button>span{color:var(--accent)}.preference-toggle[aria-checked=true],.permission-toggle input:checked{background:var(--accent-dim);border-color:var(--accent)}.preference-toggle[aria-checked=true] span,.permission-toggle input:checked:after{background:var(--accent)}.hosted-entry,.client-entry{background:var(--bg);color:var(--text);font-family:inherit}.hosted-brand{font-size:27px}.hosted-card,.client-entry-card{background:var(--sidebar);border:1px solid var(--line);box-shadow:var(--room-shadow);border-radius:22px;padding:36px}.client-entry-card{width:min(100%,480px)}.client-entry-brand{letter-spacing:-.045em;font-size:25px}.hosted-card h1,.client-entry-card h1{letter-spacing:-.045em;font-weight:850;line-height:1.1}.hosted-card input,.client-entry .form label>input{background:var(--panel);border-color:var(--line-strong);color:var(--text);border-radius:var(--radius)}.hosted-card button{border-radius:var(--radius)}.hosted-card p,.hosted-entry small,.client-entry-card p{color:var(--muted)}.hosted-card .hosted-error,.client-entry-card .inline-error{color:var(--danger)}.hosted-entry a:focus-visible,.hosted-entry button:focus-visible{outline-color:var(--accent)}@media (max-width:600px){.hosted-card,.client-entry-card{padding:28px 22px}.client-entry{padding:28px 16px}}
.app-shell:is(.is-client,.is-project){background:radial-gradient(ellipse 110% 760px at 58% -120px, var(--project-glow), transparent), var(--project-base)}.app-shell.has-room-backdrop{isolation:isolate;position:relative}.has-room-backdrop .main-shell{position:relative}.room-backdrop{--room-backdrop-edge-fade:clamp(24px, 12%, 180px);opacity:0;pointer-events:none;z-index:-1;height:580px;-webkit-mask-image:linear-gradient(#000 25%, transparent 100%), linear-gradient(90deg, transparent, #000 var(--room-backdrop-edge-fade), #000 calc(100% - var(--room-backdrop-edge-fade)), transparent);mask-image:linear-gradient(#000 25%, transparent 100%), linear-gradient(90deg, transparent, #000 var(--room-backdrop-edge-fade), #000 calc(100% - var(--room-backdrop-edge-fade)), transparent);transition:opacity .65s;position:absolute;inset:0 0 auto;overflow:hidden;-webkit-mask-composite:source-in;mask-composite:intersect}.room-backdrop[data-ready=true]{opacity:1}.reduce-motion .room-backdrop{transition:none}@media (prefers-reduced-motion:reduce){.room-backdrop{transition:none}}.room-backdrop img{object-fit:cover;filter:brightness(.65);width:100%;height:100%;display:block}.room-backdrop:after{content:"";background:linear-gradient(90deg, #0009, #0003 75%), linear-gradient(0deg, var(--project-base), transparent 80%);position:absolute;inset:0}.has-room-backdrop .project-heading{min-height:250px;padding-top:30px;padding-bottom:24px}.has-room-backdrop .client-page-heading{align-items:flex-end;min-height:250px;padding-top:80px;padding-bottom:32px}.is-client .client-page-heading h1{text-transform:none}.has-room-backdrop :is(.client-page-heading,.project-heading) h1{text-shadow:0 2px 24px #0008}.banner-controls{gap:12px;padding:4px 12px 18px;display:grid}.banner-controls p,.banner-controls small{color:var(--muted);font-size:12px;line-height:1.6}.banner-controls>.photo-upload,.banner-controls .photo-upload>.button{width:100%}.banner-position{gap:10px;padding-top:4px;display:grid}.banner-position img{object-fit:cover;border:1px solid var(--line);border-radius:8px;width:100%;height:90px;display:block}.banner-position label{color:var(--room-secondary);gap:6px;font-size:12px;display:grid}.banner-position input[type=range]{width:100%;min-height:28px;accent-color:var(--accent);padding:0}.banner-position-labels{color:var(--muted);justify-content:space-between;margin-top:-8px;font-size:11px;display:flex}.banner-position>.text-button{justify-self:center;min-height:32px}@media (max-width:600px){.room-backdrop{height:540px}.has-room-backdrop .client-page-heading{align-items:center;min-height:260px;padding-top:88px}.has-room-backdrop .project-heading{min-height:240px;padding-top:34px}}
.is-listener .client-nav-identity{text-align:center;justify-items:center;gap:10px;margin:28px 10px;display:grid}.client-nav-identity .client-avatar{width:56px;height:56px;font-size:20px}.client-nav-identity strong{overflow-wrap:anywhere;font-size:17px;line-height:1.4}.client-nav-identity>span:last-child{color:var(--muted);font-size:12px}.client-project-navigation{margin-top:10px}.client-project-navigation .artwork{border-radius:5px;flex:0 0 30px;width:30px;height:30px}.client-project-navigation>button{min-height:48px}.is-listener .client-project-page{max-width:var(--room-content-width)}.is-listener .client-page-heading{gap:22px}.is-listener .library-heading h1{text-transform:none;font-size:20px}.is-listener .library-summary{color:var(--muted)}.app-shell{--track-ending-width:94px}.app-shell.is-listener{--track-ending-width:206px}.playable-row,.song-placeholder-row{grid-template-columns:24px minmax(0, 1fr) 52px 100px 52px 40px var(--track-ending-width);align-items:center;gap:8px;min-height:64px;padding:8px 12px;display:grid}.row-version-label{color:var(--room-secondary);font-variant-numeric:tabular-nums;pointer-events:none;justify-items:center;gap:2px;font-size:12px;display:grid}.row-version-label:has(.inline-version-number){z-index:3;pointer-events:auto;position:relative}.row-version-label:has([data-editing]){z-index:5}.row-version-label small{color:#e1bc7c;font-size:10px}:is(.track-ending,.track-ending:has(.song-status-label)){grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.track-ending>.track-duration{text-align:right;font-variant-numeric:tabular-nums;width:40px}.track-ending .song-status-label{justify-self:start}.song-placeholder-row>.song-name-status{min-width:0}.song-placeholder-row .song-name-status>strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.song-placeholder-row>.version-pill{justify-content:center;align-items:center;display:flex}.song-placeholder-row>svg{color:var(--muted);justify-self:center}.song-placeholder-row .track-comment-button:disabled{opacity:.3;cursor:default}.track-comment-button .comment-bubble{flex:none;display:inline-flex;position:relative;overflow:visible}.comment-count{background:var(--accent);min-width:15px;height:15px;color:var(--on-accent,#171717);box-shadow:0 0 0 2px var(--bg);font-variant-numeric:tabular-nums;border-radius:9px;justify-content:center;align-items:center;padding-inline:3px;font-size:9px;font-weight:700;line-height:1;display:inline-flex;position:absolute;bottom:9px;left:7px}.track-comment-button:has(.comment-count){gap:10px}@media (max-width:1350px){.playable-row,.song-placeholder-row{grid-template-columns:20px minmax(0, 1fr) 52px 40px 52px 40px var(--track-ending-width)}.track-comment-button>.comment-action-label{display:none}}@media (max-width:760px){.playable-row>.track-comment-button,.playable-row>.version-pill,.playable-row>.song-files-button,.song-placeholder-row>.track-comment-button,.song-placeholder-row>.version-pill,.song-placeholder-row>.song-files-button{height:44px;min-height:44px}.playable-row>.song-files-button,.song-placeholder-row>.song-files-button,.track-ending .song-status-trigger{width:44px;min-width:44px;height:44px;min-height:44px}.playable-row,.song-placeholder-row{grid-template-rows:auto auto;grid-template-columns:20px minmax(0,1fr) 44px 52px 44px;gap:7px 4px;min-height:88px;padding:12px 8px}.playable-row>.row-play-indicator,.song-placeholder-row>svg{grid-area:1/1}.playable-row>.row-track-title,.song-placeholder-row>.song-name-status{grid-area:1/2;align-self:center}.playable-row>.row-version-label,.song-placeholder-row>.row-version-label{grid-area:2/2;justify-self:start;gap:8px;display:flex}.playable-row>.track-comment-button,.song-placeholder-row>.track-comment-button{grid-area:1/3}.playable-row>.version-pill,.song-placeholder-row>.version-pill{grid-area:1/4}.playable-row>.song-files-button,.song-placeholder-row>.song-files-button{grid-area:1/5}:is(.playable-row>.track-ending,.playable-row:has(.song-status-label)>.track-ending,.song-placeholder-row>.track-ending){grid-area:2/2/auto/-1;grid-template-columns:40px minmax(0,1fr);justify-self:end;gap:8px;padding:0}.track-comment-button>.comment-action-label{display:none}}.sharing-private-versions{background:#e1bc7c08;border:1px solid #e1bc7c33;border-radius:8px;gap:8px;padding:14px;display:grid}.project-hero-actions .download-all-button{background:var(--room-hover,#ffffff08);min-height:40px;color:var(--room-secondary);white-space:nowrap;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:inline-flex}.project-hero-actions .download-all-button:hover:not(:disabled){background:#ffffff14}@media (max-width:840px){.app-shell .workspace-search-header{padding-top:calc(12px + env(safe-area-inset-top,0px))}.app-shell .topbar{height:auto;min-height:64px;padding-block:12px}.app-shell .project-topbar{row-gap:12px;padding-top:14px;padding-bottom:12px}.topbar-actions>button,.project-tools>.button,.project-tools>.preview-control{min-height:40px}.project-hero-actions,.project-hero-actions>div{flex-wrap:wrap}.project-hero-actions .download-all-button{min-height:44px;padding-inline:12px}}.sharing-private-versions strong{color:#e1bc7c;font-size:13px}.sharing-private-versions p,.sharing-private-versions ul{color:var(--muted);font-size:12px;line-height:1.6}.sharing-private-versions ul{padding-left:16px}.playable-row>.version-pill,.song-placeholder-row>.version-pill{justify-content:center;width:100%;min-width:0;padding-inline:8px}.playable-row>.version-pill>span{text-align:center;font-variant-numeric:tabular-nums;min-width:14px}.playable-row>.track-comment-button,.song-placeholder-row>.track-comment-button{justify-content:center;gap:10px;padding-inline:10px}@media (max-width:1350px){.playable-row>.track-comment-button,.song-placeholder-row>.track-comment-button{justify-content:center;padding:0}}
.organized-songs{container:songlist/inline-size}.organized-songs .selection-toolbar{flex-wrap:wrap;gap:10px;min-height:48px}.song-selection-count,.song-bulk-actions,.bulk-download-progress,.stack-toolbar{align-items:center;gap:12px;display:flex}.song-selection-count{min-height:32px}.song-bulk-actions{flex-wrap:wrap;margin-left:auto}.organized-songs .selectable-song{transition:background-color .14s,opacity .14s;position:relative}.app-shell .tracks-section.organized-songs>.selectable-song.song-selected[data-row-stripe]{background:color-mix(in srgb, var(--accent) 20%, var(--project-base,#112321));box-shadow:inset 3px 0 0 var(--accent), inset 0 0 0 1px color-mix(in srgb, var(--accent) 50%, transparent)}.organized-songs .selectable-song:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.organized-songs .song-dragging{opacity:.42}.organized-songs .song-drop-target{outline:2px solid var(--accent);outline-offset:-2px;background:color-mix(in srgb, var(--accent) 16%, var(--project-base))}.stack-drop-label{z-index:6;text-overflow:ellipsis;white-space:nowrap;background:var(--surface-strong);max-width:calc(100% - 20px);color:var(--room-secondary);pointer-events:none;border-radius:6px;padding:5px 10px;font-size:12px;position:absolute;top:-12px;right:10px;overflow:hidden}.song-hidden-badge{color:#e1bc7c;pointer-events:none;font-size:10px;position:absolute;bottom:3px;left:44px}.bulk-download-progress{color:var(--muted);justify-content:space-between;padding:10px 14px;font-size:12px}.organized-songs .row-version-label{flex-wrap:wrap;min-width:0;max-width:100%}.organized-songs .row-version-label .inline-version-number{flex:0 auto;min-width:0;max-width:100%}.organized-songs .row-version-label>.version-number{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.organized-songs .inline-version-trigger{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.organized-songs .row-version-label .inline-name-editor{min-width:245px}@media (min-width:761px){@container songlist (min-width:601px){.organized-songs .selectable-song{grid-template-columns:24px minmax(0, 1fr) fit-content(180px) 100px 52px 40px var(--track-ending-width)}}}@media (min-width:761px) and (max-width:1350px){@container songlist (min-width:601px){.organized-songs .selectable-song{grid-template-columns:20px minmax(0, 1fr) fit-content(140px) 40px 52px 40px var(--track-ending-width)}}}.sortable-versions{margin-left:44px}.stack-toolbar{flex-wrap:wrap}.stack-toolbar .add-version-inline{margin-left:auto}.stack-order-hint{color:var(--muted);margin:2px 0 10px;font-size:11px;line-height:1.6}.sortable-versions .version-item.current{background:color-mix(in srgb, var(--accent) 7%, transparent)}.sortable-versions .version-item.current .revision-open strong,.sortable-versions .version-item.current .version-number{color:var(--text)}.sortable-versions .revision-open small{align-items:center;gap:4px;min-height:16px;display:flex}.sortable-versions .version-item .revision-comment{background:color-mix(in srgb, var(--text) 4%, transparent);border-radius:8px;gap:5px;width:auto;min-width:32px;height:32px;padding:5px 8px;font-size:11px;display:inline-flex}.waveform-seek-hint{color:var(--muted);font-size:11px}.waveform-comment-action{align-items:center;gap:5px;min-height:32px;font-size:12px;display:inline-flex}.waveform-footer{flex-wrap:wrap;gap:8px}.waveform-comment-action:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sortable-versions .version-item{border-radius:6px;gap:10px;min-height:58px;padding:8px 4px}.sortable-versions .version-dragging{background:color-mix(in srgb, var(--accent) 12%, transparent)}.sortable-versions .version-item[draggable=true]{cursor:grab}.sortable-versions .version-item[draggable=true]:active{cursor:grabbing}.sortable-versions .version-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.sortable-versions .version-order-controls{z-index:3;flex:0 0 24px;align-items:center;display:flex;position:relative}.version-step-buttons{display:grid}.sortable-versions .version-step-buttons .icon-btn{width:24px;min-width:24px;height:24px;min-height:24px}.sortable-versions .version-item>.inline-version-number,.sortable-versions .version-item>.version-number{z-index:3;flex:0 auto;min-width:0;max-width:min(30%,180px);position:relative}.sortable-versions .version-item>.version-number{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sortable-versions .version-item>.inline-version-number[data-editing]{z-index:5;align-items:center;padding-block:0}.sortable-versions .inline-name-editor{min-width:245px}.sortable-versions .version-item>.inline-version-number>.inline-name-editor{position:absolute;top:calc(100% + 6px);left:0;right:auto}.organized-songs .inline-version-number .inline-name-editor input{flex:1;width:0}.sortable-versions .version-item>.revision-open{flex:100px}.sortable-versions .version-item>.revision-open>span{min-width:0}.sortable-versions .version-item .icon-btn{flex-shrink:0}.sortable-versions .version-actions{z-index:2;flex:none;justify-content:flex-end;align-items:center;gap:10px;display:flex;position:relative}.sortable-versions .version-approval-button,.sortable-versions .version-approval-status{z-index:2;min-width:88px;min-height:32px;color:var(--muted);white-space:nowrap;border-radius:7px;flex:none;justify-content:center;align-items:center;gap:5px;padding:5px 7px;font-size:11px;display:inline-flex;position:relative}.sortable-versions .version-approval-button:hover{background:var(--room-hover);color:var(--room-secondary)}.sortable-versions .version-approval-button.approved,.sortable-versions .version-approval-status{color:var(--accent);background:color-mix(in srgb, var(--accent) 13%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)}@container songlist (max-width:600px){.song-bulk-actions{gap:10px;width:100%;margin-left:0}.song-bulk-actions .text-button{min-height:36px}.sortable-versions{margin-left:4px;padding-left:0}.sortable-versions .version-item{flex-wrap:wrap;gap:2px 8px}.sortable-versions .version-item>.revision-open{flex-basis:calc(70% - 44px)}.sortable-versions .version-item>.inline-version-number,.sortable-versions .version-item>.version-number{max-width:30%}.sortable-versions .version-actions{flex-basis:100%;gap:8px}.sortable-versions .version-item .revision-comment{margin-left:auto;display:inline-flex}.sortable-versions .version-item .publish-action{min-height:32px;display:inline-flex}.sortable-versions .version-approval-button{min-height:36px}.sortable-versions .version-item small{display:block}.organized-songs .row-version-label .inline-name-editor{left:0;right:auto}}@media (prefers-reduced-motion:reduce){.organized-songs .selectable-song{transition:none}}.reduce-motion .organized-songs .selectable-song{transition:none}.app-shell.is-listener .organized-songs .selectable-song{padding-right:52px}.client-song-menu-trigger.icon-btn{z-index:3;border-radius:var(--room-radius-control,6px);width:32px;height:36px;color:var(--room-secondary,#c4b9b0);position:absolute;top:50%;right:10px;transform:translateY(-50%)}.client-song-menu-trigger:hover,.client-song-menu-trigger[aria-expanded=true]{color:var(--text);background:var(--room-hover,#ffffff09)}.client-song-menu-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (hover:hover) and (pointer:fine) and (min-width:761px){.client-song-menu-trigger{opacity:0;pointer-events:none}.selectable-song:hover .client-song-menu-trigger,.selectable-song:focus-within .client-song-menu-trigger,.client-song-menu-trigger[aria-expanded=true]{opacity:1;pointer-events:auto}}@media (pointer:coarse){.client-song-menu-trigger.icon-btn,.client-entity-menu>button{min-width:44px;min-height:44px}.app-shell.is-listener .organized-songs .selectable-song{padding-right:62px}}@container songlist (max-width:600px){.app-shell.is-listener .organized-songs .selectable-song{padding-right:8px}.organized-songs .client-song-menu-trigger.icon-btn{grid-area:1/5;width:44px;height:44px;position:relative;top:auto;right:auto;transform:none}.organized-songs .selectable-song{grid-template-columns:20px minmax(0,1fr) 44px 44px 44px;gap:0 4px;padding:8px}.organized-songs .selectable-song>.row-track-title,.organized-songs .selectable-song>.song-name-status{grid-area:1/2/auto/4}.organized-songs .selectable-song>.row-version-label{grid-area:2/2;justify-self:start;display:flex}.organized-songs .selectable-song>.track-comment-button{grid-area:2/3}.organized-songs .selectable-song>.version-pill{grid-area:2/4}.organized-songs .selectable-song>.song-files-button{grid-area:2/5}.organized-songs .selectable-song>.track-ending{display:contents}.organized-songs .track-ending>.track-duration{grid-area:1/4}.organized-songs .track-ending>.song-status-trigger{grid-area:1/5}.organized-songs .track-ending>.song-status-label{grid-area:3/2/auto/-1;padding-bottom:4px}.organized-songs .song-hidden-badge{bottom:6px;left:14px}}.song-sort-control{max-width:100%;margin-left:auto}.song-sort-control select{width:auto;max-width:100%;min-height:36px;font-size:12px}.song-deadline-cell{align-content:center;justify-items:start;gap:3px;min-width:0;padding:8px 0;display:grid}.song-deadline-caption{color:var(--room-secondary,var(--muted));letter-spacing:.08em;text-transform:uppercase;opacity:.7;font-size:9px}.song-deadline-empty{color:var(--room-secondary,var(--muted));opacity:.55;font-size:11px}@container songlist (min-width:601px){.app-shell .organized-songs :is(.playable-row,.song-placeholder-row):has(>.song-deadline-cell){grid-template-columns:33px minmax(0, 1fr) 40px fit-content(30%) 110px var(--track-ending-width)}.app-shell .organized-songs .selectable-song>.song-deadline-cell{grid-area:1/5}.app-shell .organized-songs .selectable-song:has(>.song-deadline-cell)>.track-ending{grid-column:6}}@container songlist (max-width:600px){.app-shell .organized-songs .selectable-song>.song-deadline-cell{grid-area:4/2/auto/-1;align-items:center;gap:8px;padding:2px 0 6px;display:flex}}@media (max-width:760px){.app-shell .listen-page .organized-songs .selectable-song>.song-deadline-cell{grid-area:2/2;align-items:center;gap:8px;padding:0 0 4px;display:flex}.app-shell .listen-page .song-deadline-cell.is-undated{opacity:.7}}
.notification-seen-note{color:var(--muted);margin:0 0 18px;font-size:12px;line-height:1.5}.notification-save-error{color:var(--text);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:18px;font-size:13px;display:flex}.notification-save-error .text-button{min-height:40px;color:var(--accent)}.app-shell .project-mode{grid-auto-columns:minmax(max-content,1fr);grid-auto-flow:column;justify-self:center;width:max-content;min-width:max-content;max-width:none;display:grid}.app-shell .project-mode>button{white-space:nowrap;min-width:0;min-height:38px;padding-inline:12px;font-weight:550}.app-shell .project-tools>.preview-control{display:inline-flex}@media (min-width:841px){.app-shell .project-topbar{grid-template-columns:minmax(32px,1fr) minmax(max-content,384px) minmax(154px,1fr)}}.client-preview-banner{background:var(--panel);border-bottom:1px solid var(--accent);color:var(--text);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:10px 20px;font-size:13px;display:flex;position:relative}.client-preview-banner .text-button{min-height:32px;color:var(--accent)}.notifications-page .notification-date-divider{color:var(--text);align-items:center;gap:14px;margin:24px 0 8px;font-size:12px;font-weight:600;display:flex}.notification-date-divider:after{content:"";background:var(--room-border,#ffffff25);flex:1;height:1px}.notification-date-divider time{background:var(--room-selected,#ffffff0c);border-radius:6px;padding:5px 10px}.notifications-page .notification-open{grid-template-columns:34px minmax(0,1fr) auto 6px 15px;align-items:center;gap:10px;min-height:70px;padding:10px 4px;display:grid}.notifications-page .notification-description strong{white-space:normal;overflow-wrap:anywhere;font-size:13px}.notifications-page .notification-description small{overflow-wrap:anywhere;font-size:12px}.notifications-page .notification-open time{grid-column:3;margin:0;font-size:11px}.notifications-page .unread-dot{background:var(--accent);grid-column:4;width:5px;height:5px}.notification-chevron{color:var(--muted);grid-column:5}.notifications-page .notification-menu{align-self:center;margin-top:0}.notifications-page .notification-menu summary{width:32px;height:40px}.notification-back{min-height:40px;margin-bottom:18px}.notification-detail-summary{color:var(--text);margin:0;font-size:16px}.notification-detail-date{color:var(--muted);margin:8px 0 28px;font-size:12px}.notification-project-detail{margin-top:24px}.notification-project-heading{border-bottom:1px solid var(--room-border,#ffffff25);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-bottom:12px;display:flex}.notification-project-heading h2{overflow-wrap:anywhere;margin:0;font-size:15px}.notification-project-heading .text-button{min-height:40px;font-size:12px}.notification-detail .insight-event>div{min-width:0}@media (max-width:600px){.app-shell .project-mode>button{min-height:42px;padding-inline:8px}.notifications-page .notification-open{grid-template-columns:34px minmax(0,1fr) 6px 15px;gap:5px 8px}.notifications-page .notification-open time{grid-area:2/2}.notifications-page .notification-open .unread-dot{grid-area:1/3}.notifications-page .notification-chevron{grid-area:1/4}.notifications-page .notification-menu summary{width:36px;min-height:44px}}.app-shell .notifications-topbar{display:none}
.link-center{max-width:1360px;margin:0 auto;padding:36px clamp(20px,4vw,56px) 80px}.link-center-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.link-center-heading h1{letter-spacing:-1px;margin:8px 0;font-size:30px;font-weight:550}.link-center-heading p:not(.eyebrow){color:var(--muted);margin:0;font-size:14px}.link-center-heading>button{flex-shrink:0}.link-center-recovery-note{color:var(--muted);align-items:center;gap:9px;margin:0 0 22px;font-size:12px;line-height:1.6;display:flex}.link-center-recovery-note svg,.link-restore-assurance>svg{color:var(--accent);flex-shrink:0}.link-center-notice{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;display:flex}.link-center-notice .text-button{min-height:36px}.link-restore-assurance{border:1px solid var(--line);background:var(--panel);border-radius:9px;align-items:flex-start;gap:12px;padding:16px;display:flex}.link-restore-assurance strong{font-size:14px}.link-restore-assurance p{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.6}.link-center-filters{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.link-center-filters button{border:1px solid var(--line);min-height:40px;color:var(--muted);background:0 0;border-radius:7px;align-items:center;gap:10px;padding:9px 12px;font-size:12px;display:inline-flex}.link-center-filters button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.link-center-filters button span{font-variant-numeric:tabular-nums;font-size:11px}.link-center-toolbar{flex-wrap:wrap;gap:10px;display:flex}.link-center-search{border:1px solid var(--line);color:var(--muted);border-radius:7px;flex:260px;align-items:center;gap:10px;padding:0 12px;display:flex}.link-center-search input{width:100%;min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:none;padding:12px 0;font-size:13px}.link-center-search:focus-within{outline:2px solid var(--accent);outline-offset:2px}.link-center-toolbar select{background:var(--bg);border:1px solid var(--line);min-width:0;max-width:100%;color:var(--text);font:inherit;border-radius:7px;padding:10px 28px 10px 12px;font-size:12px}.link-center-caption{color:var(--muted);margin:20px 0 12px;font-size:12px}.link-center-columns,.link-center-row{grid-template-columns:minmax(220px,2fr) minmax(150px,1fr) minmax(155px,1fr) 130px;gap:24px;display:grid}.link-center-columns{border-bottom:1px solid var(--line);color:var(--muted);padding:12px 0;font-size:11px}.link-center-list{margin:0;padding:0;list-style:none}.link-center-row{border-bottom:1px solid var(--line);align-items:start;padding:22px 0;font-size:13px}.link-center-row-portal{background:var(--accent-dim);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:9px;margin:12px 0 4px;padding:22px 16px}.link-center-row-portal .link-center-icon{border-color:color-mix(in srgb, var(--accent) 25%, var(--line));color:var(--accent)}.link-center-identity>div>.link-type-badge{border:1px solid var(--line);color:var(--room-secondary,var(--text));background:var(--panel);letter-spacing:.04em;text-transform:uppercase;border-radius:5px;align-items:center;gap:6px;padding:4px 8px;font-size:10px;font-weight:650;display:inline-flex}.link-type-badge svg{flex-shrink:0}.link-center-identity>div>.link-type-portal{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.link-center-row .link-portal-impact{color:var(--text)}.link-center-identity{gap:13px;min-width:0;display:flex}.link-center-icon{border:1px solid var(--line);width:38px;height:38px;color:var(--muted);background:var(--panel);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.link-center-identity>div,.link-center-access,.link-center-expiration{flex-direction:column;align-items:start;gap:7px;min-width:0;display:flex}.link-center-identity strong{font-size:14px;font-weight:600}.link-center-identity :is(strong,small,span),.link-center-access small,.link-center-expiration small{overflow-wrap:anywhere}.link-center-identity>div>span,.link-center-row small{color:var(--muted);font-size:11px;line-height:1.5}.link-center-path{max-width:100%;color:var(--muted);text-align:left;gap:6px;font-size:11px}.link-center-path svg{flex-shrink:0}.link-center-path span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.link-status{border:1px solid var(--line);width:fit-content;color:var(--muted);border-radius:20px;padding:4px 9px;font-size:11px;display:inline-flex}.link-status-active{color:var(--accent);background:var(--accent-dim);border-color:#0000}.link-status-expiring,.link-status-limited,.link-status-attention{color:var(--room-warning);background:color-mix(in srgb, var(--room-warning) 8%, transparent);border-color:#0000}.link-status-expired{color:var(--danger);background:color-mix(in srgb, var(--danger) 7%, transparent);border-color:#0000}.link-center-actions{flex-direction:column;align-items:start;gap:4px;display:flex}.link-center-actions .text-button{text-align:left;min-height:30px;font-size:11px}.link-center-actions .text-button:first-child{color:var(--text);font-weight:550}.link-center-empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;padding:60px 20px;display:flex}.link-center-empty h2{color:var(--text);font-size:18px;font-weight:500}.link-center-empty p{margin:0;font-size:13px}.link-expiry-presets{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (max-width:1160px){.link-center-columns{display:none}.link-center-row{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px}.link-center-actions{flex-flow:wrap;column-gap:16px}}@media (max-width:600px){.link-center{padding:24px 18px 64px}.link-center-heading{align-items:start;gap:12px}.link-center-heading h1{font-size:26px}.link-center-heading p:not(.eyebrow){font-size:12px;line-height:1.6}.link-center-heading>button{padding-inline:10px;font-size:11px}.link-center-filters{gap:6px}.link-center-filters button{padding:8px 10px;font-size:11px}.link-center-toolbar select{flex:130px}.link-center-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.link-center-identity,.link-center-actions{grid-column:1/-1}.link-center-actions .text-button{min-height:40px}}
.settings-content{width:min(100%,860px);min-width:0;margin:26px auto 80px}.settings-heading{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px 24px;margin-bottom:28px;padding-bottom:28px;display:flex}.settings-heading-copy{min-width:0}.settings-heading .settings-eyebrow{color:var(--accent);letter-spacing:.04em;margin:0 0 18px;font-size:11px;font-weight:600}.settings-eyebrow span{color:var(--muted);font-weight:400}.settings-heading h1{letter-spacing:-.035em;align-items:center;gap:14px;margin:0 0 12px;font-size:clamp(25px,2.6vw,34px);font-weight:600;line-height:1.2;display:flex}.settings-heading h1 svg{color:var(--accent);flex-shrink:0}.settings-heading-copy>p:last-child{max-width:540px;color:var(--muted);margin:0;font-size:14px;line-height:1.65}.settings-save-status{min-height:24px;color:var(--muted);align-items:center;gap:7px;font-size:12px;line-height:1.5;display:inline-flex}.settings-save-status svg{color:var(--accent);flex:none}.settings-nav-title{color:var(--text);letter-spacing:-.04em;padding:8px 14px 24px;font-size:22px;font-weight:600}.settings-nav-title span{color:var(--muted);letter-spacing:0;margin-top:7px;font-size:12px;font-weight:400;display:block}.sidebar .settings-navigation{gap:24px;display:grid}.settings-nav-group{min-width:0;display:grid}.settings-nav-group>p{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin:0 14px 8px;font-size:10px;font-weight:600}.sidebar .settings-navigation button{gap:11px;width:100%;height:auto;min-height:44px;margin-bottom:3px;padding-block:8px;font-size:13px}.sidebar .account-back{min-height:44px;color:var(--muted);margin:0 0 14px;padding:10px 14px;font-size:12px}.settings-content .account-section,.settings-content .ua-card,.settings-content .settings-section{border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 96%, white);border-radius:18px;min-width:0;margin:0 0 22px;padding:26px 28px}.settings-content .account-section>header{border:0;margin:0 0 10px;padding:0 0 12px}.settings-content .account-section h2{letter-spacing:-.02em;margin:0;font-size:17px;font-weight:600}.settings-content .account-section>header p{max-width:630px;margin:8px 0 0;font-size:13px;line-height:1.65}.settings-content .preference-row{gap:26px;min-height:84px;padding:20px 0}.settings-content .preference-row:last-child{padding-bottom:4px}.settings-content .preference-row strong{font-size:14px;font-weight:500}.settings-content .preference-row small{max-width:470px;margin-top:5px;font-size:13px;line-height:1.6}.settings-content .preference-row select{border:1px solid var(--line);background:var(--bg);border-radius:10px;width:170px;max-width:190px;min-height:44px;padding:10px 12px;font-size:13px}.settings-content .preference-toggle{background:0 0;border:0;border-radius:10px;width:48px;height:44px;min-height:44px;padding:0;position:relative}.settings-content .preference-toggle:before{content:"";border:1px solid var(--line);background:#ffffff12;border-radius:30px;transition:background .15s;position:absolute;inset:9px 0}.settings-content .preference-toggle span{background:#bccbc9;width:18px;height:18px;position:absolute;top:13px;left:4px;box-shadow:0 1px 3px #0003}.settings-content .preference-toggle[aria-checked=true]:before{background:var(--accent);border-color:var(--accent)}.settings-content .preference-toggle[aria-checked=true] span{background:var(--bg);transform:translate(22px)}.settings-content :is(button,a,input,textarea,select):focus-visible,.settings-navigation button:focus-visible,.ua-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.settings-content :is(button,select):disabled{cursor:not-allowed}.settings-content [hidden],.user-account-page [hidden]{display:none!important}.settings-field-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.settings-content .account-field{max-width:none;color:var(--text);margin:16px 0;font-size:13px}.settings-content .account-field :is(input,textarea){background:var(--bg);border-radius:10px;min-height:46px;padding:12px 14px;font-size:14px}.settings-content .account-field small{color:var(--muted)}.settings-content .profile-photo-field{margin:18px 0 24px}.settings-content .profile-photo-field>div{gap:20px}.settings-content .profile-photo-field .account-hint{margin:9px 0 0;font-size:11px}.settings-content .brand-preview{background:var(--bg);border-radius:12px;flex-shrink:0}.settings-content .settings-brand-preview{width:140px;height:82px;padding:12px}.settings-content .settings-brand-preview img{object-fit:contain}.settings-form-actions{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:24px;padding-top:22px;display:flex}.settings-form-actions>span{color:var(--muted);font-size:12px}.settings-form-actions>div{flex-wrap:wrap;gap:10px;display:flex}.settings-content .button{min-height:44px}.settings-content .default-artwork{padding:12px 0 22px}.settings-content .account-hint{line-height:1.65}.settings-playback{align-items:center;gap:16px;padding-top:8px;display:flex}.settings-playback-icon{border:1px solid var(--line);width:48px;height:48px;color:var(--accent);border-radius:13px;flex:none;place-items:center;display:grid}.settings-playback>div{flex:1;min-width:0}.settings-playback strong{overflow-wrap:anywhere;font-size:14px;font-weight:500}.settings-playback p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.6}.settings-badge{border:1px solid var(--line);color:var(--accent);white-space:nowrap;border-radius:20px;padding:5px 9px;font-size:10px;display:inline-flex}.settings-footnote{color:var(--muted);max-width:660px;margin:0 4px;font-size:12px;line-height:1.7}.settings-content .settings-preview-note>svg{color:var(--accent);margin-bottom:18px}.settings-preview-note>p{color:var(--muted);margin-bottom:0;font-size:14px;line-height:1.7}.settings-content .settings-storage{display:block}.settings-content .settings-section-title h2{font-size:17px}.settings-content .setting-row{gap:20px;padding:20px 0}.settings-content .setting-row small{line-height:1.6}.settings-content .ua-sections{gap:0}.settings-content .ua-footer{margin-top:20px}.user-account-page .ua-main{max-width:980px}@media (max-width:700px){.settings-content{margin-top:14px}.settings-content .account-section,.settings-content .ua-card,.settings-content .settings-section{border-radius:15px;padding:22px 20px}.settings-heading{gap:12px;padding-bottom:22px}.settings-heading .settings-eyebrow{font-size:10px}.settings-content .preference-row{gap:18px}.settings-field-grid{grid-template-columns:1fr;gap:0}.settings-content .preference-row select{width:150px}.settings-playback{flex-wrap:wrap}.settings-playback .settings-badge{margin-left:64px}}@media (max-width:480px){.settings-heading h1{gap:10px;font-size:25px}.settings-heading h1 svg{width:23px}.settings-eyebrow span{display:none}.settings-content .preference-row:has(select){flex-direction:column;align-items:stretch;gap:12px}.settings-content .preference-row select{width:100%;max-width:none;font-size:16px}.settings-content .account-field :is(input,textarea){font-size:16px}.settings-content .profile-photo-field>div,.settings-content .default-artwork>div,.settings-content .setting-row{flex-wrap:wrap}.settings-form-actions,.settings-form-actions>div{flex-direction:column;align-items:stretch;width:100%}.user-account-page .ua-tabs{flex-wrap:wrap}.user-account-page .ua-tabs button{padding:10px 12px}.settings-content .ua-session,.settings-content .ua-factor{flex-wrap:wrap;gap:12px}}@media (prefers-reduced-motion:reduce){.settings-content .preference-toggle:before,.settings-content .preference-toggle span{transition:none}}.reduce-motion .settings-content .preference-toggle:before,.reduce-motion .settings-content .preference-toggle span{transition:none}.settings-draft-notice{border:1px solid var(--line);color:var(--muted);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;padding:14px 18px;font-size:13px;display:flex}
.discussion{--comment-inset:44px;border-color:var(--line);padding-top:24px}.discussion-heading{margin-bottom:18px}.discussion-heading h2{font-size:17px;font-weight:600}.discussion-heading h2>span{margin-top:6px;line-height:1.5}.discussion-composer{background:color-mix(in srgb, var(--text) 4%, transparent);border:1px solid color-mix(in srgb, var(--text) 10%, transparent);border-radius:var(--room-radius-surface,18px);padding:18px 18px 12px;transition:border-color .16s,box-shadow .16s}.discussion-composer:focus-within,.reply-composer:focus-within{border-color:color-mix(in srgb, var(--accent) 48%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 7%, transparent)}.discussion-composer>textarea{min-height:76px;padding:0 0 12px;font-size:15px;line-height:1.65;display:block}.discussion-composer>textarea:focus-visible,.reply-composer textarea:focus-visible{outline:none}.composer-controls{border-top:1px solid color-mix(in srgb, var(--text) 7%, transparent);flex-wrap:wrap;gap:8px;min-height:45px;margin-top:4px;padding-top:10px}.comment-composer-hint{color:var(--muted);margin:10px 0 0;font-size:11px;line-height:1.6}.comment-anchor,.use-current-time{border-radius:9px;min-height:32px;padding:6px 9px;font-size:12px}.comment-anchor{background:color-mix(in srgb, var(--text) 5%, transparent)}.comment-anchor.timed{color:var(--text);background:color-mix(in srgb, var(--accent) 12%, transparent)}.comment-anchor:hover,.use-current-time:hover{color:var(--text);background:color-mix(in srgb, var(--text) 8%, transparent)}.discussion .send-comment{background:var(--accent);width:auto;min-width:36px;height:36px;color:var(--bg);border-radius:10px;gap:7px;padding:0 12px;font-size:12px;font-weight:600}.discussion .send-comment:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 88%, white)}.discussion .send-comment:disabled{background:color-mix(in srgb, var(--text) 6%, transparent);color:var(--muted);opacity:.6}.discussion-filter{gap:12px;padding:22px 0 16px;font-size:12px}.discussion-filter>div{border:1px solid color-mix(in srgb, var(--text) 6%, transparent);background:color-mix(in srgb, var(--text) 3%, transparent);border-radius:12px;padding:3px}.discussion-filter button{border-radius:9px;min-height:32px;padding:6px 12px}.discussion-filter button[aria-pressed=true]{background:color-mix(in srgb, var(--text) 9%, transparent);color:var(--text);box-shadow:0 1px 3px #00000014}.discussion-filter>span{flex-shrink:0}.discussion-threads{flex-direction:column;gap:12px;display:flex}.comment-thread{border:1px solid color-mix(in srgb, var(--text) 7%, transparent);background:color-mix(in srgb, var(--text) 2%, transparent);border-radius:16px;flex-shrink:0;padding:18px}.comment-thread.focused{border-color:color-mix(in srgb, var(--accent) 40%, transparent);background:color-mix(in srgb, var(--accent) 5%, transparent);box-shadow:none;border-radius:16px}.discussion-author{gap:10px}.discussion-author .avatar{border:1px solid color-mix(in srgb, var(--text) 8%, transparent);width:34px;height:34px;font-size:11px}.discussion-author-details{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.discussion-author strong{font-size:13px;font-weight:600}.discussion-identity,.general-comment{color:var(--muted);font-size:11px}.discussion-author time{margin-left:auto;font-size:11px}.comment-time{border:1px solid color-mix(in srgb, var(--accent) 14%, transparent);background:color-mix(in srgb, var(--accent) 8%, transparent);min-height:28px;color:var(--room-secondary);font-variant-numeric:tabular-nums;border-radius:8px;gap:5px;padding:5px 8px}.comment-time:hover{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--text)}.comment-thread>p,.comment-reply>p{margin:12px 0 14px var(--comment-inset);line-height:1.7}.comment-actions{margin:0 0 0 var(--comment-inset);gap:4px 8px;padding:0}.comment-reactions{border:1px solid color-mix(in srgb, var(--text) 6%, transparent);background:color-mix(in srgb, var(--text) 3%, transparent);border-radius:11px;gap:2px;padding:3px}.comment-reactions>button{border-radius:8px;min-width:30px;min-height:28px;padding:4px 6px}.comment-reactions>button .reaction-emoji{font-size:14px}.comment-reactions:empty{display:none}.comment-actions>button{border-radius:8px;gap:5px;min-height:32px;padding:6px 8px;font-size:11px}.comment-actions>button:hover:not(:disabled){color:var(--text);background:color-mix(in srgb, var(--text) 6%, transparent)}.comment-version-label,.thread-resolved,.comment-edit-form,.comment-delete-prompt,.reply-composer{margin-left:var(--comment-inset)}.comment-version-label{margin-bottom:12px}.thread-resolved{color:var(--accent)}.comment-replies{border-color:color-mix(in srgb, var(--text) 10%, transparent);margin:18px 0 0 16px;padding-left:18px}.comment-reply{padding:4px 0 14px}.comment-reply:last-child{padding-bottom:0}.reply-composer{border-radius:12px;padding:12px;transition:border-color .16s,box-shadow .16s}.reply-composer textarea{resize:none}.comment-edit-form textarea{border-radius:12px;padding:12px}.comment-delete-prompt{border-radius:12px}.discussion-empty{border:1px dashed color-mix(in srgb, var(--text) 10%, transparent);border-radius:16px;padding:32px 16px}.discussion-privacy{align-items:center;gap:6px;margin-top:18px;line-height:1.5;display:flex}.discussion-privacy>svg{flex-shrink:0}@media (max-width:600px){.discussion{--comment-inset:0px}.comment-thread{padding:14px}.discussion-author{gap:8px}.discussion-author time{width:100%;padding-left:42px}.comment-replies{margin-left:8px;padding-left:12px}.discussion-filter button{padding-inline:9px}.discussion textarea,.discussion-composer>textarea{font-size:16px}.discussion .comment-reactions>button,.discussion .comment-actions>button{min-height:36px}.discussion .comment-reactions>button{min-width:36px}}@media (max-width:760px){.mobile-discussion .send-comment{padding:0}.mobile-discussion .send-comment>span{display:none}.mobile-discussion .discussion-empty{border:0}}@media (prefers-reduced-motion:reduce){.discussion-composer,.reply-composer{transition:none}}