:root{--ink:#16202b;--paper:#f5f7fb;--surface:#ffffffdb;--surface-solid:#fff;--surface-muted:#edf1f7;--accent:#6557d8;--accent-strong:#4a3db2;--accent-soft:#e9e6ff;--mint:#dff5ee;--muted:#687486;--subtle:#99a4b3;--line:#dfe4ed;--danger:#bf3e56;--control-height:2.65rem;--control-radius:.7rem;--shadow-sm:0 .35rem 1rem #18222f0f;--shadow-lg:0 1.25rem 3rem #18222f1a}*{box-sizing:border-box}html{background:var(--paper);overflow-x:clip}body{min-height:100svh;color:var(--ink);background:radial-gradient(circle at 92% 0%, #6557d824, transparent 27rem), radial-gradient(circle at 5% 32%, #5fc9a81a, transparent 22rem), var(--paper);margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:clip}main{width:min(100%,38rem);min-height:100svh;padding:max(2rem, env(safe-area-inset-top)) 1.5rem max(2rem, env(safe-area-inset-bottom));padding-top:max(5rem, env(safe-area-inset-top));flex-direction:column;justify-content:flex-start;margin-inline:auto;display:flex}.eyebrow,.label{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}h1{letter-spacing:-.055em;max-width:11ch;margin:.6rem 0 1rem;font-size:clamp(2.8rem,14vw,5rem);line-height:.92}.intro{max-width:34rem;color:var(--muted);margin:0;font-size:1.08rem;line-height:1.55}section{border:1px solid var(--line);background:var(--surface);border-radius:1rem;gap:.35rem;margin-top:3rem;padding:1.1rem;display:grid}section strong{font-size:1.1rem}section span{color:var(--muted);font-size:.92rem}.band{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}button,.button-link{width:fit-content;min-height:var(--control-height);border-radius:var(--control-radius);color:#fff;background:var(--ink);font:inherit;text-align:center;cursor:pointer;border:0;justify-content:center;align-items:center;margin-top:1.5rem;padding:.65rem .9rem;font-size:.9rem;font-weight:700;display:inline-flex}.button-link{text-decoration:none}button:disabled,.button-link[aria-disabled=true]{cursor:wait;opacity:.65}.secondary-button{color:var(--ink);background:var(--surface-solid);box-shadow:inset 0 0 0 1px var(--line)}.persona-option{border-top:1px solid var(--line);gap:.35rem;padding-block:.65rem;display:grid}.persona-option:first-of-type{border-top:0}.persona-list button{margin-top:0}[role=alert]{color:#9d2d20}a{color:inherit;text-decoration:none}.list-section{gap:.75rem}.song-card{border-top:1px solid var(--line);gap:.15rem;padding:.85rem 0;display:grid}.song-card:first-of-type{border-top:0}.song-card small{color:var(--muted);font-size:.88rem;line-height:1.35}.song-detail{gap:.9rem;margin:0;display:grid}.song-detail div{gap:.15rem;display:grid}.song-detail dt{color:var(--muted);text-transform:uppercase;font-size:.82rem;font-weight:750}.song-detail dd{margin:0;font-size:1.08rem}.song-notes{overflow-wrap:anywhere;line-height:1.6}.song-notes p{margin:.35rem 0}.field-help{color:var(--muted)}.field-label{align-items:center;gap:.3rem;display:flex}.field-label label{display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.info-tooltip{vertical-align:middle;margin-left:.3rem;display:inline-flex;position:relative}.info-tooltip__trigger{border:1px solid var(--line);width:1.2rem;height:1.2rem;min-height:0;color:var(--muted);background:0 0;border-radius:999px;margin:0;padding:0;font-size:.68rem;line-height:1}.info-tooltip__trigger:hover{border-color:var(--accent);color:var(--accent-strong);background:var(--accent-soft)}.info-tooltip__content{z-index:20;border:1px solid var(--line);width:min(18rem,100vw - 2rem);color:var(--ink);background:var(--surface-solid);box-shadow:var(--shadow-lg);letter-spacing:normal;text-align:left;text-transform:none;opacity:0;pointer-events:none;border-radius:.7rem;padding:.7rem .8rem;font-size:.78rem;font-weight:500;line-height:1.45;transition:opacity .14s,transform .14s;display:none;position:absolute;top:calc(100% + .45rem);left:0;transform:translateY(-.2rem)}.info-tooltip:hover .info-tooltip__content,.info-tooltip:focus-within .info-tooltip__content,.info-tooltip.is-open .info-tooltip__content{opacity:1;pointer-events:auto;display:block;transform:translateY(0)}.auth-nav{inset:max(.75rem, env(safe-area-inset-top)) 1rem auto;z-index:10;border:1px solid var(--line);background:var(--surface);width:min(100% - 2rem,42rem);box-shadow:var(--shadow-sm);pointer-events:none;border-radius:999px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem;margin-inline:auto;padding:.45rem;display:grid;position:fixed}.auth-nav__home{pointer-events:auto;color:#fff;background:var(--ink);white-space:nowrap;border-radius:999px;margin-top:0;padding:.55rem .7rem;font-size:.86rem;font-weight:750}.auth-nav__location{pointer-events:none;color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:750;overflow:hidden}.member-form,.invite-form{gap:.75rem;display:grid}label{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.86rem;font-weight:750;display:flex}input,select{border:1px solid var(--line);min-width:0;color:var(--ink);background:var(--surface-solid);font:inherit;border-radius:.75rem;padding:.65rem .75rem}.member-form button,.invite-form button{margin-top:0}.invite-link{color:var(--muted);grid-template-columns:minmax(0,1fr);gap:.35rem;font-size:.9rem;line-height:1.4;display:grid}.invite-link code{overflow-wrap:anywhere;pointer-events:none;min-width:0;max-width:100%;color:var(--ink);grid-row:3;display:block}.copy-button{z-index:1;grid-row:2;justify-self:stretch;width:100%;margin:.35rem 0 0;padding:.55rem .75rem;font-size:.86rem;position:relative}.account-menu{pointer-events:auto;z-index:1;justify-self:end;line-height:0;position:relative}.account-menu__button{border:0;border-radius:999px;justify-content:center;align-items:center;width:2.35rem;height:2.35rem;min-height:0;margin:0;padding:0;display:inline-flex;overflow:hidden}.account-menu__button img,.account-menu__button span{background:var(--accent-soft);color:var(--accent-strong);object-fit:cover;justify-content:center;align-items:center;width:100%;height:100%;font-size:.86rem;font-weight:800;display:inline-flex}.account-menu__panel{border:1px solid var(--line);background:var(--surface-solid);min-width:9.5rem;box-shadow:var(--shadow-lg);border-radius:1rem;padding:.35rem;position:absolute;top:calc(100% + .45rem);right:0}.account-menu__panel a,.account-menu__item{width:100%;color:var(--ink);font:inherit;text-align:left;background:0 0;border-radius:.75rem;margin:0;padding:.65rem .75rem;font-size:.9rem;font-weight:750;text-decoration:none;display:block}.member-heading,.profile-preview{align-items:center;gap:.75rem;display:flex}.avatar,.profile-preview span,.profile-preview img,.avatar img{background:var(--accent-soft);color:var(--accent-strong);object-fit:cover;border-radius:999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-weight:800;display:inline-flex}.profile-form fieldset,.readonly-list{border:1px solid var(--line);border-radius:1rem;margin:0;padding:1rem}.readonly-list div{gap:.25rem;margin-bottom:.75rem;display:grid}.readonly-list dt{color:var(--muted);text-transform:uppercase;font-size:.8rem}.readonly-list dd{margin:0}.song-form{gap:.75rem;display:grid}.song-form button{margin-top:0}.repertoire-manager{background:var(--surface);box-shadow:var(--shadow-lg);gap:0;padding:0;overflow:hidden}.repertoire-heading{justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.15rem .8rem;display:flex}.reorder-status{color:var(--muted);font-size:.78rem}.repertoire-list{margin:0;padding:0;list-style:none}.repertoire-list.is-reordering .song-segments{pointer-events:none}.repertoire-row{border-top:1px solid var(--line);background:0 0;transition:background .14s,box-shadow .14s,transform .14s;position:relative}.repertoire-row.is-dragging{z-index:1;background:var(--paper);box-shadow:var(--shadow-lg);transform:scale(1.015)}.repertoire-row__summary{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;min-height:5.25rem;padding:.8rem .8rem .8rem .45rem;display:grid}.repertoire-row__link{gap:.12rem;min-width:0;display:grid}.repertoire-row__link strong,.repertoire-row__link span,.repertoire-row__link small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.repertoire-row__link small{color:var(--muted);font-size:.82rem}.drag-handle,.icon-button{width:2.5rem;height:2.5rem;min-height:0;color:var(--muted);touch-action:none;background:0 0;border:1px solid #0000;border-radius:.6rem;place-items:center;margin:0;padding:0;display:grid}.drag-handle{cursor:grab;-webkit-user-select:none;user-select:none;grid-template-columns:auto auto;gap:.2rem;width:3rem;font-size:1.35rem}.song-position{color:var(--ink);font-size:.72rem;font-weight:850}.drag-handle:active{cursor:grabbing}.icon-button svg{width:1.25rem}.repertoire-row__actions{align-items:center;gap:.15rem;display:flex}.song-play--active{color:var(--accent-strong);background:var(--accent-soft)}.drag-handle:focus-visible,.icon-button:focus-visible,.drag-handle:hover,.icon-button:hover{border-color:var(--line);color:var(--ink);background:var(--surface-solid)}.song-form--editing{border-top:1px solid var(--line);background:var(--surface-muted);padding:1rem}.form-actions{flex-wrap:wrap;gap:.5rem;display:flex}.form-actions button,.secondary-button,.button-row button,.button-row .button-link,.recording-card__actions>button,.recording-card__actions>.button-link{margin:0}.inactive-songs{border-top:1px solid var(--line);padding-top:1rem}.inactive-songs>.label{padding:0 1.15rem .65rem}.inactive-songs ul{margin:0;padding:0;list-style:none}.inactive-songs .repertoire-row__summary{opacity:.72;grid-template-columns:minmax(0,1fr) auto;padding-left:1.15rem}.add-song{border-top:1px solid var(--line);padding:1rem 1.15rem}.add-song summary{width:fit-content;color:var(--accent);cursor:pointer;font-weight:800}.add-song .song-form{margin-top:1rem}select[multiple]{min-height:11rem}.member-form button{width:100%}.button-row{flex-wrap:wrap;gap:.6rem;display:flex}.rehearsal-panel form{margin:0}.timeline-list{margin:0;padding:0;list-style:none}.timeline-row{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:4.5rem;padding:.75rem 0;display:grid}.timeline-row:first-child{border-top:0}.timeline-row div{gap:.35rem;min-width:0;display:grid}.song-preview-notes,.song-segments{border-top:1px solid var(--line);padding:.65rem .9rem .8rem}.song-preview-notes summary{color:var(--muted);cursor:pointer;font-size:.88rem}.song-segments__heading,.segment-player__heading{justify-content:space-between;align-items:flex-start;gap:.65rem;display:flex}.song-segments__heading .label{color:var(--muted);margin:0;font-size:.88rem}.song-segments__collapse,.segment-default{min-height:2.35rem;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:.55rem;justify-content:center;align-items:center;gap:.25rem;margin:0;padding:.35rem .55rem;font-size:.78rem;font-weight:750;display:inline-flex}.song-segments__collapse svg{width:.9rem}.song-segments__collapse:hover,.song-segments__collapse:focus-visible,.segment-default:not(:disabled):hover,.segment-default:not(:disabled):focus-visible{border-color:var(--line);color:var(--ink);background:var(--surface-solid)}.segment-default{width:2.35rem;padding:.45rem}.segment-default svg{width:1.1rem;height:1.1rem}.segment-default--selected{color:var(--accent-strong);background:var(--accent-soft)}.segment-default:disabled{cursor:default;opacity:1}.song-segments__empty{gap:.35rem;margin-top:.65rem;display:grid}.song-segments__empty p{color:var(--muted);margin:0;font-size:.88rem}.song-segment-list{gap:.65rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.segment-player{background:var(--surface-muted);border-radius:.65rem;gap:.55rem;padding:.75rem;display:grid}.segment-player__heading>div:first-child{gap:.15rem;display:grid}.segment-player__heading>div:first-child span{color:var(--muted);font-size:.82rem}.upload-progress{gap:.35rem;display:grid}.upload-progress span{color:var(--muted)}.upload-progress progress{width:100%}.upload-success{color:#286957;background:var(--mint);border:1px solid #5fc9a859;border-radius:.8rem;align-items:center;gap:.65rem;margin-top:.8rem;padding:.65rem .75rem;display:flex}.upload-success__mark{color:#fff;background:#329778;border-radius:50%;flex:none;place-items:center;width:1.35rem;height:1.35rem;font-size:.8rem;font-weight:850;display:grid}.upload-success__copy{gap:.08rem;min-width:0;line-height:1.25;display:grid}.upload-success__copy strong{font-size:.88rem}.upload-success__copy span{overflow-wrap:anywhere;color:#477a6d;font-size:.78rem}.upload-success__dismiss{color:#477a6d;background:0 0;border:0;flex:none;width:1.8rem;height:1.8rem;margin:0 0 0 auto;padding:0;font-size:1.25rem;line-height:1}.upload-success__dismiss:hover{color:#1f584a;background:#ffffff73}.timeline-row small{color:var(--muted);font-size:.82rem}.observation-form{gap:.55rem;margin-top:.45rem;display:grid}.observation-form button{width:100%}.song-lineup-fields{border:1px solid var(--line);border-radius:1rem;gap:.75rem;margin:0;padding:.85rem;display:grid}.song-lineup-fields>label{gap:.35rem;display:grid}.song-lineup-fields select[multiple]{width:100%;min-height:2.75rem}.song-lineup-summary{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.song-lineup-summary li{gap:.15rem;display:grid}.song-lineup-summary span{color:var(--muted)}.checkbox-row{align-items:center;gap:.5rem;display:flex}.recordings-page,.segment-editor-page{width:min(100%,76rem);padding-inline:clamp(1rem,4vw,3rem)}.page-topline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:clamp(2.5rem,6vw,5rem);display:flex}.back-link{color:var(--muted);align-items:center;gap:.35rem;font-size:.9rem;font-weight:750;display:inline-flex}.back-link:hover{color:var(--accent-strong)}.page-topline__status{color:var(--subtle);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:750}.page-heading,.segment-editor-page__heading{max-width:48rem}.recordings-page h1,.segment-editor-page h1{max-width:15ch;font-size:clamp(2.7rem,7vw,5.6rem);line-height:.94}.segment-editor-page__heading{margin-bottom:2rem}.segment-editor-page__heading h1{margin-bottom:1.25rem}.recording-name-form{max-width:42rem;margin-top:1rem;display:block}.recording-name-form__display-row{align-items:baseline;gap:.35rem;display:flex}.segment-editor-page__heading .recording-name-form__title{max-width:min(100%,54rem);margin:0}.recording-name-form__display{width:100%;min-width:0;max-width:54rem;min-height:0;color:var(--ink);font-size:inherit;font-weight:inherit;text-align:left;background:0 0;border:0;border-radius:.5rem;justify-content:flex-start;align-items:flex-start;gap:.6rem;margin:0;padding:.35rem .45rem;display:flex}.recording-name-form__display:hover{color:var(--accent-strong);background:var(--surface-muted)}.recording-name-form__display span{-webkit-line-clamp:2;overflow-wrap:anywhere;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.recording-name-form__display svg{width:1rem;height:1rem;color:var(--muted);opacity:0;flex:none;transition:opacity .14s}.recording-name-form__display:hover svg,.recording-name-form__display:focus-visible svg{opacity:1}.recording-name-form__edit{max-width:42rem}.recording-name-form__edit input{border-color:var(--accent);width:100%;margin:0;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:750;box-shadow:0 0 0 3px #6557d824}.recording-name-form__message{color:var(--muted);margin:.35rem 0 0;font-size:.82rem;line-height:1.4}.recording-name-form__message--error{color:var(--danger)}.recordings-page>section,.segment-editor-page>section{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm)}.recordings-page>section{border-radius:1.35rem;padding:clamp(1rem,3vw,1.5rem)}.recordings-page>section>.label{color:var(--muted);letter-spacing:.08em}.recording-card{border-top:1px solid var(--line);gap:1.25rem;padding:1.25rem 0;display:block;position:relative}.recording-card__deleting{z-index:2;color:var(--muted);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#edf1f7db;justify-content:center;align-items:center;gap:.55rem;padding:1rem;font-size:.9rem;font-weight:750;display:flex;position:absolute;inset:0}.recording-confirmation__dialog{z-index:21;background:var(--surface-solid);border:1px solid #ffffffbf;border-radius:1.15rem;width:min(30rem,100vw - 2rem);max-height:calc(100svh - 2rem);margin:auto;padding:clamp(1.15rem,4vw,1.6rem);overflow-y:auto;box-shadow:0 1.5rem 4rem #16202b40}.recording-confirmation__dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#16202b6b}.recording-confirmation__dialog h2{margin:.2rem 0 .65rem;font-size:clamp(1.3rem,5vw,1.8rem)}.recording-confirmation__message{color:var(--muted);margin:0;line-height:1.5}.recording-confirmation__actions{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;margin-top:1.35rem;display:flex}.recording-confirmation__actions button{margin:0}.recording-confirmation__delete{color:#fff;background:var(--danger)}.recording-confirmation__delete:hover{background:#a9324a}.recording-card__deleting:before{border:.16rem solid var(--line);border-top-color:var(--accent);content:"";border-radius:50%;width:1rem;height:1rem;animation:.8s linear infinite recording-delete-spin}@keyframes recording-delete-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.recording-card__deleting:before{animation:none}}.recording-card:first-of-type{border-top:0}.recording-card__main{gap:.9rem;min-width:0;display:grid}.recording-card__heading,.recording-card__meta,.saved-segments__heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.recording-card__heading{grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.recording-card__heading>div{min-width:0}.recording-card h2,.segment-editor h2,.unavailable-panel h2{letter-spacing:-.035em;margin:0}.recording-card h2{overflow-wrap:anywhere;font-size:clamp(1.15rem,3vw,1.55rem)}.field-kicker{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .25rem;font-size:.72rem;font-weight:800}.field-kicker--editing{color:#8b6710}.recording-card__meta,.recording-card__retention,.recording-card__unavailable,.recording-timeline__legend,.recording-player__message,.saved-segments__heading span,.empty-state{color:var(--muted);font-size:.85rem;line-height:1.45}.recording-card__meta{justify-content:flex-start;gap:.55rem}.recording-card__meta span:not(:last-child):after{color:var(--subtle);content:"·";margin-left:.55rem}.recording-card__retention,.recording-card__unavailable{margin:0}.recording-card__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.recording-card__actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.4rem;display:flex}.recording-card__actions .icon-button{border-color:var(--line);background:var(--surface-muted)}.recording-card__actions .icon-button--danger{color:var(--danger)}.recording-card__actions .icon-button--danger:hover{color:var(--danger);background:#fff0f3;border-color:#bf3e5640}.recording-status-group{grid-area:1/2;justify-self:end;align-items:center;gap:.1rem;display:flex}.recording-status{border-radius:999px;padding:.35rem .6rem;font-size:.73rem;font-weight:800}.recording-status--ready{color:#16735d;background:var(--mint)}.recording-status--pending{color:#8b6710;background:#fff2c9}.recording-status--failed{color:var(--danger);background:#ffe5eb}.button-link--small{min-height:2.4rem;margin-top:0;padding:.55rem .8rem;font-size:.88rem}.recording-player{border:1px solid var(--line);background:var(--surface-solid);border-radius:1rem;gap:.6rem;min-width:0;padding:.75rem;display:grid}.recording-player audio{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.recording-player__controls{grid-template-columns:auto auto auto minmax(0,1fr);align-items:center;gap:.45rem;display:grid}.recording-player--editor{box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#fffffff5,#f6f5fff2);border-color:#6557d847;padding:clamp(.85rem,2vw,1.25rem)}.recording-player--headless{display:contents}.player-button{aspect-ratio:1;border-radius:.65rem;justify-content:center;align-items:center;min-height:0;margin:0;padding:.65rem;display:inline-flex}.player-button svg,.segment-editor__marking button svg{width:1rem;height:1rem}.player-button--primary{color:#fff;background:var(--accent);width:2.65rem;box-shadow:0 .35rem .8rem #6557d840}.player-button--quiet{width:2.2rem;color:var(--muted);background:var(--surface-muted)}.player-button--quiet:hover{color:var(--accent-strong);background:var(--accent-soft)}.recording-player__scrubber{gap:.25rem;min-width:0;display:grid}.player-scrubber{appearance:none;width:100%;height:1.25rem;accent-color:var(--accent);background:0 0;border:0;margin:0;padding:0;display:block}.player-scrubber::-webkit-slider-runnable-track{background:var(--line);border-radius:999px;height:.35rem}.player-scrubber::-webkit-slider-thumb{appearance:none;background:var(--accent);width:1rem;height:1rem;box-shadow:0 0 0 3px var(--surface-solid);border:0;border-radius:50%;margin-top:-.325rem}.player-scrubber::-moz-range-track{background:var(--line);border-radius:999px;height:.35rem}.player-scrubber::-moz-range-progress{background:var(--accent);border-radius:999px;height:.35rem}.player-scrubber::-moz-range-thumb{background:var(--accent);width:1rem;height:1rem;box-shadow:0 0 0 3px var(--surface-solid);border:0;border-radius:50%}.recording-player__time{color:var(--muted);justify-content:flex-end;gap:.3rem;font-size:.72rem;display:flex}.recording-player__message{margin:0}.recording-waveform{background:#f6f5ffb8;border:1px solid #6557d826;border-radius:.7rem;gap:.35rem;min-width:0;max-width:100%;min-height:4rem;padding:.45rem .55rem;display:grid;overflow:hidden}.recording-waveform--compact{min-height:3.4rem}.recording-waveform__bars{align-items:center;gap:1px;min-width:0;max-width:100%;height:100%;min-height:2.5rem;display:flex;overflow:hidden}.recording-waveform__bar{background:linear-gradient(180deg, var(--accent-strong), var(--accent));border-radius:999px;flex:1 1 0;min-width:0;min-height:.25rem}.recording-waveform__status{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;font-weight:700;overflow:hidden}.recording-waveform--track{z-index:0;pointer-events:none;background:0 0;border:0;border-radius:0;min-height:0;padding:.55rem .35rem;display:block;position:absolute;inset:0}.recording-waveform--track .recording-waveform__bars{opacity:.62;height:100%;min-height:0}.recording-waveform--focus .recording-waveform__bars{width:var(--recording-waveform-track-width,100%);max-width:none;transform:translate3d(var(--recording-waveform-track-offset,0), 0, 0)}.recording-waveform--focus.recording-waveform--animating .recording-waveform__bars{will-change:transform}.recording-waveform--track .recording-waveform__status{background:#ffffffd1;border-radius:.35rem;max-width:calc(100% - 1.1rem);padding:.2rem .4rem;position:absolute;top:.45rem;left:.55rem}.text-button{width:fit-content;min-height:2.25rem;color:var(--muted);background:0 0;border:0;border-radius:.35rem;margin:0;padding:.35rem .2rem;font-size:.85rem;font-weight:700}.text-button:hover{color:var(--ink);background:var(--surface-muted)}.text-button--danger{color:var(--danger)}.segment-editor-page>.segment-editor-page__download{align-self:flex-start;margin-top:1rem}.segment-editor{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-lg);border-radius:1.35rem;gap:1rem;margin-top:1.5rem;padding:clamp(1rem,3vw,1.5rem);display:grid}.segment-editor__intro{max-width:36rem;margin-bottom:1.25rem}.recording-timeline{gap:1rem;margin-top:1.25rem;display:grid}.recording-timeline__heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.recording-timeline__heading>span{color:var(--accent-strong);font-size:.78rem;font-weight:800}.recording-timeline__section{gap:.35rem;display:grid}.recording-timeline__section--focus{background:#e9e6ff61;border:1px solid #6557d833;border-radius:1rem;padding:.8rem}.recording-timeline__player{border-bottom:1px solid #6557d829;padding-bottom:.8rem}.recording-timeline__scale{color:var(--subtle);justify-content:space-between;font-size:.7rem;font-weight:750;display:flex}.recording-timeline__track{border:1px solid var(--line);background-color:var(--surface-solid);cursor:ew-resize;isolation:isolate;overscroll-behavior-x:contain;touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:.65rem;min-width:0;position:relative;overflow:hidden}.recording-timeline__track--overview{background-image:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#dfe4edbf 10%)}.recording-timeline__track--focus{background-image:repeating-linear-gradient(90deg,#0000 0 calc(12.5% - 1px),#6557d81a 12.5%)}.timeline-segment{z-index:2;min-width:0;height:1.35rem;min-height:1.35rem;color:var(--accent-strong);background:var(--accent-soft);text-align:left;text-overflow:ellipsis;white-space:nowrap;border:1px solid #6557d840;border-radius:.35rem;margin:0;padding:0 .45rem;font-size:.68rem;font-weight:800;display:block;position:absolute;overflow:hidden}.timeline-segment:hover,.timeline-segment:focus-visible{border-color:var(--accent);background:#d9d5ff;box-shadow:0 0 0 2px #6557d826}.timeline-segment--unassigned{color:#14735c;background:#dff5eed1;border-color:#159a79}.timeline-focus-window{z-index:1;pointer-events:none;background:#6557d814;border-left:2px solid #6557d873;border-right:2px solid #6557d873;position:absolute;top:0;bottom:0;box-shadow:inset 0 0 0 1px #ffffff8c}.timeline-draft-range{z-index:3;color:#14735c;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;background:#dff5eec7;border:2px dashed #159a79;border-radius:.4rem;min-width:0;height:1.5rem;padding:0 .45rem;font-size:.68rem;font-weight:800;line-height:1.25rem;position:absolute;overflow:hidden}.timeline-draft-range span{color:inherit}.timeline-edge{z-index:4;pointer-events:none;width:1.4rem;position:absolute;top:0;bottom:0}.timeline-edge:after{border-top:2px solid var(--accent-strong);border-right:2px solid var(--accent-strong);content:"";width:.45rem;height:.45rem;position:absolute;top:50%;transform:translateY(-50%)rotate(45deg)}.timeline-edge--left{background:linear-gradient(90deg,#6557d838,#0000);left:0}.timeline-edge--left:after{left:.35rem;transform:translateY(-50%)rotate(-135deg)}.timeline-edge--right{background:linear-gradient(270deg,#6557d838,#0000);right:0}.timeline-edge--right:after{right:.35rem}.timeline-segment span{color:inherit;font-size:inherit}.timeline-playhead{z-index:5;background:var(--ink);pointer-events:none;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #ffffff8c}.recording-timeline__legend{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;display:flex}.recording-timeline__legend span{align-items:center;gap:.35rem;display:inline-flex}.timeline-key{border-radius:.2rem;width:.65rem;height:.65rem;display:inline-block}.timeline-key--saved{background:var(--accent)}.timeline-key--unassigned{background:#159a79}.timeline-key--draft{background:#dff5eec7;border:2px dashed #159a79}.segment-editor__marking{border:1px solid var(--line);background:var(--surface-muted);border-radius:.9rem;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem;margin-top:1.25rem;padding:.85rem 1rem;display:grid}.segment-editor__marking-heading{gap:.1rem;display:grid}.segment-editor__marking strong{font-variant-numeric:tabular-nums}.segment-editor__marking-controls{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.segment-editor__mark{align-items:start;gap:.45rem;display:grid}.segment-editor__marked-time{border:1px solid var(--line);min-height:2rem;color:var(--muted);background:var(--surface-solid);font-variant-numeric:tabular-nums;text-align:center;border-radius:.65rem;padding:.35rem .5rem;font-weight:800}.segment-editor__marking button{align-items:center;gap:.4rem;display:inline-flex}.timestamp-editor{min-width:max-content}.timestamp-editor__parts{border:1px solid var(--line);background:var(--surface-solid);font-variant-numeric:tabular-nums;border-radius:.65rem;align-items:center;width:max-content;padding:.15rem;display:inline-flex}.timestamp-editor__part{min-width:2rem;min-height:2rem;color:var(--ink);cursor:ns-resize;font-variant-numeric:tabular-nums;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:.45rem;margin:0;padding:0 .25rem;font-weight:800}.timestamp-editor__part:hover,.timestamp-editor__part.is-active{color:var(--accent-strong);background:var(--accent-soft)}.song-picker{z-index:2;gap:.35rem;display:grid;position:relative}.song-picker__options{z-index:10;border:1px solid var(--line);background:var(--surface-solid);max-height:min(18rem,50vh);box-shadow:var(--shadow-lg);border-radius:.75rem;margin-top:.2rem;padding:.3rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.song-picker__option{width:100%;min-height:2.7rem;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:.5rem;align-items:flex-start;margin:0;padding:.55rem .65rem;display:grid}.song-picker__option:hover,.song-picker__option[aria-selected=true]{background:var(--accent-soft)}.song-picker__option strong,.song-picker__option small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.song-picker__option small,.song-picker__empty{color:var(--muted);font-size:.78rem}.song-picker__empty{margin:0;padding:.7rem}.song-picker__setup{gap:.45rem;padding:.75rem}.song-picker__setup span{color:var(--muted);font-size:.78rem;line-height:1.35}.song-picker__setup-link{width:fit-content;color:var(--accent-strong);font-size:.82rem;font-weight:800}.song-picker__setup-link:hover{text-decoration:underline}.editor-message{color:#315246;background:var(--mint);border-radius:.65rem;margin:1rem 0 0;padding:.7rem .85rem;font-size:.88rem}.saved-segments{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1.25rem}.saved-segments__heading>div{gap:.1rem;display:grid}.saved-segments__heading .label{color:var(--muted);margin-bottom:0}.saved-segments__count{width:1.7rem;height:1.7rem;color:var(--accent-strong);background:var(--accent-soft);border-radius:999px;place-items:center;font-size:.75rem;font-weight:850;display:inline-grid}.segment-list{gap:0;margin-top:.75rem;padding:0;list-style:none;display:grid}.segment-list li{border-top-color:var(--line);gap:.75rem;padding:.75rem .2rem;display:grid}.segment-row__header{align-items:center;gap:.75rem;min-width:0;display:flex}.segment-row__identity{flex:1;justify-items:start;gap:.1rem;min-width:0;display:grid}.segment-row__identity .song-picker{width:min(100%,24rem)}.segment-name-button{max-width:100%;color:var(--ink);letter-spacing:-.02em;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:.35rem;margin:0;padding:.1rem .25rem;font-size:1rem;font-weight:800;overflow:hidden}.segment-name-button:hover{color:var(--accent-strong);background:var(--accent-soft)}.segment-name-button--unassigned{color:#14735c}.segment-seek{min-height:0;color:var(--muted);font-variant-numeric:tabular-nums;background:0 0;border:1px solid #0000;border-radius:.35rem;margin:0;padding:.1rem .25rem;font-size:.82rem}.segment-seek:hover{color:var(--accent-strong);background:var(--accent-soft)}.segment-list__delete{width:2.25rem;height:2.25rem;color:var(--danger);background:0 0;border:1px solid #0000;border-radius:.6rem;flex:none;margin:0;padding:.55rem}.segment-list__delete:hover{background:#ffe4eacc;border-color:#c2415d33}.segment-list__delete svg{width:100%;height:100%}.segment-row__controls{grid-template-columns:auto auto minmax(15rem,1fr);align-items:end;gap:.75rem;padding-left:2.5rem;display:grid}.segment-row__saving{color:var(--muted);align-self:center;font-size:.7rem}.segment-list__number{color:var(--accent);font-size:.75rem;font-weight:850}.empty-state{border:1px dashed var(--line);background:var(--surface);border-radius:.8rem;margin:1rem 0 0;padding:1rem}.unavailable-panel{max-width:46rem}.unavailable-panel p:not(.label){color:var(--muted)}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #6557d859}@media (max-width:760px){.segment-row__controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-left:0}}@media (max-width:620px){.info-tooltip{display:inline}.info-tooltip__content{width:min(18rem,100vw - 2rem);margin-top:.45rem;position:static;transform:none}.page-topline{flex-direction:column;align-items:flex-start}.recording-player__controls{grid-template-columns:auto auto auto minmax(0,1fr)}.segment-editor-page__heading .recording-name-form__title{font-size:clamp(2rem,8vw,3.5rem);line-height:.98}.segment-editor__marking{grid-template-columns:1fr}.segment-editor__marking-controls{justify-content:stretch}.segment-editor__mark{width:100%}.segment-editor__mark button{justify-content:center;width:100%}.segment-row__controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}