:root{--font-sans:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-page-bg:#171717;--color-surface:#262626;--color-surface-strong:#18181b;--color-surface-deep:#111113;--color-text:#f5f5f5;--color-text-muted:#d4d4d4;--color-text-subtle:#a3a3a3;--color-accent:#bbf7d0;--color-accent-hover:#86efac;--color-danger-bg:#fecaca;--color-danger-text:#450a0a;--color-light-surface:#fff;--color-light-surface-soft:#f8fafc;--color-light-text:#0f172a;--color-light-muted:#475569;--color-light-subtle:#64748b;--color-text-muted-cool:#d4d4d8;--color-text-subtle-cool:#a1a1aa;--color-danger-hover:#fca5a5;--color-light-hover:#f1f5f9;--color-light-button:#e2e8f0;--color-light-button-hover:#cbd5e1;--border-light-medium:#94a3b866;--border-light-icon:#94a3b873;--overlay-modal:#0f172aa6;--border-dark:#3f3f46;--border-input:#52525b;--border-light:#94a3b859;--border-light-strong:#94a3b8a6;--shadow-modal:0 24px 80px #0f172a59;--shadow-toolbar:0 .5rem 1.5rem #00000040;--radius-sm:.55rem;--radius-md:.65rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-pill:999px}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--color-text);background:var(--color-page-bg);font-family:var(--font-sans);margin:0}button,input,textarea,select{font:inherit}h1{max-width:720px;margin:0;font-size:clamp(2.5rem,8vw,5rem);line-height:.95}h2,h3{margin-top:0}.app-shell{width:min(900px,100% - 2rem);margin:0 auto;padding:4rem 0}.panel{border:1px solid var(--border-dark);border-radius:var(--radius-xl);background:var(--color-surface);margin-top:1.5rem;padding:1.25rem}.project-form,.project-list{gap:1rem;display:grid}.track-list{gap:1rem;margin-top:1rem;display:grid}.eyebrow{color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.12em;margin:0 0 .75rem;font-size:.8rem;font-weight:700}.description{max-width:620px;color:var(--color-text-muted);font-size:1.15rem;line-height:1.6}.status-message{min-height:1.5rem;color:var(--color-accent);margin:0}.empty-state{color:var(--color-text-subtle);margin-bottom:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}button{font:inherit}.button,button{border-radius:var(--radius-pill);width:fit-content;color:var(--color-page-bg);background:var(--color-accent);cursor:pointer;border:0;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:700;display:inline-flex;position:relative}.button:hover:not(:disabled),button:hover:not(:disabled){background:var(--color-accent-hover)}.button:disabled,button:disabled{cursor:not-allowed;opacity:.55}.button[data-busy=true],button[data-busy=true]{cursor:progress;opacity:.82}.button[data-busy=true]:after,button[data-busy=true]:after{content:"";border:.13rem solid;border-right-color:#0000;border-radius:50%;flex:0 0 .9rem;width:.9rem;height:.9rem;animation:.8s linear infinite grooveshare-spin}.button--secondary{color:var(--color-text);border:1px solid var(--border-dark);background:0 0}.button--secondary:hover:not(:disabled){background:var(--color-surface-strong)}.button--secondary-light{color:var(--color-light-text);background:var(--color-light-surface);border:1px solid var(--border-light-strong)}.button--secondary-light:hover:not(:disabled){background:var(--color-light-hover)}.button--danger{color:var(--color-danger-text);background:var(--color-danger-bg)}.button--danger:hover:not(:disabled){background:var(--color-danger-hover)}.button,button{touch-action:manipulation;min-height:2.75rem}.loading-state{min-height:12rem;color:var(--color-text-muted);text-align:center;align-content:center;place-items:center;gap:.8rem;padding:1.5rem;display:grid}.loading-state--compact{min-height:6rem;padding:1rem}.loading-state__spinner{border:.2rem solid var(--border-input);border-top-color:var(--color-accent);border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite grooveshare-spin}.loading-state__message{max-width:28rem;line-height:1.5}.app-loading-page{place-items:center;min-height:100vh;display:grid}.app-loading-page__state{width:min(100%,30rem)}@keyframes grooveshare-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading-state__spinner,button[data-busy=true]:after{animation:none}}input,textarea,select{border:1px solid var(--border-input);border-radius:var(--radius-lg);width:100%;min-height:3rem;color:var(--color-text);background:var(--color-page-bg);padding:.75rem;font-size:1rem}textarea{line-height:1.45}label{color:var(--color-text-muted);gap:.4rem;font-weight:700;display:grid}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;opacity:.6}select[aria-busy=true]{cursor:progress}.modal{z-index:50;padding:max(.75rem, env(safe-area-inset-top)) 0 0;background:var(--overlay-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);place-items:start stretch;display:grid;position:fixed;inset:0}.modal[hidden]{display:none}.modal__content{overscroll-behavior:contain;width:min(100%,42rem);max-height:calc(100dvh - .75rem);padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));border:1px solid var(--border-light);background:var(--color-light-surface);color:var(--color-light-text);box-shadow:var(--shadow-modal);border-bottom:0;border-radius:1.25rem 1.25rem 0 0;margin:0 auto;scroll-padding-bottom:7rem;animation:.18s ease-out modal-rise-in;overflow-y:auto}@keyframes modal-rise-in{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.modal__header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:flex-start;gap:.8rem;margin-bottom:.85rem;padding-bottom:.85rem;display:flex}.modal__header h2{margin:.15rem 0 0;font-size:1.35rem}.modal__content .eyebrow{color:var(--color-light-subtle)}.modal__content h2,.modal__content h3,.modal__content label,.modal__content span{color:var(--color-light-text)}.modal__content .description,.modal__content .help-text,.modal__content .empty-state{color:var(--color-light-muted)}.modal__content input,.modal__content textarea,.modal__content select{color:var(--color-light-text);background:var(--color-light-surface);border:1px solid var(--border-light-strong)}.modal__content input:focus-visible,.modal__content textarea:focus-visible,.modal__content select:focus-visible{outline-color:#166534}.modal__actions{border-top:1px solid var(--border-light);background:var(--color-light-surface);flex-direction:column-reverse;justify-content:flex-end;gap:.65rem;margin-top:.85rem;padding-top:.85rem;display:flex}.modal__actions button{width:100%;min-height:3rem}.help-text{color:var(--color-light-subtle);margin:.35rem 0 0;font-size:.86rem;line-height:1.4}@media (width>=44rem){.modal{place-items:center;padding:1.5rem}.modal__content{border-bottom:1px solid var(--border-light);border-radius:var(--radius-2xl);width:min(42rem,100%);max-height:min(42rem,90vh)}.modal__actions{flex-direction:row}.modal__actions button{width:auto}}@media (prefers-reduced-motion:reduce){.modal__content{animation:none}}.icon-button{border:1px solid var(--border-light-icon);border-radius:var(--radius-pill);background:var(--color-light-surface);width:2.5rem;height:2.5rem;color:var(--color-light-text);cursor:pointer;flex:none;place-items:center;font-size:1.35rem;font-weight:800;line-height:1;display:inline-grid}.icon-button:hover{background:var(--color-light-hover)}.audio-player{--audio-player-play-bg:#82df78;--audio-player-play-hover:#72cf68;--audio-player-stop-bg:#ff1f1f;--audio-player-stop-hover:#e51b1b;margin-top:1.5rem}.audio-player__header{margin-bottom:1.5rem}.audio-player__title{margin:0 0 1rem;font-size:2rem;font-weight:500}.audio-player__track-name{color:var(--color-text);margin:0;font-size:1.15rem}.audio-player__controls{border:2px solid var(--color-text-muted);border-radius:var(--radius-sm);background:var(--color-surface);grid-template-columns:5rem 5rem 5rem 5rem minmax(0,1fr);align-items:center;gap:1.5rem;padding:1.75rem 1.5rem;display:grid}.audio-player__seek-back-control,.audio-player__loop-control{flex-direction:column;justify-content:center;align-items:center;gap:.45rem;display:flex}.audio-player__transport-button,.audio-player__loop-button{border:1px solid var(--border-dark);border-radius:var(--radius-lg);place-items:center;width:5rem;height:4.5rem;padding:0;line-height:1;display:grid}.audio-player__transport-button{color:var(--color-page-bg);font-size:2rem}.audio-player__seek-back-button{background:var(--color-light-button);color:var(--color-light-text);font-size:1.45rem}.audio-player__seek-back-button:hover{background:var(--color-light-button-hover)}.audio-player__play-pause-button{background:var(--audio-player-play-bg)}.audio-player__play-pause-button:hover{background:var(--audio-player-play-hover)}.audio-player__stop-button{background:var(--audio-player-stop-bg)}.audio-player__stop-button:hover{background:var(--audio-player-stop-hover)}.audio-player__transport-button:disabled{opacity:.5;cursor:not-allowed}.audio-player__seek-back-button:disabled:hover{background:var(--color-light-button)}.audio-player__play-pause-button:disabled:hover{background:var(--audio-player-play-bg)}.audio-player__stop-button:disabled:hover{background:var(--audio-player-stop-bg)}.audio-player__control-caption{color:var(--color-text-muted);font-size:.8rem;font-weight:700;line-height:1}.audio-player__loop-control{cursor:pointer;position:relative}.audio-player__loop-control input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.audio-player__loop-button{color:var(--color-light-text);background:var(--color-light-button);font-size:1.75rem;transition:background .12s,border-color .12s,transform .12s}.audio-player__loop-control:hover .audio-player__loop-button{background:var(--color-light-button-hover)}.audio-player__loop-control input:checked+.audio-player__loop-button{border-color:var(--color-accent-hover);background:var(--color-accent-hover)}.audio-player__loop-control input:focus-visible+.audio-player__loop-button{outline:3px solid var(--color-text);outline-offset:3px}.audio-player__timeline{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;min-width:0;display:grid}.audio-player__timestamp,.audio-player__duration{color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.9rem}.audio-player__progress{width:100%;min-height:2rem;margin:0}@media (width>=0){.audio-player__controls{grid-template-columns:repeat(4,minmax(4.5rem,1fr));gap:1rem}.audio-player__timeline{grid-column:1/-1;width:100%}.audio-player__transport-button,.audio-player__loop-button{justify-self:center}}.mix-channel-panel{--mix-channel-grid-columns:5.5rem minmax(10rem, 1fr) minmax(8rem, 12rem) 6rem;gap:1rem;display:grid}.mix-channel-panel__header{align-items:start;gap:1rem;display:grid}.mix-channel-panel__title{margin:0;font-size:1.1rem}.mix-channel-panel__description{color:var(--color-text-subtle-cool);margin:.3rem 0 0;line-height:1.45}.mix-channel-grid-header{text-align:center;display:none}.mix-channel-slots{border:1px solid var(--border-input);border-radius:var(--radius-xl);background:var(--color-surface-strong);display:grid;overflow:hidden}.mix-channel-slot{background:var(--color-surface-strong);grid-template-columns:4.5rem minmax(0,1fr) auto;grid-template-areas:"channel name actions""channel volume actions";gap:0;display:grid}.mix-channel-slot:not(:last-child){border-bottom:1px solid var(--border-dark)}.mix-channel-slot__channel-cell,.mix-channel-slot__name-cell,.mix-channel-slot__volume-cell,.mix-channel-slot__actions{min-width:0;padding:.7rem}.mix-channel-slot__channel-cell{grid-area:channel}.mix-channel-slot__name-cell{grid-area:name}.mix-channel-slot__volume-cell{grid-area:volume}.mix-channel-slot__actions{grid-area:actions}.mix-channel-slot__channel-cell{justify-content:center;align-items:center;display:flex}.mix-channel-slot__channel-toggle{cursor:pointer;display:inline-grid;position:relative}.mix-channel-slot__enabled-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.mix-channel-slot__channel-number{border:1px solid var(--border-input);border-radius:var(--radius-sm);width:3.15rem;height:3.15rem;color:var(--color-light-text);background:var(--color-light-button);place-items:center;font-size:1.05rem;font-weight:700;transition:background .12s,border-color .12s,transform .12s;display:grid}.mix-channel-slot__enabled-input:checked+.mix-channel-slot__channel-number{border-color:var(--color-accent-hover);background:var(--color-accent-hover)}.mix-channel-slot__enabled-input:focus-visible+.mix-channel-slot__channel-number{outline:3px solid var(--color-text);outline-offset:3px}.mix-channel-slot__channel-toggle:hover .mix-channel-slot__channel-number{transform:translateY(-1px)}.mix-channel-slot__name-cell{align-items:center;display:flex}.mix-channel-slot__track-name-group{align-items:center;gap:.45rem;width:100%;min-width:0;display:flex}.mix-channel-slot__track-name{min-width:0;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.mix-channel-slot__edit-button{border:1px solid var(--border-input);border-radius:var(--radius-sm);width:2.75rem;height:2.75rem;color:var(--color-text);cursor:pointer;background:0 0;flex:0 0 2.75rem;place-items:center;padding:0;font-size:1.05rem;display:grid}.mix-channel-slot__edit-button:hover,.mix-channel-slot__edit-button:focus-visible{background:var(--color-surface)}.mix-channel-slot__volume-cell{align-items:center;display:flex}.mix-channel-slot__volume-label{gap:.4rem;width:100%;display:grid}.mix-channel-slot__volume-value{color:var(--color-text);font-variant-numeric:tabular-nums;text-align:center;font-size:.8rem;font-weight:600}.mix-channel-slot__volume-label input{width:100%;margin:0}.mix-channel-slot__actions{justify-content:center;align-items:center;display:flex}.mix-channel-slot__delete-button,.mix-channel-slot__add-track-button{padding:.6rem .8rem;font-size:.8rem}.mix-channel-slot__delete-icon,.mix-channel-slot__add-track-symbol,.mix-channel-slot__empty-name{display:none}.mix-channel-slot--empty{grid-template-columns:1fr;grid-template-areas:"channel";min-height:4.75rem}.mix-channel-slot--empty .mix-channel-slot__channel-cell{justify-content:flex-start}.mix-channel-slot--empty .mix-channel-slot__name-cell,.mix-channel-slot--empty .mix-channel-slot__volume-cell,.mix-channel-slot--empty .mix-channel-slot__actions{display:none}@media (width>=700px){.mix-channel-panel__header{grid-template-columns:1fr auto;align-items:center}.mix-channel-grid-header,.mix-channel-slot{grid-template-columns:var(--mix-channel-grid-columns)}.mix-channel-grid-header{color:var(--color-text);font-size:.85rem;font-weight:600;display:grid}.mix-channel-grid-header>span{padding-inline:.65rem}.mix-channel-slot{grid-template-areas:"channel name volume actions"}.mix-channel-slot__channel-cell,.mix-channel-slot__name-cell,.mix-channel-slot__volume-cell{border-right:1px solid var(--border-dark)}.mix-channel-slot__channel-cell,.mix-channel-slot__name-cell,.mix-channel-slot__volume-cell,.mix-channel-slot__actions{padding:.65rem}.mix-channel-slot--empty{grid-template-columns:var(--mix-channel-grid-columns);grid-template-areas:"channel name volume actions"}.mix-channel-slot--empty .mix-channel-slot__name-cell,.mix-channel-slot--empty .mix-channel-slot__volume-cell,.mix-channel-slot--empty .mix-channel-slot__actions{display:block}}@media (width<=30rem){.mix-channel-panel__header .button{width:100%}.mix-channel-slot{grid-template-columns:4rem minmax(0,1fr);grid-template-areas:"channel name""volume volume""actions actions"}.mix-channel-slot__actions{justify-content:flex-end;padding-top:0}.mix-channel-slot__delete-button{width:100%}.mix-channel-slot--empty{grid-template-columns:1fr;grid-template-areas:"channel"}.mix-channel-slot__add-track-button{width:100%}}.mobile-navigation{display:none}.project-actions{margin-left:auto;position:relative}.project-actions__trigger{border:1px solid var(--border-dark);border-radius:var(--radius-pill);width:2.75rem;height:2.75rem;color:var(--color-text);background:0 0;place-items:center;padding:0;font-size:1.65rem;line-height:1;display:grid}.project-actions__trigger:hover,.project-actions__trigger[aria-expanded=true]{background:var(--color-surface-strong)}.project-actions__menu{z-index:30;border:1px solid var(--border-dark);border-radius:var(--radius-md);background:var(--color-surface);width:min(15rem,100vw - 2rem);box-shadow:var(--shadow-toolbar);position:absolute;top:calc(100% + .45rem);right:0;overflow:hidden}.project-actions__menu[hidden]{display:none}.project-actions__item{width:100%;min-height:2.9rem;color:var(--color-text);text-align:left;background:0 0;border:0;border-radius:0;justify-content:flex-start;align-items:center;padding:.75rem .9rem;display:flex}.project-actions__item:hover:not(:disabled){background:var(--color-surface-strong)}.project-actions__item:disabled{color:var(--color-text-subtle);cursor:default;opacity:.65;background:0 0}.project-actions__item--danger{color:#fecaca}.project-actions__item--danger:hover:not(:disabled){color:var(--color-danger-text);background:var(--color-danger-bg)}.project-actions__divider{background:var(--border-dark);height:1px}.auth-page{width:min(100%,34rem);min-height:100dvh;padding:max(2rem, env(safe-area-inset-top)) 1rem 2rem;margin:0 auto}.auth-page__hero{text-align:center;margin-bottom:1.5rem}.auth-page__hero .eyebrow{margin-bottom:.55rem}.auth-page__title{max-width:none;font-size:clamp(2.65rem,14vw,4rem);font-weight:550;line-height:1}.auth-page__tagline{color:var(--color-text-muted);margin:.8rem 0 0;font-size:1rem}.auth-mode-switch{border:1px solid var(--border-dark);border-radius:var(--radius-pill);background:var(--color-surface-strong);grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem;margin-bottom:.8rem;padding:.3rem;display:grid}.auth-mode-switch__button{width:100%;min-height:2.8rem;color:var(--color-text-muted);background:0 0;padding:.55rem .65rem}.auth-mode-switch__button:hover:not(:disabled){background:var(--color-surface)}.auth-mode-switch__button[aria-selected=true]{color:var(--color-page-bg);background:var(--color-accent)}.auth-page__forms{display:grid}.auth-card{margin-top:0;padding:1.25rem}.auth-card[hidden]{display:none}.auth-card h2{margin-bottom:.45rem;font-size:1.5rem}.auth-card__intro{color:var(--color-text-muted);margin:0 0 1.2rem;line-height:1.5}.auth-form{gap:1rem;display:grid}.auth-form input{min-height:3rem}.auth-form button[type=submit]{width:100%;min-height:3rem;margin-top:.15rem}.auth-form__hint{color:var(--color-text-subtle);margin:-.35rem 0 0;font-size:.86rem}.auth-page__status{text-align:center;min-height:1.5rem;margin:1rem 0 0}@media (height<=42rem){.auth-page{padding-top:1rem}.auth-page__hero{margin-bottom:1rem}.auth-page__tagline{display:none}}.project-menu-page{width:min(100%,42rem);min-height:100dvh;padding:max(1.4rem, env(safe-area-inset-top)) .7rem 6.5rem;margin:0 auto}.project-menu-hero{text-align:left;margin-bottom:1.35rem}.project-menu-hero .eyebrow{margin-bottom:.4rem}.project-menu-hero__title{max-width:none;margin:0;font-size:clamp(2.3rem,11vw,3.4rem);font-weight:550;line-height:1}.project-menu-hero__tagline{color:var(--color-text-muted);margin:.65rem 0 0;font-size:1rem}.project-menu-session{border:1px solid var(--border-dark);border-radius:var(--radius-xl);background:var(--color-surface-strong);grid-template-columns:2.75rem minmax(0,1fr);align-items:center;gap:.75rem;margin:0 0 .9rem;padding:.75rem;display:grid}.project-menu-session__avatar{width:2.75rem;height:2.75rem;color:var(--color-page-bg);background:var(--color-accent);border-radius:50%;place-items:center;font-size:1.1rem;font-weight:800;display:grid}.project-menu-session__identity{gap:.05rem;min-width:0;margin:0;display:grid}.project-menu-session__identity>span,.project-menu-session__identity small{color:var(--color-text-subtle);font-size:.78rem}.project-menu-session__identity strong,.project-menu-session__identity small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-menu-panel{min-height:12rem;margin-top:0;padding:1rem}.project-menu-panel__header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.project-menu-panel__header .eyebrow{margin-bottom:.25rem}.project-menu-panel__title{margin:0;font-size:1.35rem}.project-menu-actions__button{flex:none;min-height:2.8rem;padding-inline:.85rem}.project-menu-panel__list{display:block}.project-list--menu{gap:.7rem;width:100%;margin:0;padding:0;list-style:none;display:grid}.project-list__item{margin:0}.project-list__button--menu{border:1px solid var(--border-dark);border-radius:var(--radius-lg);width:100%;min-height:6rem;color:var(--color-text);background:var(--color-surface-strong);text-align:left;justify-items:stretch;gap:.45rem;padding:.9rem 1rem;display:grid}.project-list__button--menu:hover:not(:disabled),.project-list__button--menu:focus-visible{background:var(--color-surface)}.project-list__card-heading{justify-content:space-between;align-items:center;gap:.65rem;min-width:0;display:flex}.project-list__title{min-width:0;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:1.02rem;overflow:hidden}.project-list__role{border:1px solid var(--border-input);border-radius:var(--radius-pill);color:var(--color-text-muted);letter-spacing:.03em;text-transform:uppercase;flex:none;padding:.2rem .45rem;font-size:.68rem;font-weight:750}.project-list__description{-webkit-line-clamp:2;color:var(--color-text-subtle);-webkit-box-orient:vertical;font-size:.86rem;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.project-list__open{color:var(--color-accent);justify-self:end;font-size:.8rem}.project-list__open span{font-size:1.1rem}.project-list-empty{text-align:center;place-content:center;gap:.35rem;min-height:8rem;display:grid}.project-list-empty p{color:var(--color-text-subtle);margin:0}.project-menu-panel__list>.loading-state{width:100%}@media (width<=24rem){.project-menu-panel__header{flex-direction:column;align-items:stretch}.project-menu-actions__button{width:100%}}.create-project-page{width:min(100%,42rem);margin:0 auto}.create-project-header{grid-template-columns:2.75rem minmax(0,1fr) 2.75rem;align-items:center;gap:.5rem;margin-bottom:.9rem;display:grid}.create-project-header__back{border-radius:50%;width:2.75rem;height:2.75rem;min-height:2.75rem;padding:0;font-size:2rem;line-height:1}.create-project-header__heading{text-align:center;min-width:0}.create-project-header__heading .eyebrow{margin-bottom:.15rem;font-size:.68rem}.create-project-header__heading h1{max-width:none;font-size:1.4rem;line-height:1.1}.create-project-header__spacer{width:2.75rem}.create-project-panel{margin-top:0;padding:1rem}.create-project-form{gap:1.15rem;display:grid}.create-project-form__section{gap:.85rem;display:grid}.create-project-form__section+.create-project-form__section{border-top:1px solid var(--border-dark);padding-top:1.15rem}.create-project-section-heading{gap:.25rem;display:grid}.create-project-section-heading h2{margin:0;font-size:1.15rem}.create-project-section-heading p,.create-project-audio-help{color:var(--color-text-subtle);margin:0;font-size:.84rem;line-height:1.4}.form-optional{color:var(--color-text-subtle);font-size:.78rem;font-weight:500}.create-project-form input,.create-project-form textarea{min-height:3rem}.create-project-form textarea{resize:vertical;min-height:6.5rem}.create-project-add-tracks-button{width:100%;min-height:3rem}.tracks-to-include-section{border:1px solid var(--border-light);background:var(--color-light-surface-soft);color:var(--color-light-text);border-radius:.9rem;margin-top:.2rem;padding:.8rem}.tracks-to-include-section h3{color:var(--color-light-text);margin:0 0 .7rem;font-size:1rem}.tracks-to-include-section .empty-state{color:var(--color-light-muted)}.create-project-actions{justify-content:center;margin-top:.1rem;display:flex}.create-project-actions button{width:100%;min-height:3.1rem}.selected-audio-track-rows{gap:.7rem;display:grid}.selected-audio-track-row{border:1px solid var(--border-light-medium);background:var(--color-light-surface);color:var(--color-light-text);border-radius:.75rem;grid-template-columns:1fr;gap:.7rem;padding:.8rem;display:grid}.selected-audio-track-row label,.selected-audio-track-row span,.selected-audio-track-row p{color:var(--color-light-text)}.selected-audio-track-row input{min-height:2.8rem;color:var(--color-light-text);background:var(--color-light-surface);border-color:var(--border-light-strong)}.selected-audio-track-row__file{gap:.15rem;display:grid}.selected-audio-track-row__file>span{font-size:.78rem;font-weight:700}.selected-audio-track-row__file p{overflow-wrap:anywhere;margin:0;font-size:.88rem}.selected-audio-track-row__file small{color:var(--color-light-muted)}.selected-audio-track-row__remove{width:100%;min-height:2.75rem}.create-project-confirmation-modal{gap:.8rem;display:grid}.create-project-confirmation-modal__body{gap:1rem;display:grid}.create-project-confirmation-modal__section{gap:.6rem;display:grid}.create-project-confirmation-modal__section h3{margin:0}.create-project-confirmation-summary{gap:.75rem;margin:0;display:grid}.create-project-confirmation-summary div{gap:.2rem;display:grid}.create-project-confirmation-summary dt{color:var(--color-light-muted);font-size:.8rem;font-weight:700}.create-project-confirmation-summary dd{color:var(--color-light-text);overflow-wrap:anywhere;margin:0}.create-project-confirmation-track-list{gap:.55rem;margin:0;padding-left:1.25rem;display:grid}.create-project-confirmation-track-list__item{color:var(--color-light-text)}.create-project-confirmation-track-list__item span{color:var(--color-light-muted);overflow-wrap:anywhere;font-size:.82rem;display:block}.create-project-confirmation-status{color:#166534;font-weight:650}.project-player-page{width:min(100%,56rem);margin:0 auto}.project-player-header{margin-bottom:2rem}.project-player-header__actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.project-player-header__details{gap:.65rem;display:grid}.project-player-header .eyebrow{margin:0}.project-player-details__title-wrap,.project-player-details__description-wrap{max-width:100%}.project-player-details__title{overflow-wrap:anywhere;max-width:720px;margin:0}.project-player-details__description-wrap{max-width:min(100%,48rem);margin-top:.15rem}.project-player-details__description{color:var(--color-text-muted-cool);overflow-wrap:anywhere;margin:0;line-height:1.55}.project-player-tracks-panel{padding:1.5rem}.project-player-tracks-panel h2{margin:0 0 1.25rem}@media (width>=0){.project-player-header{margin-bottom:1.5rem}.project-player-header__actions{align-items:stretch}.project-player-header__actions .button{flex:auto;justify-content:center}.project-player-tracks-panel{padding:1.1rem}}.project-player-header__eyebrow-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.project-role-badge,.project-member-row__role-badge{border:1px solid var(--border-input);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;min-height:1.8rem;padding:.25rem .65rem;font-size:.78rem;font-weight:700;display:inline-flex}.mix-channel-slot__empty-label{opacity:.65;font-size:.85rem}.project-members-panel{margin-top:1.5rem}.project-members-panel__header{margin-bottom:1rem}.project-member-form{grid-template-columns:minmax(0,1fr) minmax(9rem,.35fr) auto;align-items:end;gap:.75rem;margin-bottom:1rem;display:grid}.project-member-form__field{gap:.4rem;display:grid}.project-member-form input,.project-member-form select,.project-member-row select{border:1px solid var(--border-input);border-radius:var(--radius-sm);width:100%;min-height:2.75rem;color:inherit;background:0 0;padding:.65rem .75rem}.project-member-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.project-member-row{border-top:1px solid var(--border-input);grid-template-columns:minmax(0,1fr) minmax(9rem,.35fr) auto;align-items:center;gap:.75rem;padding:.85rem 0;display:grid}.project-member-row__identity{gap:.15rem;min-width:0;display:grid}.project-member-row__identity span{overflow-wrap:anywhere;opacity:.75}.project-member-row__role-badge{justify-self:start}@media (width>=0){.project-member-form,.project-member-row{grid-template-columns:1fr}.project-member-row__remove-button,.project-member-row__role-control{width:100%}}.project-player-header__mobile-title,.project-player-header__back-mobile,.project-player-header__actions-spacer{display:none}.project-player-header__desktop-logout{margin-left:0}.project-members-panel[hidden]{display:none}.project-player-loading{min-height:18rem}.project-player-loading[hidden],.project-player-content[hidden]{display:none}.project-player-loading__state{min-height:18rem}#player-track-list[aria-busy=true],#project-member-list[aria-busy=true]{cursor:progress}.project-member-list select[aria-busy=true]{cursor:progress;opacity:.65}.project-player-edit-dialog{width:min(34rem,100%)}.project-player-edit-dialog--track{width:min(28rem,100%)}.project-player-edit-form{gap:1rem;display:grid}.project-player-edit-form__field{gap:.45rem;display:grid}.project-player-edit-form input,.project-player-edit-form textarea{border:1px solid var(--border-light-strong);border-radius:var(--radius-md);width:100%;color:var(--color-light-text);background:var(--color-light-surface);font:inherit;padding:.75rem .85rem}.project-player-edit-form textarea{resize:vertical;min-height:7rem}.owner-controls-modal[hidden]{display:none}.owner-controls-modal__content{gap:.75rem;display:grid}.owner-controls-modal__header{margin-bottom:0}.project-member-form{border:1px solid var(--border-light-medium);background:var(--color-light-surface-soft);border-radius:.85rem;grid-template-columns:1fr;gap:.75rem;margin-bottom:0;padding:.85rem}.project-member-form__field{gap:.35rem}.project-member-form input,.project-member-form select,.project-member-row select{min-height:3rem;color:var(--color-light-text);background:var(--color-light-surface);border-color:var(--border-light-strong)}.owner-controls-modal__add-button{width:100%;min-height:3rem}.owner-controls-modal__status{color:#166534;min-height:1.4rem;font-size:.88rem;font-weight:650}.owner-controls-modal__member-list{min-height:5rem}.project-member-list{gap:.7rem}.project-member-row{border:1px solid var(--border-light-medium);background:var(--color-light-surface-soft);border-radius:.85rem;grid-template-columns:1fr;gap:.65rem;padding:.85rem}.project-member-row__identity strong,.project-member-row__identity span,.project-member-row__role-control>span{color:var(--color-light-text)}.project-member-row__identity span{color:var(--color-light-muted);font-size:.82rem}.project-member-row__role-control{gap:.3rem}.project-member-row__role-control>span{font-size:.78rem}.project-member-row__role-badge{color:var(--color-light-text);border-color:var(--border-light-strong)}.project-member-row__remove-button{width:100%;min-height:2.85rem}.project-player-edit-dialog input,.project-player-edit-dialog textarea{font-size:1rem}@media (width>=44rem){.project-member-row{grid-template-columns:minmax(0,1fr) minmax(10rem,.45fr) auto;align-items:end}.project-member-row__remove-button{width:auto}}@media (width>=0){.app-shell{width:100%;padding:1rem .7rem 6.25rem}.project-menu-page{padding-bottom:6.25rem}.mobile-navigation{z-index:40;min-height:4.6rem;padding:.35rem .35rem calc(.35rem + env(safe-area-inset-bottom));border-top:1px solid var(--border-dark);background:#171717fa;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -.5rem 1.5rem #00000038}.mobile-navigation__item{border-radius:var(--radius-md);width:100%;min-width:0;min-height:3.8rem;color:var(--color-text-muted);background:0 0;border:0;align-content:center;place-items:center;gap:.18rem;padding:.25rem .15rem;font-weight:600;display:grid}.mobile-navigation__item:hover:not(:disabled),.mobile-navigation__item:focus-visible{background:var(--color-surface)}.mobile-navigation__item[aria-current=page]{color:var(--color-accent);background:var(--color-surface)}.mobile-navigation__item:disabled:not([aria-current=page]){color:var(--color-text-subtle);cursor:default;opacity:.5;background:0 0}.mobile-navigation__icon{place-items:center;width:1.55rem;height:1.55rem;display:grid}.mobile-navigation__icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:100%;height:100%}.mobile-navigation__label{text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;line-height:1;overflow:hidden}.project-menu-session #logout-button{display:none}.project-player-page{width:100%}.project-player-header{margin-bottom:.65rem}.project-player-header__actions{grid-template-columns:2.75rem minmax(0,1fr) 2.75rem;align-items:center;gap:.45rem;margin-bottom:0;display:grid}.project-player-header__back{border-radius:var(--radius-pill);place-items:center;width:2.75rem;height:2.75rem;min-height:2.75rem;padding:0;display:grid}.project-player-header__back-desktop,.project-player-header__desktop-logout{display:none}.project-player-header__back-mobile{font-size:2rem;font-weight:400;line-height:1;display:inline;transform:translateY(-.08rem)}.project-player-header__mobile-heading{justify-items:center;gap:.15rem;min-width:0;display:grid}.project-player-header__mobile-role{color:var(--color-text-muted);font-size:.68rem;font-weight:650;line-height:1}.project-player-header__mobile-title{-webkit-line-clamp:2;overflow-wrap:anywhere;text-align:center;-webkit-box-orient:vertical;max-width:100%;margin:0;font-size:clamp(1.05rem,5vw,1.3rem);font-weight:750;line-height:1.12;display:-webkit-box;overflow:hidden}.project-player-header__actions-spacer{width:2.75rem;height:2.75rem;display:block}.project-player-header__details{display:none}.project-actions{width:2.75rem;margin-left:0}.project-actions__trigger{width:2.75rem;height:2.75rem;min-height:2.75rem}.project-actions__menu{width:min(15rem,100vw - 1.4rem);position:fixed;top:4rem;right:.7rem}.project-actions__item{min-height:3.1rem;padding-inline:1rem}.audio-player{margin-top:.55rem}.audio-player__header{display:none}.audio-player__controls{border-radius:var(--radius-lg);border-width:1px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"back play stop loop""timeline timeline timeline timeline";gap:.55rem .35rem;padding:.7rem .55rem .8rem}.audio-player__seek-back-control{grid-area:back}.audio-player__play-pause-button{grid-area:play}.audio-player__stop-button{grid-area:stop}.audio-player__loop-control{grid-area:loop}.audio-player__timeline{grid-area:timeline;grid-template-columns:auto minmax(0,1fr) auto;gap:.5rem;margin-top:.1rem}.audio-player__seek-back-control,.audio-player__loop-control{gap:.3rem}.audio-player__transport-button,.audio-player__loop-button{border-radius:var(--radius-pill);width:3rem;height:3rem}.audio-player__play-pause-button{justify-self:center;width:3.75rem;height:3.75rem;font-size:1.65rem}.audio-player__stop-button{justify-self:center;width:3.25rem;height:3.25rem;font-size:1.35rem}.audio-player__seek-back-button{font-size:1.1rem}.audio-player__loop-button{font-size:1.45rem}.audio-player__control-caption,.audio-player__timestamp,.audio-player__duration{font-size:.72rem}.audio-player__progress{min-width:0;min-height:2.75rem}.project-player-tracks-panel{margin-top:.6rem;padding:.45rem;overflow:hidden}.project-player-tracks-panel>h2,.mix-channel-panel__header,.mix-channel-grid-header{display:none}.mix-channel-panel{gap:0}.mix-channel-slots{background:0 0;border:0;border-radius:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:.28rem;display:grid;overflow:visible}.mix-channel-slot,.mix-channel-slot--empty{border:1px solid var(--border-dark);border-radius:var(--radius-md);background:var(--color-surface-strong);grid-template:"volume"minmax(9.25rem,auto)"channel""name"minmax(2.4rem,auto)"actions"2.9rem/minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.mix-channel-slot:not(:last-child){border-bottom:1px solid var(--border-dark)}.mix-channel-slot__channel-cell,.mix-channel-slot__name-cell,.mix-channel-slot__volume-cell,.mix-channel-slot__actions{border:0;min-width:0;padding:.25rem}.mix-channel-slot__volume-cell{grid-area:volume;justify-content:center;align-items:stretch;padding-top:.35rem;display:flex}.mix-channel-slot__volume-label{flex-direction:column;justify-content:flex-start;align-items:center;gap:.2rem;width:100%;min-width:0;display:flex}.mix-channel-slot__volume-value{min-height:1.1rem;font-size:.68rem;line-height:1.1}.mix-channel-slot__volume-label input{writing-mode:vertical-lr;direction:rtl;width:2.75rem;height:clamp(7.5rem,25vh,11rem);margin:0}.mix-channel-slot__channel-cell{grid-area:channel;justify-content:center;align-items:center}.mix-channel-slot__channel-number{width:3rem;height:3rem;font-size:1rem}.mix-channel-slot__channel-toggle:hover .mix-channel-slot__channel-number{transform:none}.mix-channel-slot__name-cell{grid-area:name;justify-content:center;align-items:flex-start;display:flex}.mix-channel-slot__track-name-group{text-align:center;flex-direction:column;justify-content:flex-start;gap:.2rem;min-height:2.25rem;padding:.2rem .1rem}.mix-channel-slot__track-name{-webkit-line-clamp:2;overflow-wrap:anywhere;text-align:center;text-overflow:clip;white-space:normal;-webkit-box-orient:vertical;font-size:.72rem;line-height:1.2;display:-webkit-box;overflow:hidden}.mix-channel-slot__edit-button{border-radius:var(--radius-pill);flex-basis:2.75rem;width:2.75rem;height:2.75rem}.mix-channel-slot__actions{grid-area:actions;justify-content:center;align-items:center;padding:.1rem;display:flex}.mix-channel-slot__delete-button{place-items:center;width:2.75rem;height:2.75rem;padding:0;font-size:1.55rem;line-height:1;display:grid}.mix-channel-slot__delete-icon{display:inline}.mix-channel-slot__delete-label{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.mix-channel-slot--empty .mix-channel-slot__volume-cell{display:flex}.mix-channel-slot--empty .mix-channel-slot__volume-cell:before{content:"";background:var(--border-input);opacity:.45;width:1px;height:clamp(7.5rem,25vh,11rem);margin-top:1.3rem}.mix-channel-slot--empty .mix-channel-slot__channel-cell{justify-content:center}.mix-channel-slot--empty .mix-channel-slot__name-cell{display:flex}.mix-channel-slot--empty .mix-channel-slot__actions{visibility:hidden;display:flex}.mix-channel-slot__add-track-button{border-radius:var(--radius-sm);place-items:center;width:3rem;height:3rem;padding:0;display:grid}.mix-channel-slot__add-track-symbol{font-size:1.8rem;line-height:1;display:inline}.mix-channel-slot__add-track-label{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.mix-channel-slot__empty-label{border:1px solid var(--border-input);border-radius:var(--radius-sm);place-items:center;width:3rem;height:3rem;font-size:.68rem;display:grid}.mix-channel-slot__empty-name{overflow-wrap:anywhere;color:var(--color-text-subtle-cool);text-align:center;font-size:.68rem;line-height:1.15;display:block}#project-player-status{margin-top:.35rem}}@media (width<=22rem){.app-shell{padding-inline:.4rem}.project-player-tracks-panel{padding-inline:.3rem}.mix-channel-slots{gap:.18rem}.mix-channel-slot__channel-number,.mix-channel-slot__add-track-button,.mix-channel-slot__empty-label{width:2.75rem;height:2.75rem}.mix-channel-slot__track-name,.mix-channel-slot__empty-name{font-size:.66rem}}@media (width<=32rem) and (height<=44rem){.mix-channel-slot,.mix-channel-slot--empty{grid-template-rows:minmax(7rem,auto) auto minmax(2.2rem,auto) 2.8rem}.mix-channel-slot__volume-label input,.mix-channel-slot--empty .mix-channel-slot__volume-cell:before{height:clamp(5.5rem,19vh,7.5rem)}}