.thumb-icon{display:block;width:100%;height:100%;overflow:visible}.thumb-icon__fill{fill:currentColor}:where(.app-button){position:relative}.app-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:var(--control-size);padding:0 15px;border-radius:999px;white-space:nowrap;transition:background-color var(--hover-duration) var(--hover-easing),color var(--hover-duration) var(--hover-easing),transform .2s cubic-bezier(.34,1.56,.64,1)}.app-button:active{transform:scale(.96)}.app-button:active:after{content:"";position:absolute;inset:calc(-2.08333% - 2px)}.app-button--text{color:var(--color-dim);background-color:transparent}.app-button--text:hover{color:var(--color-main);background-color:var(--color-status-bg)}.app-button--icon{width:var(--control-size);padding:0}.app-button--tonal{color:var(--color-ink);background-color:var(--color-status-bg)}.app-button--tonal:hover{color:var(--color-main)}.app-button__icon{flex:0 0 auto;width:var(--control-icon-size);height:var(--control-icon-size)}.app-button__label{margin-right:calc(var(--text-meta-tracking)*-1)}.empty-icon{display:grid;place-items:center;width:64px;height:64px;padding:20px;color:var(--color-empty-icon);background:var(--empty-icon-bg);border-radius:50%;box-shadow:0 0 64px var(--color-empty-icon-glow)}.empty-icon>svg{display:block;width:100%;height:100%}.account-likes{display:flex;flex-direction:column;min-height:0}.account-likes__head{flex:0 0 auto;text-align:center;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.account-likes__body{display:flex;flex-direction:column;flex:1 1 auto;min-height:160px;margin:32px -12px 0;padding:0 12px;overflow-y:auto;overscroll-behavior:contain}.account-likes__body--empty{overflow:visible}.account-likes__list{display:flex;flex-direction:column;padding:0;margin:0;list-style:none}.account-likes__track{display:flex;align-items:center;gap:16px;min-height:80px;padding:14px 0}.account-likes__track+.account-likes__track{border-top:1px solid var(--color-line)}.account-likes__cover{display:grid;flex:0 0 auto;place-items:center;width:52px;height:52px;color:var(--color-dim);background-color:var(--color-status-bg);border-radius:16px;overflow:hidden;transition:opacity .24s ease}.account-likes__cover-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.account-likes__genre-icon{width:22px;height:22px}.account-likes__titles{display:flex;flex:1 1 auto;flex-direction:column;gap:5px;min-width:0;transition:opacity .24s ease}.account-likes__track--removed .account-likes__cover,.account-likes__track--removed .account-likes__titles{opacity:.45}.account-likes__track-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-likes__track-details{display:flex;align-items:center;gap:14px;white-space:nowrap}.account-likes__detail{display:inline-flex;align-items:center;gap:6px}.account-likes__detail-icon{flex:0 0 auto;width:14px;height:14px}.account-likes__meter{display:inline-flex;align-items:flex-end;gap:2.5px;height:11px}.account-likes__bar{width:3px;border-radius:1.5px;background-color:var(--color-line)}.account-likes__bar:first-child{height:5px}.account-likes__bar:nth-child(2){height:8px}.account-likes__bar:nth-child(3){height:11px}.account-likes__bar--on{background-color:currentColor}.account-likes__meter--max .account-likes__bar{background-image:var(--gradient-logo);background-size:14px 100%}.account-likes__meter--max .account-likes__bar:nth-child(2){background-position-x:50%}.account-likes__meter--max .account-likes__bar:nth-child(3){background-position-x:100%}.account-likes__toggle.app-button{flex:0 0 auto;color:var(--color-dim)}.account-likes__toggle.app-button:hover,.account-likes__toggle.app-button[aria-pressed=true]{color:var(--color-main)}.account-likes__thumb{width:16px;height:16px}.account-likes__thumb .thumb-icon__fill{opacity:0;transform:scale(.3);transform-box:fill-box;transform-origin:center;transition:transform .18s ease-in,opacity .12s ease-in}[aria-pressed=true] .account-likes__thumb .thumb-icon__fill{opacity:1;transform:scale(1);transition:transform .46s cubic-bezier(.34,1.56,.64,1),opacity .12s ease-out}.account-likes__bone{display:block;width:62%;height:14px;background-color:var(--color-status-bg);border-radius:6px}.account-likes__bone--short{width:38%}.account-likes__track--skeleton{animation:account-likes-pulse 1.2s ease-in-out infinite alternate}@keyframes account-likes-pulse{to{opacity:.45}}.account-likes__note{max-width:280px;margin:auto;padding:24px 0;text-align:center}.account-likes__empty{display:flex;flex-direction:column;align-items:center;gap:33px;margin:16px auto auto;text-align:center}.account-likes__empty .thumb-icon__fill{display:none}.account-likes__empty-text{max-width:280px}.account-likes__retry{color:var(--color-main);transition:opacity .15s ease}.account-likes__retry:hover{opacity:.75}@media(max-width:640px){.account-likes__body{margin-top:28px}.account-likes__thumb{width:18px;height:18px}.account-likes__empty{margin-top:1px}}.auth-code-input{position:relative;display:grid;grid-template-columns:repeat(var(--auth-code-length),1fr);gap:8px}.auth-code-input--error{animation:auth-code-input-shake .38s cubic-bezier(.36,.07,.19,.97)}.auth-code-input__field{position:absolute;z-index:1;inset:0;width:100%;font-size:16px;color:transparent;caret-color:transparent;background:transparent;border:0;outline:none;cursor:text}.auth-code-input__field:focus-visible{outline:none}.auth-code-input__field::-moz-selection{background:transparent}.auth-code-input__field::selection{background:transparent}.auth-code-input__field:-webkit-autofill{-webkit-text-fill-color:transparent;-webkit-transition:background-color 0s 600000s;transition:background-color 0s 600000s}.auth-code-input__field:autofill{-webkit-text-fill-color:transparent;transition:background-color 0s 600000s}.auth-code-input__cell{position:relative;display:grid;place-items:center;height:60px;font-family:var(--font-mono);font-size:26px;font-weight:500;color:var(--color-ink);background-color:var(--color-status-bg);border:1px solid transparent;border-radius:16px;transition:border-color .15s ease,box-shadow .15s ease;will-change:transform}.auth-code-input__cell--filled{animation:auth-code-input-pop .22s cubic-bezier(.34,1.56,.64,1)}.auth-code-input__cell--active{border-color:var(--color-main);box-shadow:0 0 0 3px var(--color-main-glow)}.auth-code-input__cell--active:not(.auth-code-input__cell--filled):after{content:"";width:2px;height:26px;border-radius:1px;background-color:var(--color-main);animation:auth-code-input-blink 1s steps(1) infinite}.auth-code-input--error .auth-code-input__cell{border-color:var(--color-danger);box-shadow:none}@keyframes auth-code-input-pop{0%{transform:scale(.88)}}@keyframes auth-code-input-blink{50%{opacity:0}}@keyframes auth-code-input-shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@media(max-width:640px){.auth-code-input{gap:6px}.auth-code-input__cell{height:54px;font-size:24px;border-radius:14px}}.app-avatar{position:relative;display:grid;flex:0 0 auto;place-items:center;width:var(--app-avatar-size,26px);height:var(--app-avatar-size,26px);padding:1px;overflow:hidden;color:#fff;background-color:#f293df;background-clip:content-box;border-radius:50%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.app-avatar__initial{font-family:var(--font-sans);font-size:calc(var(--app-avatar-size, 26px)*.4);font-weight:600;line-height:1;letter-spacing:0;text-box:trim-both cap alphabetic}.app-avatar__image{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.app-input{width:100%;min-height:52px;padding:0 22px;font-size:16px;color:var(--color-ink);background-color:var(--color-status-bg);border:1px solid transparent;border-radius:999px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.app-input::-moz-placeholder{color:var(--color-dim);opacity:1}.app-input::placeholder{color:var(--color-dim);opacity:1}.app-input:focus-visible{outline:none;border-color:var(--color-main);box-shadow:0 0 0 3px var(--color-main-glow)}.app-input:-webkit-autofill{-webkit-text-fill-color:var(--color-ink);-webkit-transition:background-color 0s 600000s,border-color .15s ease,box-shadow .15s ease;transition:background-color 0s 600000s,border-color .15s ease,box-shadow .15s ease}.app-input:autofill{-webkit-text-fill-color:var(--color-ink);transition:background-color 0s 600000s,border-color .15s ease,box-shadow .15s ease}.app-field{position:relative}.app-field .app-field__input{padding-right:60px}.app-field__submit{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:40px;height:40px;color:#fff;background-color:var(--color-main);border-radius:50%;transition:opacity .18s ease,transform .32s cubic-bezier(.34,1.56,.64,1)}.app-field__submit:hover{opacity:.86}.app-field__submit:active{transform:scale(.96)}.app-field__submit:active:after{content:"";position:absolute;inset:calc(-2.08333% - 2px)}.app-field__submit--hidden{opacity:0;pointer-events:none;transform:scale(.6);transition:opacity .14s ease,transform .18s ease-in}.app-field__icon{width:16px;height:16px}.account-profile{position:relative;display:grid}.account-profile__screen{grid-area:1/1;transition:opacity .36s var(--theme-transition-easing),transform .36s var(--theme-transition-easing),visibility 0s}.account-profile__screen--away{opacity:0;visibility:hidden;transform:translate(-24px);transition:opacity .22s ease,transform .36s var(--theme-transition-easing),visibility 0s .36s}.account-profile__step{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center}.account-profile__step.account-profile__screen--away{transform:translate(24px)}.account-profile__step .account-profile__head{margin-bottom:28px}.account-profile__back{position:absolute;z-index:1;top:14px;left:14px;transition:opacity .24s ease}.account-profile__back--hidden{opacity:0}.account-profile__head{display:flex;flex-direction:column;align-items:center;margin-bottom:32px;text-align:center;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.account-profile__photo{position:relative;margin-bottom:18px;border-radius:50%;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.account-profile__photo:active{transform:scale(.96)}.account-profile__photo:active:after{content:"";position:absolute;inset:calc(-2.08333% - 2px)}.account-profile__photo:focus-visible{outline:2px solid var(--color-main);outline-offset:3px}.account-profile__avatar{--app-avatar-size:96px}.account-profile__photo-hint{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background-color:#0000006b;border-radius:50%;opacity:0;transition:opacity var(--hover-duration) var(--hover-easing)}.account-profile__photo:focus-visible .account-profile__photo-hint,.account-profile__photo:hover .account-profile__photo-hint{opacity:1}.account-profile__photo-icon{width:26px;height:26px}.account-profile__title{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-profile__lead{margin-top:12px}.account-profile__lead.account-profile__lead--error{color:var(--color-danger)}.account-profile__lead-email{display:block;color:var(--color-ink);overflow-wrap:anywhere}.account-profile__fields{display:grid;gap:10px}.account-profile__delete.app-button{display:flex;width:100%;min-height:52px;margin:28px 0 -14px;color:color-mix(in srgb,var(--color-danger) 60%,var(--color-dim))}.account-profile__delete.app-button:hover{color:var(--color-danger);background-color:color-mix(in srgb,var(--color-danger) 16%,transparent)}.account-profile__confirm-note{display:flex;flex-direction:column;align-items:center;gap:33px;margin:20px 0 auto;text-align:center}.account-profile__confirm-text{max-width:280px}.account-profile__actions{display:grid;gap:10px;margin-bottom:-14px}.account-profile__actions .account-profile__delete{margin:0}.account-profile__actions .app-button{min-height:52px}.account-profile__note{display:grid;height:calc(var(--text-note-size)*var(--text-note-leading));margin-top:20px}.account-profile__note-line{grid-area:1/1;text-align:center;font-variant-numeric:tabular-nums;transition:opacity .2s ease}.account-profile__note-line.account-profile__note-line--error{color:var(--color-danger)}.account-profile__note-line--hidden{opacity:0}.account-profile__link{color:var(--color-main);transition:opacity .15s ease}.account-profile__link:hover{opacity:.75}@media(max-width:640px){.account-profile__head{margin-bottom:28px}}html:has(.app-dialog[open]){overflow:hidden}.app-dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:16px;color:var(--color-ink);background:transparent;border:0;overflow:clip}.app-dialog[open]{display:flex}.app-dialog::backdrop{background:transparent}.app-dialog__backdrop{position:absolute;inset:0;background-color:var(--color-scrim);-webkit-backdrop-filter:blur(6px) saturate(120%);backdrop-filter:blur(6px) saturate(120%);transition:opacity .32s ease}.app-dialog__backdrop--leaving{transition-duration:.2s}.app-dialog__backdrop--hidden{opacity:0}.app-dialog__panel{position:relative;display:flex;flex-direction:column;width:100%;max-width:420px;max-height:100%;margin:auto;padding:36px;overflow-y:auto;overscroll-behavior:contain;background-color:var(--color-surface);background-image:radial-gradient(120% 70% at 50% 0,var(--color-panel-haze),transparent);border:1px solid var(--color-line);border-radius:28px;box-shadow:0 30px 90px var(--color-nav-shadow);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);transform:translateY(var(--app-dialog-drag,0)) scale(1);transition:transform .32s var(--theme-transition-easing),opacity .26s ease}.app-dialog__panel--dragging{transition:none}.app-dialog__panel--leaving{transition:transform .2s ease-in,opacity .2s ease-in}.app-dialog__panel--hidden{opacity:0;transform:translateY(calc(var(--app-dialog-drag, 0px) + 12px)) scale(.97)}.app-dialog__panel:focus-visible{outline:none}.app-dialog__close{position:absolute;z-index:1;top:14px;right:14px}.app-dialog__grabber{display:none;position:absolute;top:8px;left:50%;width:36px;height:4px;margin-left:-18px;border-radius:2px;background-color:var(--color-line)}@media(max-width:640px){.app-dialog{padding:8px 8px max(8px,env(safe-area-inset-bottom))}.app-dialog__panel{max-width:480px;margin:auto auto 0;padding:40px 24px 24px}.app-dialog__panel--hidden{transform:translateY(calc(var(--app-dialog-drag, 0px) + 32px)) scale(1)}.app-dialog__grabber{display:block}}.auth-provider-icon{flex:0 0 auto;width:var(--auth-provider-icon-size,18px);height:var(--auth-provider-icon-size,18px)}.auth-provider-icon--apple{color:var(--color-ink)}html:has(.auth-dialog[open]){overflow:hidden}.auth-dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:16px;color:var(--color-ink);background:transparent;border:0;overflow:clip}.auth-dialog[open]{display:flex}.auth-dialog::backdrop{background:transparent}.auth-dialog__backdrop{position:absolute;inset:0;background-color:var(--color-scrim);-webkit-backdrop-filter:blur(6px) saturate(120%);backdrop-filter:blur(6px) saturate(120%);transition:opacity .32s ease}.auth-dialog__backdrop--leaving{transition-duration:.2s}.auth-dialog__backdrop--hidden{opacity:0}.auth-dialog__panel{position:relative;width:100%;max-width:420px;max-height:100%;margin:auto;padding:52px 36px 36px;overflow-y:auto;overscroll-behavior:contain;background-color:var(--color-surface);background-image:radial-gradient(120% 70% at 50% 0,var(--color-panel-haze),transparent);border:1px solid var(--color-line);display:grid;border-radius:28px;box-shadow:0 30px 90px var(--color-nav-shadow);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);transform:translateY(var(--auth-dialog-drag,0)) scale(1);transition:transform .32s var(--theme-transition-easing),opacity .26s ease}.auth-dialog__panel--dragging{transition:none}.auth-dialog__panel--leaving{transition:transform .2s ease-in,opacity .2s ease-in}.auth-dialog__panel--hidden{opacity:0;transform:translateY(calc(var(--auth-dialog-drag, 0px) + 12px)) scale(.97)}.auth-dialog__panel:focus-visible{outline:none}.auth-dialog__close{position:absolute;z-index:1;top:14px;right:14px}.auth-dialog__back{position:absolute;z-index:1;top:14px;left:14px;transition:opacity .24s ease}.auth-dialog__back--hidden{opacity:0}.auth-dialog__body,.auth-dialog__status{grid-area:1/1}.auth-dialog__body{position:relative;display:grid;transition:opacity .32s var(--theme-transition-easing),filter .32s var(--theme-transition-easing),transform .32s var(--theme-transition-easing)}.auth-dialog__panel--busy .auth-dialog__body{opacity:0;filter:blur(8px);transform:scale(.97)}.auth-dialog__screen{grid-area:1/1;transition:opacity .36s var(--theme-transition-easing),transform .36s var(--theme-transition-easing),visibility 0s}.auth-dialog__screen--away{opacity:0;visibility:hidden;transform:translate(-24px);transition:opacity .22s ease,transform .36s var(--theme-transition-easing),visibility 0s .36s}.auth-dialog__code-screen{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center}.auth-dialog__code-screen.auth-dialog__screen--away{transform:translate(24px)}.auth-dialog__lead-email{display:block;color:var(--color-ink);overflow-wrap:anywhere}.auth-dialog__code-form{margin-top:28px}.auth-dialog__code-note{display:grid;height:calc(var(--text-note-size)*var(--text-note-leading));margin-top:20px}.auth-dialog__code-note-line{grid-area:1/1;text-align:center;font-variant-numeric:tabular-nums;transition:opacity .2s ease}.auth-dialog__code-note-line.auth-dialog__code-note-line--error{color:var(--color-danger)}.auth-dialog__code-note-line--hidden{opacity:0}.auth-dialog__link{color:var(--color-main);transition:opacity .15s ease}.auth-dialog__link:hover{opacity:.75}.auth-dialog__status{--auth-ring-fill:.9s;--auth-ring-easing:cubic-bezier(.65,0,.35,1);--auth-ring-reveal:calc(var(--auth-ring-fill) - .25s);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;text-align:center;transition:opacity .36s var(--theme-transition-easing),transform .36s var(--theme-transition-easing)}.auth-dialog__status--leaving{transition-duration:.2s}.auth-dialog__status--hidden{opacity:0;transform:scale(1.04)}.auth-dialog__orb{position:relative;display:grid;place-items:center;width:112px;height:112px}.auth-dialog__ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;animation:auth-dialog-spin 1.1s linear infinite}.auth-dialog__status--done .auth-dialog__ring{animation-play-state:paused}.auth-dialog__ring-arc,.auth-dialog__ring-track{fill:none;stroke-width:2.5}.auth-dialog__ring-track{stroke:var(--color-line)}.auth-dialog__ring-stop--blue{stop-color:var(--color-wave-blue)}.auth-dialog__ring-stop--periwinkle{stop-color:var(--color-wave-periwinkle)}.auth-dialog__ring-stop--violet{stop-color:var(--color-wave-violet)}.auth-dialog__ring-stop--pink{stop-color:var(--color-wave-pink)}.auth-dialog__ring-arc{stroke:var(--color-main);stroke-linecap:round;stroke-dasharray:24 100;transition:stroke-dasharray var(--auth-ring-fill) var(--auth-ring-easing),opacity var(--auth-ring-fill) var(--auth-ring-easing)}.auth-dialog__status--done .auth-dialog__ring-arc{stroke-dasharray:100 0}.auth-dialog__ring-arc--brand{opacity:0}.auth-dialog__status--done .auth-dialog__ring-arc--brand{opacity:1}.auth-dialog__orb-face{grid-area:1/1;transition:opacity .32s ease,transform .42s cubic-bezier(.34,1.56,.64,1)}.auth-dialog__orb-face--hidden{opacity:0;transform:scale(.6)}.auth-dialog__orb-provider{--auth-provider-icon-size:40px;color:var(--color-main);display:grid;place-items:center;width:84px;height:84px;background-color:var(--color-status-bg);border-radius:50%}.auth-dialog__orb-avatar{--app-avatar-size:84px}.auth-dialog__orb-avatar.auth-dialog__orb-face--entering{transition-delay:var(--auth-ring-reveal)}.auth-dialog__status-text{transition:opacity .2s ease,transform .24s var(--theme-transition-easing)}.auth-dialog__status-text--hidden{opacity:0;transform:translateY(6px)}.auth-dialog__status--done .auth-dialog__status-text--entering{transition-delay:calc(var(--auth-ring-reveal) - .2s)}.auth-dialog__status-lead{margin-top:10px}@keyframes auth-dialog-spin{to{transform:rotate(1turn)}}.auth-dialog__head{touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center}.auth-dialog__grabber{display:none;position:absolute;top:8px;left:50%;width:36px;height:4px;margin-left:-18px;border-radius:2px;background-color:var(--color-line)}.auth-dialog__lead{margin-top:12px}.auth-dialog__providers{display:grid;gap:10px;margin-top:32px}.auth-dialog__providers .auth-dialog__provider{min-height:48px}.auth-dialog__error{margin-top:14px;color:var(--color-danger);text-align:center}.auth-dialog__divider{display:flex;align-items:center;gap:16px;margin-block:24px}.auth-dialog__divider:after,.auth-dialog__divider:before{content:"";flex:1;height:1px;background-color:var(--color-divider)}.auth-dialog__divider-text{margin-right:calc(var(--text-meta-tracking)*-1)}@media(max-width:640px){.auth-dialog{padding:8px 8px max(8px,env(safe-area-inset-bottom))}.auth-dialog__panel{max-width:480px;margin:auto auto 0;padding:40px 24px 24px}.auth-dialog__panel--hidden{transform:translateY(calc(var(--auth-dialog-drag, 0px) + 32px)) scale(1)}.auth-dialog__grabber{display:block}.auth-dialog__providers{margin-top:28px}}.details-menu{display:inline-flex}.details-menu .details-menu__button{margin-inline:-15px}.details-menu .details-menu__button:disabled{pointer-events:none}.details-menu .details-menu__button:focus-visible,.details-menu .details-menu__button:has(+.details-menu__popover:popover-open),.details-menu .details-menu__button:hover{color:var(--color-main);background-color:var(--color-status-bg);outline:none}.details-menu__popover{background-color:var(--color-surface-menu);background-image:radial-gradient(140% 90% at 0 100%,var(--color-panel-haze),transparent);border:1px solid var(--color-line);box-shadow:0 24px 70px var(--color-nav-shadow);-webkit-backdrop-filter:blur(8px) saturate(140%);backdrop-filter:blur(8px) saturate(140%);position:fixed;inset:auto auto var(--details-menu-bottom) var(--details-menu-left);width:-moz-max-content;width:max-content;margin:0;padding:6px;color:var(--color-dim);border-radius:26px;opacity:0;transform:translateY(6px) scale(.96);transform-origin:bottom left;transition:opacity .16s ease,transform .22s var(--theme-transition-easing),overlay .22s allow-discrete,display .22s allow-discrete}.details-menu__popover:popover-open{display:block;opacity:1;transform:none}@starting-style{.details-menu__popover:popover-open{opacity:0;transform:translateY(6px) scale(.96)}}.details-menu__popover--end{background-color:var(--color-surface-menu);background-image:radial-gradient(140% 90% at 100% 100%,var(--color-panel-haze),transparent);border:1px solid var(--color-line);box-shadow:0 24px 70px var(--color-nav-shadow);-webkit-backdrop-filter:blur(8px) saturate(140%);backdrop-filter:blur(8px) saturate(140%);inset:auto var(--details-menu-right) var(--details-menu-bottom) auto;transform-origin:bottom right}.details-menu__list{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.details-menu__item{display:flex;align-items:center;gap:var(--footer-item-gap);min-height:var(--control-size);line-height:16px;padding:0 15px;white-space:nowrap;border-radius:999px}.details-menu__item--current{color:var(--color-main);background-color:var(--color-status-bg)}.details-menu__item--selectable{width:100%;cursor:pointer}.details-menu__item--selectable:focus-visible,.details-menu__item--selectable:hover{color:var(--color-main);background-color:var(--color-status-bg);outline:none}.details-menu__label{margin-right:calc(var(--text-meta-tracking)*-1)}.theme-icon.theme-icon{flex:0 0 auto;overflow:visible;width:calc(var(--control-icon-size) + 1.5px);height:calc(var(--control-icon-size) + 1.5px)}.theme-icon{--theme-icon-spring:linear(0,.064,.211,.388,.562,.713,.835,.924,.984,1.021,1.04,1.046,1.044,1.038,1.03,1.022,1.014,1.009,1.004,1.001 68%,1)}.theme-icon__body{transform-box:view-box;transform-origin:center}.theme-icon--to-light .theme-icon__body{animation:theme-icon-to-light .56s cubic-bezier(.3,.7,.4,1)}.theme-icon--to-dark .theme-icon__body{animation:theme-icon-to-dark .64s cubic-bezier(.3,.7,.4,1)}.theme-icon__disc{transform-box:fill-box;transform-origin:center;transition:transform .56s var(--theme-icon-spring)}.theme-icon__cut{transform-box:view-box;transition:transform .42s var(--theme-transition-easing)}.theme-icon__rays{transform-box:fill-box;transform-origin:center;transition:opacity .22s ease 90ms,transform .56s var(--theme-icon-spring) 90ms}.theme-icon--dark .theme-icon__disc{transform:scale(1.29);transition-delay:60ms}.theme-icon--dark .theme-icon__cut{transform:translate(-3.4px,3.4px);transition-delay:60ms}.theme-icon--dark .theme-icon__rays{opacity:0;transform:scale(.3);transition:opacity .18s ease,transform .3s var(--theme-transition-easing)}.theme-icon__burst{pointer-events:none}.theme-icon__star{opacity:0;transform-box:fill-box;transform-origin:center}.theme-icon__star:first-of-type{--x:-4px;--y:-13px;--r:-20deg;--s:.8;--delay:.18s;fill:var(--color-logo-blue)}.theme-icon__star:nth-of-type(2){--x:7px;--y:-12px;--r:25deg;--delay:.26s;fill:var(--color-logo-violet)}.theme-icon__star:nth-of-type(3){--x:13px;--y:-3px;--r:15deg;--s:.7;--delay:.34s;fill:var(--color-logo-pink)}.theme-icon--to-dark .theme-icon__star{animation:theme-icon-star .82s var(--delay) cubic-bezier(.2,.7,.3,1) both}@keyframes theme-icon-to-light{0%{transform:scale(1)}18%{transform:scale(.82)}46%{transform:scale(1.14)}70%{transform:scale(.97)}to{transform:scale(1)}}@keyframes theme-icon-to-dark{0%{transform:rotate(0) scale(1)}16%{transform:rotate(8deg) scale(.84)}42%{transform:rotate(-22deg) scale(1.12)}64%{transform:rotate(8deg) scale(.97)}82%{transform:rotate(-3deg) scale(1.01)}to{transform:rotate(0) scale(1)}}@keyframes theme-icon-star{0%{opacity:0;transform:translate(0) rotate(0) scale(.2)}30%{opacity:1;transform:translate(calc(var(--x)*.5),calc(var(--y)*.5)) rotate(calc(var(--r)*.5)) scale(var(--s,1))}to{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r)) scale(calc(var(--s, 1)*.4))}}.theme-toggle .details-menu__button .theme-icon{view-transition-name:theme-icon}::view-transition-old(theme-icon){display:none}::view-transition-new(theme-icon){animation:none}.theme-toggle .details-menu__popover{width:140px}.account-menu{justify-self:end}.account-menu .account-menu__button{padding-left:4px}.account-menu__avatar{--app-avatar-size:30px}.account-menu__name{overflow:hidden;max-width:18ch;text-overflow:ellipsis}.account-menu__popover{background-color:var(--color-surface-menu);background-image:radial-gradient(140% 90% at 100% 0,var(--color-panel-haze),transparent);border:1px solid var(--color-line);box-shadow:0 24px 70px var(--color-nav-shadow);-webkit-backdrop-filter:blur(8px) saturate(140%);backdrop-filter:blur(8px) saturate(140%);position:fixed;flex-direction:column;inset:var(--account-menu-top) var(--account-menu-right) auto auto;width:232px;margin:0;padding:6px;color:var(--color-ink);border-radius:22px;opacity:0;transform:translateY(-6px) scale(.96);transform-origin:top right;transition:opacity .16s ease,transform .22s var(--theme-transition-easing),overlay .22s allow-discrete,display .22s allow-discrete}.account-menu__popover:popover-open{display:flex;opacity:1;transform:none}@starting-style{.account-menu__popover:popover-open{opacity:0;transform:translateY(-6px) scale(.96)}}.account-menu__item{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 14px;color:var(--color-ink);text-align:left;border-radius:16px}.account-menu__item:focus-visible,.account-menu__item:hover{color:var(--color-main);background-color:var(--color-status-bg);outline:none}.account-menu__item--logout{position:relative;margin-top:7px}.account-menu__item--logout:before{content:"";position:absolute;top:-4px;right:14px;left:14px;height:1px;background-color:var(--color-divider);pointer-events:none}.account-menu__item--logout:focus-visible,.account-menu__item--logout:hover{color:var(--color-danger)}.account-menu__icon{flex:0 0 auto;width:16px;height:16px;color:var(--color-dim)}.account-menu__item:focus-visible .account-menu__icon,.account-menu__item:hover .account-menu__icon{color:currentColor}.account-menu__item .account-menu__thumb{width:16px;height:16px}.account-menu__item .account-menu__thumb .thumb-icon__fill{display:none}@media(max-width:720px){.account-menu .account-menu__button{width:var(--control-size);padding:0}.account-menu__avatar{--app-avatar-size:var(--control-size)}.account-menu__name{display:none}}.brand-mark{display:block;overflow:visible}.brand-wordmark{display:block;width:auto;height:1em;fill:currentColor}.brand-menu{display:flex;min-width:0;justify-self:start}.brand-menu__button{padding:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.brand-menu__button:active{transform:scale(.96)}.brand-menu__button:active:after{content:"";position:absolute;inset:calc(-2.08333% - 2px)}.brand-menu__popover{background-color:var(--color-surface-menu);background-image:radial-gradient(140% 90% at 0 0,var(--color-panel-haze),transparent);border:1px solid var(--color-line);box-shadow:0 24px 70px var(--color-nav-shadow);-webkit-backdrop-filter:blur(8px) saturate(140%);backdrop-filter:blur(8px) saturate(140%);position:fixed;flex-direction:column;inset:var(--brand-menu-top) auto auto var(--brand-menu-left);width:-moz-max-content;width:max-content;min-width:232px;margin:0;padding:6px;color:var(--color-ink);border-radius:22px;opacity:0;transform:translateY(-6px) scale(.96);transform-origin:top left;transition:opacity .16s ease,transform .22s var(--theme-transition-easing),overlay .22s allow-discrete,display .22s allow-discrete}.brand-menu__popover:popover-open{display:flex;opacity:1;transform:none}@starting-style{.brand-menu__popover:popover-open{opacity:0;transform:translateY(-6px) scale(.96)}}.brand-menu__item{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 14px;color:var(--color-ink);text-decoration:none;border-radius:16px}.brand-menu__item:focus-visible,.brand-menu__item:hover{color:var(--color-main);background-color:var(--color-status-bg);outline:none}.brand-menu__icon{flex:0 0 auto;width:16px;height:16px;color:var(--color-dim)}.brand-menu__item:focus-visible .brand-menu__icon,.brand-menu__item:hover .brand-menu__icon{color:currentColor}.status{--status-gap:16px;position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-size);padding:0 16px;color:var(--color-dim);background-color:var(--color-status-bg);border-radius:999px;overflow:hidden;white-space:nowrap;isolation:isolate;transition:background-color var(--theme-transition-duration) var(--theme-transition-easing),color var(--theme-transition-duration) var(--theme-transition-easing),transform .2s cubic-bezier(.34,1.56,.64,1)}.status:active{transform:scale(.96)}.status:active:after{content:"";position:absolute;inset:calc(-2.08333% - 2px)}.status:disabled{pointer-events:none}.status:hover{background-color:color-mix(in srgb,var(--color-status-bg),var(--color-ink) 5%);transition-duration:var(--hover-duration)}.status__progress{position:absolute;inset:0;z-index:-1;transform:scaleX(0);transform-origin:left;transition:transform .2s cubic-bezier(.4,0,1,1)}.status--track .status__progress{transform:scaleX(1);transition:transform .38s cubic-bezier(.16,1,.3,1)}.status__fill{--status-fill-color:color-mix(in srgb,var(--color-ink) 30%,transparent);position:absolute;inset:0 auto 0 0;width:0;background-image:linear-gradient(to right,transparent 40%,color-mix(in srgb,var(--status-fill-color) 10%,transparent));animation:status-fill var(--track-duration) linear var(--track-elapsed) forwards;transition:--status-fill-color 1.2s var(--theme-transition-easing)}.status--live .status__fill{--status-fill-color:var(--color-main);transition-duration:.38s}.status__connecting,.status__times{--status-morph:.52s cubic-bezier(.32,.72,0,1);display:grid;grid-template-columns:1fr;margin-left:var(--status-gap);transition:grid-template-columns var(--status-morph),margin-left var(--status-morph)}.status__connecting>*,.status__times>*{min-width:0;overflow:hidden}.status--connecting .status__times,.status__connecting{grid-template-columns:0fr;margin-left:0}.status--connecting .status__connecting{grid-template-columns:1fr;margin-left:var(--status-gap)}.status--connecting .status__connecting>*,.status__times>*{opacity:1;transform:none;transition:opacity .36s 60ms ease-out,transform var(--status-morph)}.status--connecting .status__times>*,.status__connecting>*{opacity:0;transform:translate(-14px);transition:opacity .16s ease-in,transform .26s cubic-bezier(.4,0,1,1)}.status__connecting-text,.status__times-row{display:block;margin-right:calc(var(--text-meta-tracking)*-1)}.status__times-row{font-variant-numeric:tabular-nums}.status__total{opacity:.45}.status__icon{display:grid;place-items:center}.status__icon>*{grid-area:1/1;transition:opacity .4s ease,filter .4s ease}.status--connecting .status__equalizer,.status:not(.status--connecting) .status__spinner{opacity:0;filter:blur(4px)}.status__spinner{width:14px;height:14px;overflow:visible;animation:status-spin 1s linear infinite paused}.status__spinner circle{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-dasharray:30.63 40.84}.status--connecting .status__spinner{animation-play-state:running}.status__equalizer{display:inline-flex;align-items:flex-end;gap:2.5px;height:11px}.status__equalizer-bar{--status-eq-amp:0;width:3px;border-radius:1.5px;background-color:currentColor;transform:scaleY(calc(1 - var(--status-eq-amp)*var(--status-eq-wave)*.68));transform-origin:bottom;animation:status-equalizer 1.05s ease-in-out infinite paused;transition:--status-eq-amp .7s var(--theme-transition-easing),background-color var(--theme-transition-duration) var(--theme-transition-easing)}.status__equalizer-bar:first-child{height:5px}.status__equalizer-bar:nth-child(2){height:11px;animation-duration:.76s;animation-delay:-.3s}.status__equalizer-bar:nth-child(3){height:8px;animation-duration:1.32s;animation-delay:-.65s}.status--live .status__equalizer-bar{--status-eq-amp:1;background-color:var(--color-main);animation-play-state:running}@media(max-width:760px){.status__equalizer{gap:3px;height:14px}.status__spinner{width:18px;height:18px}.status__equalizer-bar{width:4px;border-radius:2px}.status__equalizer-bar:first-child{height:6px}.status__equalizer-bar:nth-child(2){height:14px}.status__equalizer-bar:nth-child(3){height:10px}}@property --status-fill-color{syntax:"<color>";inherits:false;initial-value:transparent}@property --status-eq-amp{syntax:"<number>";inherits:false;initial-value:0}@property --status-eq-wave{syntax:"<number>";inherits:false;initial-value:0}@keyframes status-spin{to{transform:rotate(1turn)}}@keyframes status-fill{0%{width:0}to{width:100%}}@keyframes status-equalizer{0%,to{--status-eq-wave:0}50%{--status-eq-wave:1}}.notifications{position:fixed;z-index:30;right:clamp(20px,4vw,44px);bottom:calc(var(--control-size) + var(--footer-padding)*2 + 15px);width:min(100% - 32px,340px);pointer-events:none}.notifications__stack{position:relative;display:flex;flex-direction:column-reverse;gap:8px}.notification{--notification-spring:linear(0,.064,.211,.388,.562,.713,.835,.924,.984,1.021,1.04,1.046,1.044,1.038,1.03,1.022,1.014,1.009,1.004,1.001 68%,1);position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px 11px 12px;color:var(--color-ink);background-color:transparent;border:1px solid var(--color-line);border-radius:20px;box-shadow:0 18px 60px var(--color-nav-shadow);-webkit-backdrop-filter:blur(8px) saturate(140%);backdrop-filter:blur(8px) saturate(140%);pointer-events:auto;transition:transform .52s var(--notification-spring),opacity .26s ease,filter .36s ease,background-color .2s ease,border-color var(--theme-transition-duration) var(--theme-transition-easing),box-shadow var(--theme-transition-duration) var(--theme-transition-easing)}.notification--actionable{cursor:pointer}.notification--actionable:hover{background-color:var(--color-status-bg)}.notification--hidden{opacity:0;transform:translate(24px) scale(.97);filter:blur(6px)}.notification--leaving{position:absolute;transition:transform .22s ease-in,opacity .2s ease-in,filter .22s ease-in}.notification__icon{display:grid;flex:0 0 auto;place-items:center;width:34px;height:34px;color:var(--color-main);background-color:var(--color-status-bg);border-radius:50%}.notification__glyph{width:15px;height:15px}.notification__body{flex:1;min-width:0}.notification__text{margin-top:5px}.notification__chevron{flex:0 0 auto;width:7px;height:12px;color:var(--color-dim)}.notification__close{position:absolute;top:-7px;left:-7px;display:grid;place-items:center;width:22px;height:22px;color:var(--color-ink);background-color:var(--color-surface);border:1px solid var(--color-line);border-radius:50%;box-shadow:0 4px 12px var(--color-nav-shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);opacity:0;transform:scale(.8);transition:opacity .16s ease,transform .2s cubic-bezier(.34,1.56,.64,1)}.notification:focus-within .notification__close,.notification:hover .notification__close,.notification__close:focus-visible{opacity:1;transform:scale(1)}.notification__close-icon{width:10px;height:10px}@media(max-width:640px){.notifications{left:clamp(20px,4vw,44px);width:auto}.notification--hidden{transform:translateY(16px) scale(.97)}}
