.acct-nav{gap:var(--space-2);align-items:center;min-height:44px;display:flex}.nav-link{min-height:44px;padding:0 var(--space-3);white-space:nowrap;border-radius:var(--radius-pill);font-weight:700;font-size:var(--body-regular);align-items:center;text-decoration:none;display:inline-flex}.nav-link:hover{background:var(--hover-wash)}.menu{position:relative}.menu summary{align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);border-radius:var(--radius-pill);cursor:pointer;background:var(--bg-secondary);list-style:none;display:inline-flex}.menu summary::-webkit-details-marker{display:none}.menu summary:hover,.menu[open] summary{background:var(--bg-tertiary)}.menu .avatar{object-fit:cover;border-radius:50%;width:36px;height:36px;display:block}.menu .avatar.initial{background:var(--primary-main);color:var(--primary-contrast);place-items:center;font-weight:700;display:grid}.menu .handle{text-overflow:ellipsis;white-space:nowrap;max-width:12ch;font-weight:700;font-size:var(--body-small);overflow:hidden}.menu-pop{right:0;top:calc(100% + var(--space-2));min-width:224px;z-index:var(--z-dropdown);background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-2);box-shadow:var(--shadow-heavy);display:grid;position:absolute}.menu-pop a,.menu-pop button{min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;width:100%;text-decoration:none;display:flex}.menu-pop a:hover,.menu-pop button:hover{background:var(--hover-wash)}.menu-who{padding:var(--space-2) var(--space-3);color:var(--text-secondary);font-size:var(--body-small);border-bottom:1px solid var(--separator);margin-bottom:var(--space-1)}.menu-who b{color:var(--text-primary)}.acct-nav .btn{white-space:nowrap}@media (max-width:639px){.acct-nav{gap:0}.nav-link{padding:0 var(--space-2)}.acct-nav .btn.small{padding:0 var(--space-3)}.acct-nav .wide,.menu .handle{display:none}.menu summary{padding-right:var(--space-2)}}.auth-wrap{align-content:start;justify-items:center;gap:var(--space-4);padding:var(--space-6) 0 var(--space-6);min-height:calc(100dvh - var(--nav-h));display:grid}.auth-card{background:var(--bg-secondary);border-radius:var(--radius-lg);width:min(448px,100%);padding:var(--space-6) var(--space-4);box-shadow:var(--shadow-light)}@media (min-width:640px){.auth-wrap{padding-top:var(--space-12)}.auth-card{padding:var(--space-8)}}.auth-mark{border-radius:var(--radius-lg);background:var(--grad-purple-magenta);width:48px;height:48px;color:var(--primary-contrast);margin-bottom:var(--space-4);place-items:center;display:grid}.auth-card h1{font-size:var(--display-regular);line-height:var(--display-regular-lh)}.auth-card h1:focus{outline:none}.auth-card .sub{margin:var(--space-2) 0 var(--space-6);color:var(--text-secondary)}.auth-card .sub b{color:var(--text-primary)}.sub-gap{height:var(--space-4)}.auth-after{gap:var(--space-4);text-align:center;width:min(448px,100%);color:var(--text-secondary);justify-items:center;display:grid}.switch{gap:var(--space-1);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.switch a{min-height:44px;padding:0 var(--space-1);align-items:center;display:inline-flex}.auth-form{gap:var(--space-4);display:grid}.field{gap:var(--space-2);min-width:0;display:grid}.field>label,.field-row>label,.field legend{font-size:var(--body-small);line-height:var(--body-small-lh);color:var(--text-primary);padding:0;font-weight:500}.field .hint{color:var(--text-tertiary);font-weight:400}.field-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.field-row a{font-size:var(--body-small);align-items:center;min-height:44px;margin:-12px 0;display:inline-flex}.input{font:inherit;font-size:16px;line-height:var(--body-regular-lh);width:100%;min-height:48px;padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-input);background:var(--bg-primary);color:var(--text-primary);transition:border-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard)}.input::placeholder{color:var(--text-tertiary)}.input:hover{border-color:var(--text-secondary)}.input:focus{border-color:var(--primary-brighter);box-shadow:0 0 0 1px var(--primary-brighter)}.input[aria-invalid=true]{border-color:var(--error-bright);box-shadow:0 0 0 1px var(--error-bright)}.input:focus-visible,.input[aria-invalid=true]:focus-visible{outline:2px solid var(--primary-brighter);outline-offset:2px}.pw{position:relative}.pw .input{padding-right:52px}.pw-toggle{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.pw-toggle:hover{color:var(--text-primary)}.field .bad{color:var(--error-bright);font-size:var(--body-small);line-height:var(--body-small-lh);gap:var(--space-1);align-items:flex-start;margin:0;display:flex}.field .bad svg{flex:none;margin-top:3px}.checklist{gap:var(--space-2);font-size:var(--body-mini);line-height:var(--body-mini-lh);color:var(--text-secondary);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.checklist li{padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--bg-tertiary)}.checklist li:before{content:"○ "}.checklist li.met{color:var(--text-primary);background:var(--success-dim)}.checklist li.met:before{content:"✓ "}.btn.fb{color:var(--primary-contrast);background:#1877f2}.btn.fb:hover:not(:disabled){background:#166fe5}.or{align-items:center;gap:var(--space-3);color:var(--text-tertiary);font-size:var(--body-small);display:flex}.or:before,.or:after{content:"";background:var(--separator);flex:1;height:1px}.banner{gap:var(--space-2);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--body-small);line-height:var(--body-small-lh);background:var(--bg-tertiary);align-items:flex-start;display:flex}.banner-icon{width:20px;height:20px;font-size:var(--body-mini);color:var(--text-contrast);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.banner-body{flex:1;min-width:0}.banner-body a{color:var(--text-primary);align-items:center;min-height:44px;font-weight:700;display:inline-flex}.banner.err{background:var(--error-dim)}.banner.err .banner-icon{background:var(--error-bright)}.banner.ok{background:var(--success-dim)}.banner.ok .banner-icon{background:var(--success-bright)}.banner.info{color:var(--text-secondary)}.banner.info .banner-icon{background:var(--primary-bright)}.banner .actions-inline{gap:0 var(--space-4);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.auth-links{justify-content:space-between;gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.auth-links a{color:var(--primary-bright);align-items:center;min-height:44px;font-weight:700;text-decoration:none;display:inline-flex}.auth-links a:hover{text-decoration:underline}.auth-card>.btn,.auth-form>.btn,.auth-form>a.btn,.auth-card>a.btn{width:100%}.fine{font-size:var(--body-mini);line-height:var(--body-mini-lh);color:var(--text-tertiary);margin:var(--space-4) 0 0}.privacy-note{gap:var(--space-2);font-size:var(--body-small);line-height:var(--body-small-lh);color:var(--text-secondary);text-align:left;align-items:flex-start;display:flex}.privacy-note svg{color:var(--success-bright);flex:none;margin-top:2px}.privacy-note b{color:var(--text-primary)}.dob{gap:var(--space-2);grid-template-columns:1.5fr 1fr;display:grid}fieldset.field{border:0;margin:0;padding:0}select.input{appearance:none;padding-right:var(--space-8);cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--text-secondary) 50%), linear-gradient(135deg, var(--text-secondary) 50%, transparent 50%);background-position:calc(100% - 18px) 21px,calc(100% - 13px) 21px;background-repeat:no-repeat;background-size:5px 5px}select.input option{background:var(--bg-secondary)}.center{text-align:center}.big-icon{font-size:var(--display-big);margin-bottom:var(--space-2);line-height:1}.skeleton-card{gap:var(--space-4);align-content:start;min-height:440px;display:grid}.sk{border-radius:var(--radius-sm);background:var(--bg-tertiary);animation:pulse 1.4s var(--ease-standard) infinite;display:block}.sk-mark{border-radius:var(--radius-lg);width:48px;height:48px}.sk-title{width:70%;height:32px}.sk-line{width:90%;height:16px;margin-bottom:var(--space-2)}.sk-input{height:48px}.sk-btn{border-radius:var(--radius-pill);height:56px;margin-top:var(--space-2)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.picker-page{max-width:768px;margin:0 auto}.picker-head{gap:var(--space-2);margin:var(--space-4) 0 0;display:grid}.picker-head .back{justify-self:start;align-items:center;gap:var(--space-1);min-height:44px;margin-left:calc(-1 * var(--space-2));padding:0 var(--space-2);border-radius:var(--radius-pill);color:var(--text-secondary);font-weight:700;text-decoration:none;display:inline-flex}.picker-head .back:hover{color:var(--text-primary);background:var(--hover-wash)}.picker-head h1{font-size:var(--display-regular);line-height:var(--display-regular-lh)}@media (min-width:768px){.picker-head h1{font-size:var(--display-medium);line-height:var(--display-medium-lh)}}.picker-head p{color:var(--text-secondary)}.picker{position:relative}.search{top:var(--nav-h);z-index:var(--z-raised);padding:var(--space-2) 0;background:var(--bg-primary);position:sticky}.search-wrap{position:relative}.search .input{padding-left:var(--space-12);padding-right:var(--space-12);border-radius:var(--radius-pill);background:var(--bg-secondary);border-color:#0000}.search .input:hover{border-color:var(--border-input)}.search .input::-webkit-search-cancel-button{display:none}.search-wrap .icon{left:var(--space-4);color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-wrap .clear{width:44px;height:44px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.search-wrap .clear:hover{color:var(--text-primary);background:var(--hover-wash)}.result-count{color:var(--text-tertiary);font-size:var(--body-small);line-height:var(--body-small-lh);margin:0 0 var(--space-2);min-height:var(--body-small-lh)}.perf-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.perf{gap:var(--space-4);text-align:left;background:var(--bg-secondary);border-radius:var(--radius-md);width:100%;min-height:80px;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-2);color:var(--text-primary);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard);border:0;grid-template-columns:64px 1fr 24px;align-items:center;display:grid}.perf:hover{background:var(--bg-tertiary)}.perf[aria-pressed=true]{background:var(--bg-tertiary);box-shadow:inset 0 0 0 2px var(--primary-bright)}.perf:hover .m,.perf[aria-pressed=true] .m{color:var(--text-secondary)}.perf .cover,.clip-head .cover{border-radius:var(--radius-md);object-fit:cover;background:var(--bg-tertiary);width:64px;height:64px;color:var(--primary-bright);place-items:center;display:grid}.perf .txt{min-width:0;display:grid}.perf .t{font-weight:700;font-size:var(--body-medium);line-height:var(--body-medium-lh);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.perf .a{color:var(--text-secondary);font-size:var(--body-small);line-height:var(--body-small-lh);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.perf .m{color:var(--text-tertiary);font-size:var(--body-mini);line-height:var(--body-mini-lh);gap:var(--space-2);font-variant-numeric:tabular-nums;margin-top:var(--space-1);flex-wrap:wrap;align-items:center;display:flex}.perf .go{color:var(--text-tertiary);place-items:center;display:grid}.perf[aria-pressed=true] .go{color:var(--primary-bright)}.chip{font-size:var(--body-mini);line-height:var(--body-mini-lh);padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--bg-primary);color:var(--text-secondary);font-weight:700}.chip.duet{background:var(--primary-main);color:var(--primary-contrast)}.chip.private{box-shadow:inset 0 0 0 1px var(--separator);background:0 0}.perf.skeleton{cursor:default}.skeleton .cover,.skeleton .bar{background:var(--bg-tertiary);animation:pulse 1.4s var(--ease-standard) infinite}.skeleton .bar{border-radius:var(--radius-sm);height:12px;margin:var(--space-1) 0;display:block}.list-foot{place-items:center;gap:var(--space-2);padding:var(--space-6) 0;color:var(--text-tertiary);font-size:var(--body-small);text-align:center;display:grid}.empty-state{text-align:center;padding:var(--space-10) var(--space-4);color:var(--text-secondary);justify-items:center;gap:var(--space-2);display:grid}.empty-state .art{border-radius:var(--radius-lg);background:var(--bg-secondary);width:72px;height:72px;color:var(--primary-bright);margin-bottom:var(--space-2);place-items:center;display:grid}.empty-state h2{color:var(--text-primary);font-size:var(--display-small);line-height:var(--display-small-lh)}.empty-state p{max-width:26rem}.empty-state .btn{margin-top:var(--space-2)}.empty-state.error .art{color:var(--error-bright)}.sheet-backdrop{z-index:var(--z-overlay);background:var(--scrim);animation:fade var(--dur-fast) var(--ease-entrance);position:fixed;inset:0}.clip{z-index:var(--z-modal);background:var(--bg-secondary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:560px;max-height:92dvh;padding:var(--space-2) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom,0px));gap:var(--space-4);box-shadow:var(--shadow-heavy);animation:sheet-in var(--dur-slow) var(--ease-entrance);margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.clip .grab{border-radius:var(--radius-pill);background:var(--bg-layered);width:40px;height:4px;margin:0 auto}.clip-head{gap:var(--space-3);grid-template-columns:56px 1fr 44px;align-items:center;display:grid}.clip-head .cover{width:56px;height:56px}.clip-head h2{font-size:var(--display-small);line-height:var(--display-small-lh);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.clip-head h2:focus{outline:none}.clip-head p{color:var(--text-secondary);font-size:var(--body-small);line-height:var(--body-small-lh);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.clip-head .x{background:var(--bg-tertiary);width:44px;height:44px;color:var(--text-primary);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.clip-head .x:hover{background:var(--bg-layered)}.clip-lede{color:var(--text-secondary)}.seg-label{font-size:var(--body-small);line-height:var(--body-small-lh);margin-bottom:var(--space-2);font-weight:500;display:block}.seg{gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-pill);background:var(--bg-tertiary);grid-template-columns:repeat(4,1fr);margin:0;display:grid}.seg button{border-radius:var(--radius-pill);min-height:44px;color:var(--text-secondary);font-weight:400;font-size:var(--body-regular);cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:0}.seg button[aria-pressed=true]{background:var(--bg-primary);color:var(--text-primary);font-weight:700}.seg button:disabled{color:var(--text-disabled);cursor:not-allowed}.timeline{gap:var(--space-2);display:grid}.timeline-top{justify-content:space-between;align-items:baseline;gap:var(--space-2);font-variant-numeric:tabular-nums;display:flex}.timeline-top b{font-size:var(--body-medium)}.timeline-top .muted{font-size:var(--body-small);color:var(--text-tertiary)}.track{border-radius:var(--radius-md);background:var(--bg-primary);touch-action:none;cursor:grab;height:64px;position:relative;overflow:hidden}.track .ticks{color:var(--bg-tertiary);position:absolute;inset:0}.track .window{border-radius:var(--radius-md);background:var(--primary-dynamic);box-shadow:inset 0 0 0 2px var(--primary-bright);pointer-events:none;transition:left var(--dur-fast) var(--ease-standard), width var(--dur-base) var(--ease-standard);position:absolute;top:0;bottom:0}.track .window .handle{border-radius:var(--radius-pill);background:var(--text-primary);width:6px;height:24px;position:absolute;top:50%;transform:translateY(-50%)}.track .window .handle.l{left:-3px}.track .window .handle.r{right:-3px}.track .playhead{background:var(--text-primary);pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.track input[type=range]{opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.track:has(input:focus-visible){outline:2px solid var(--primary-brighter);outline-offset:2px}.timeline-scale{color:var(--text-tertiary);font-size:var(--body-mini);line-height:var(--body-mini-lh);font-variant-numeric:tabular-nums;justify-content:space-between;display:flex}.nudge{gap:var(--space-2);justify-content:center;display:flex}.nudge .btn{min-width:72px}.wave{border-radius:var(--radius-md);background:var(--bg-primary);height:56px;padding:var(--space-2) var(--space-3);position:relative;overflow:hidden}.wave canvas{width:100%;height:100%;color:var(--primary-brighter);display:block}.wave .playhead{background:var(--text-primary);width:2px;transition:opacity var(--dur-fast) var(--ease-standard);position:absolute;top:0;bottom:0}.preview-note{font-size:var(--body-small);line-height:var(--body-small-lh);color:var(--text-secondary)}.preview-note.bad{color:var(--error-bright)}.clip-actions{gap:var(--space-2);display:grid}@media (min-width:640px){.clip{bottom:var(--space-6);border-radius:var(--radius-lg);padding:var(--space-6);animation-name:dialog-in}.clip .grab{display:none}.clip-actions{grid-template-columns:auto 1fr}}@keyframes fade{0%{opacity:0}}@keyframes sheet-in{0%{opacity:0;transform:translateY(40px)}}@keyframes dialog-in{0%{opacity:0;transform:scale(.98)}}@media (max-width:639px){.perf{gap:var(--space-3);grid-template-columns:56px 1fr 20px;min-height:72px}.perf .cover{width:56px;height:56px}}.meta-loading{gap:var(--space-4);display:grid}.track[aria-disabled=true]{cursor:not-allowed;opacity:.5}.consent-dialog{max-width:min(560px,100vw - 32px);color:var(--text-primary,#fff);margin:auto}.consent-dialog::backdrop{background:#000000bf}.consent-dialog p{margin:1rem 0;line-height:1.6}.data-page{max-width:760px;margin:3rem auto;padding:0 24px;line-height:1.7}.data-page h2{margin-top:2rem}.data-page li{margin:.75rem 0}