.app-chip{--app-chip-size:var(--spacer-300);background:var(--clr-text-500);border:var(--border-width-xl) solid var(--clr-bg-elevated-1);border-radius:50%;box-shadow:var(--shadow-100);height:var(--app-chip-size);position:absolute;right:0;top:0;translate:33% -33%;width:var(--app-chip-size)}.repertoire-switcher__item-name,.repertoire-switcher__name{font-family:var(--font-interface);font-size:var(--fs-300);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-normal);line-height:1.2}.repertoire-switcher__item-count,.repertoire-switcher__manage{font-family:var(--font-interface);font-size:var(--fs-200);font-weight:var(--fw-regular);letter-spacing:var(--tracking-normal);line-height:1.4}.repertoire-switcher__item--active,.repertoire-switcher__item:focus-visible,.repertoire-switcher__item:hover,.repertoire-switcher__manage:hover,.repertoire-switcher__trigger:focus-visible,.repertoire-switcher__trigger:hover,.repertoire-switcher__trigger[data-state=open]{--surface-text-secondary-color:var(--clr-surface-elevated-2-text-secondary);background-color:var(--clr-surface-elevated-2-background);color:var(--clr-surface-elevated-2-text)}.repertoire-switcher__arrow,.repertoire-switcher__item-count,.repertoire-switcher__item-name,.repertoire-switcher__manage{color:var(--surface-text-secondary-color,var(--clr-surface-canvas-text-secondary))}.repertoire-switcher__item-name,.repertoire-switcher__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.repertoire-switcher__trigger{--app-nav-sidebar-row-gap:var(--spacer-300);--app-nav-sidebar-row-radius:var(--radius);--app-nav-sidebar-row-color:inherit;align-items:center;background:none;border:0;border-radius:var(--app-nav-sidebar-row-radius);color:var(--app-nav-sidebar-row-color);cursor:pointer;display:flex;gap:var(--app-nav-sidebar-row-gap);padding:var(--padding-400) var(--padding-300);text-decoration:none;transition:background var(--transition-base),color var(--transition-base)}.repertoire-switcher__popup{--app-popup-min-width:270px}.repertoire-switcher__trigger{--app-nav-sidebar-row-radius:var(--radius-400);--app-nav-sidebar-row-color:var( --surface-text-secondary-color,var(--clr-surface-canvas-text-secondary) )}.repertoire-switcher__tag{align-items:center;display:none;flex:1;gap:var(--spacer-300);min-width:0}.app-nav--expanded .repertoire-switcher__tag{display:flex}.repertoire-switcher__name{flex:1}.repertoire-switcher__arrow{flex-shrink:0;transition:color var(--transition-base)}.repertoire-switcher__trigger:hover .repertoire-switcher__arrow{color:var(--clr-text-500)}.repertoire-switcher__list{display:flex;flex-direction:column;gap:var(--spacer-200)}.repertoire-switcher__item{align-items:center;background:none;border:none;border-radius:var(--radius-300);cursor:pointer;display:flex;gap:var(--spacer-300);padding:var(--padding-300) var(--padding-400);position:relative;text-align:left;transition:background var(--transition-fast);width:100%}.repertoire-switcher__item:focus-visible,.repertoire-switcher__item:hover{outline:none}.repertoire-switcher__dot{border:var(--border);border-radius:50%;flex-shrink:0;height:var(--spacer-200);width:var(--spacer-200)}.repertoire-switcher__item-info{display:flex;flex:1;flex-direction:column;min-width:0}.repertoire-switcher__popup-foot{border-top:var(--border-md-default-400);margin-top:var(--spacer-300);padding-top:var(--spacer-300)}.repertoire-switcher__manage{align-items:center;border-radius:var(--radius-300);display:flex;justify-content:space-between;padding:var(--padding-300) var(--padding-400);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.avatar__initials{font-family:var(--font-interface);font-size:var(--fs-300);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-normal);line-height:1.5}.avatar{--surface-text-secondary-color:var(--clr-surface-primary-subtle-text-secondary);align-items:center;background-color:var(--clr-surface-primary-subtle-background);border:var(--border-md-primary-700);border-radius:50%;color:var(--clr-surface-primary-subtle-text);display:flex;flex-shrink:0;height:var(--avatar-size);justify-content:center;overflow:hidden;width:var(--avatar-size)}.avatar,.avatar--md{--avatar-size:var(--icon-size-lg)}.avatar--lg{--avatar-size:var(--icon-size-xl)}.avatar__img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.avatar__initials{-webkit-user-select:none;-moz-user-select:none;user-select:none}.app-nav-user__email{font-size:var(--fs-300);font-weight:var(--fw-semibold);line-height:1.2}.app-nav-user__email,.app-nav-user__role{font-family:var(--font-interface);letter-spacing:var(--tracking-normal)}.app-nav-user__role{font-size:var(--fs-200);font-weight:var(--fw-regular);line-height:1.4}.app-nav-user:focus-visible,.app-nav-user:hover{--surface-text-secondary-color:var(--clr-surface-elevated-2-text-secondary);background-color:var(--clr-surface-elevated-2-background);color:var(--clr-surface-elevated-2-text)}.app-nav-user__email,.app-nav-user__role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-nav-user{--app-nav-sidebar-row-gap:var(--spacer-300);--app-nav-sidebar-row-radius:var(--radius);--app-nav-sidebar-row-color:inherit;align-items:center;background:none;border:0;border-radius:var(--app-nav-sidebar-row-radius);color:var(--app-nav-sidebar-row-color);cursor:pointer;display:flex;gap:var(--app-nav-sidebar-row-gap);overflow:hidden;padding:var(--padding-400) var(--padding-300);text-decoration:none;transition:background var(--transition-base),color var(--transition-base)}.app-nav-user__avatar{left:calc(var(--spacer-100)*-1);position:relative}.app-nav-user__info{display:none;flex-direction:column;min-width:0}.app-nav--expanded .app-nav-user__info{display:flex}.app-nav-more__item{font-family:var(--font-interface);font-size:var(--fs-300);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-normal);line-height:1.2}.app-nav,.app-nav__rail{--surface-text-secondary-color:var(--clr-surface-elevated-1-text-secondary);background-color:var(--clr-surface-elevated-1-background);color:var(--clr-surface-elevated-1-text)}.app-nav-more__item:focus-visible,.app-nav-more__item:hover,.app-nav__collapse:focus-visible,.app-nav__collapse:hover,.app-nav__home:focus-visible,.app-nav__home:hover{--surface-text-secondary-color:var(--clr-surface-elevated-2-text-secondary);background-color:var(--clr-surface-elevated-2-background);color:var(--clr-surface-elevated-2-text)}.app-nav__collapse,.app-nav__home{--app-nav-sidebar-row-gap:var(--spacer-300);--app-nav-sidebar-row-radius:var(--radius);--app-nav-sidebar-row-color:inherit;align-items:center;background:none;border:0;border-radius:var(--app-nav-sidebar-row-radius);color:var(--app-nav-sidebar-row-color);cursor:pointer;display:flex;gap:var(--app-nav-sidebar-row-gap);padding:var(--padding-400) var(--padding-300);text-decoration:none;transition:background var(--transition-base),color var(--transition-base)}.app-nav{--nav-spring:.4s cubic-bezier(.22,1,.36,1);--nav-tick-length:22px;--nav-tick-thickness:3px;--nav-tick-border-offset:var(--border-width-xl);--nav-repertoire-placeholder-height: calc(18px + 1.2rem) ;--nav-pill-padding:var(--spacer-200);--nav-pill-max-width:26rem;--nav-width-collapsed:60px;--nav-width-expanded:220px;background-color:transparent;display:flex;inset:auto 0 0;justify-content:center;padding:var(--spacer-300) var(--spacer-500) calc(var(--spacer-300) + env(safe-area-inset-bottom));pointer-events:none;position:fixed;z-index:100}.app-nav.app-nav--mobile-hidden{display:none}@media(min-width:30em){.app-nav{background-color:var(--clr-surface-elevated-1-background);border-right:var(--border);flex-direction:column;flex-shrink:0;height:100vh;inset:0 auto auto;justify-content:space-between;padding:var(--padding-300);pointer-events:auto;position:sticky;transition:width var(--nav-spring);width:var(--nav-width-collapsed);z-index:auto}.app-nav.app-nav--expanded{width:var(--nav-width-expanded)}.app-nav.app-nav--mobile-hidden{display:flex}.app-nav .app-nav__tab--more{display:none}}.app-nav__rail{border:var(--border-md-default-400);border-radius:var(--radius-full);box-shadow:var(--shadow-500);display:grid;grid-auto-columns:1fr;grid-auto-flow:column;max-width:var(--nav-pill-max-width);padding:var(--nav-pill-padding);pointer-events:auto;position:relative;width:100%}@media(min-width:30em){.app-nav__rail{background:none;border:0;border-radius:0;box-shadow:none;grid-auto-flow:row;grid-auto-rows:1fr;max-width:none;padding:0;width:auto}}.app-nav__well{--nav-well-inset-x:0px;--nav-well-inset-y:0px;--nav-well-radius:var(--radius-full);grid-area:1/1/2/2;inset:0;pointer-events:none;position:absolute;transform:translate(calc(var(--nav-active-index)*100%));transition:transform var(--nav-spring)}.app-nav__well:before{background-color:var(--clr-bg-elevated-2);border-radius:var(--nav-well-radius);content:"";inset:var(--nav-well-inset-y) var(--nav-well-inset-x);position:absolute}.app-nav__well:after{background-color:var(--clr-primary-500);border-radius:var(--radius-full);content:"";height:var(--nav-tick-thickness);left:50%;position:absolute;top:calc(var(--nav-well-inset-y) - var(--nav-tick-border-offset));transform:translate(-50%);width:var(--nav-tick-length)}@media(min-width:30em){.app-nav__well{--nav-well-inset-x:var(--spacer-100);--nav-well-inset-y:var(--spacer-100);--nav-well-radius:var(--radius-400);transform:translateY(calc(var(--nav-active-index)*100%))}.app-nav__well:after{height:var(--nav-tick-length);left:auto;right:calc(var(--nav-well-inset-x) - var(--nav-tick-border-offset));top:50%;transform:translateY(-50%);width:var(--nav-tick-thickness)}}.app-nav__tab{--app-nav-tab-color:var(--clr-text-accent-400);--app-nav-tab-color-hover:var(--clr-text-accent-500);align-items:center;background:none;border:0;color:var(--app-nav-tab-color);cursor:pointer;display:flex;justify-content:center;padding:var(--spacer-400) 0;position:relative;text-decoration:none;transition:color var(--transition-slow),transform var(--transition-fast);z-index:1}.app-nav__tab:active{transform:scale(.9)}.app-nav__tab:focus-visible,.app-nav__tab:hover{color:var(--app-nav-tab-color-hover)}.app-nav__tab--more{--app-nav-tab-color:var(--surface-text-secondary-color,var(--clr-surface-canvas-text-secondary));--app-nav-tab-color-hover:var(--clr-text-500)}.app-nav__tab--active,.app-nav__tab[data-state=open]{color:var(--clr-primary-500)}@media(min-width:30em){.app-nav__tab{gap:var(--spacer-500);justify-content:flex-start;padding:var(--padding-400) var(--padding-300)}}.app-nav__collapse,.app-nav__home{display:none}@media(min-width:30em){.app-nav__collapse,.app-nav__home{display:flex;--app-nav-sidebar-row-gap:var(--spacer-500)}}.app-nav__menus{display:none}@media(min-width:30em){.app-nav__menus{display:block}}.app-nav__label{display:none;white-space:nowrap}@media(min-width:30em){.app-nav--expanded .app-nav__label{display:block}}.app-nav__collapse-chevron{transition:transform var(--nav-spring)}.app-nav--expanded .app-nav__collapse-chevron{transform:rotate(180deg)}.app-nav__collapse{--app-nav-sidebar-row-color:var( --surface-text-secondary-color,var(--clr-surface-canvas-text-secondary) )}.app-nav__rep-placeholder{height:var(--nav-repertoire-placeholder-height);margin:0 var(--spacer-300)}.app-nav-more{display:flex;flex-direction:column}.app-nav-more__item{align-items:center;background:none;border:0;border-radius:var(--radius-400);color:var(--clr-text-accent-400);cursor:pointer;display:flex;gap:var(--spacer-400);padding:var(--spacer-400) var(--spacer-300);text-align:left;text-decoration:none;transition:background var(--transition-base),color var(--transition-base);width:100%}.app-nav-more__item:focus-visible,.app-nav-more__item:hover{color:var(--clr-text-accent-500)}.app-shell{--surface-text-secondary-color:var(--clr-surface-canvas-text-secondary);background-color:var(--clr-surface-canvas-background);color:var(--clr-surface-canvas-text);flex:1;min-height:100vh;min-width:0;overflow-x:clip;padding-bottom:var(--app-shell-clearance-bottom,0)}