.loading-overlay{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:var(--app-loading-overlay-surface)}.loading-overlay--tone-auth{background:var(--app-loading-overlay-surface-auth)}.loading-overlay--tone-strong{background:var(--app-loading-overlay-surface-strong)}.loading-overlay__spinner{margin-top:10px;width:50px;height:50px}.section-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:var(--app-space-2, 8px);padding:var(--app-space-2, 8px) var(--app-space-3, 12px)!important}.section-header__title{display:inline-flex;align-items:center;flex:1;min-width:0;gap:var(--app-space-2, 8px);line-height:1.2}.section-header__actions{display:inline-flex;align-items:center;align-self:center;flex-shrink:0;margin-left:auto;gap:var(--app-space-2, 8px);padding-bottom:0}.section-header__actions ion-button{margin:0;align-self:center}.panel-card{width:100%;height:100%;display:flex;flex-direction:column;min-height:0;margin:0}.panel-card__content{flex:1;min-height:0;display:flex;flex-direction:column;--padding-start: 0 !important;--padding-end: 0 !important;--padding-top: 0 !important;--padding-bottom: 0 !important;padding:0!important}.panel-card__body{flex:1;min-height:0;display:flex;flex-direction:column;padding:var(--app-space-2, 8px)}.panel-card__body--flush{padding:0}.panel-card__footer{flex-shrink:0;padding:var(--app-space-2, 8px);border-top:1px solid var(--app-border-subtle);background:var(--app-sticky-footer-surface)}.app-button{--border-radius: var(--app-radius-md);--padding-start: var(--app-button-padding-md, 10px);--padding-end: var(--app-button-padding-md, 10px);--box-shadow: none;margin:0;letter-spacing:0;font-weight:600;font-size:.78rem;text-transform:none;--app-button-border: var(--app-button-base-border);--app-button-color: var(--app-button-base-color);--app-button-surface: var(--app-button-base-surface);--app-button-surface-hover: var(--app-button-base-surface-hover);--app-button-surface-active: var(--app-button-base-surface-active);--app-button-shadow: var(--app-button-base-shadow);--app-button-tone-brand: var(--app-device-red, var(--app-color-brand-500));--app-button-tone-brand-deep: var(--app-color-brand-700);--app-button-tone-success: var(--ion-color-success, var(--app-color-success-500));--app-button-tone-success-deep: var(--app-color-success-600);--app-button-tone-warning: var(--app-color-warning-400);--app-button-tone-warning-deep: var(--app-color-warning-600);--app-button-tone-danger: var(--ion-color-danger, var(--app-color-danger-500));--app-button-tone-danger-deep: var(--app-color-danger-600)}.app-button::part(native){min-height:var(--app-button-height-md, 36px);padding-inline:var(--app-button-padding-md, 10px);border-radius:var(--app-radius-md);border:1px solid var(--app-button-border);background:var(--app-button-surface);color:var(--app-button-color);box-shadow:var(--app-button-shadow)}.app-button ion-icon{color:inherit}.app-button--size-sm{--padding-start: var(--app-button-padding-sm, 8px);--padding-end: var(--app-button-padding-sm, 8px);font-size:.72rem}.app-button--size-sm::part(native){min-height:var(--app-button-height-sm, 32px);padding-inline:var(--app-button-padding-sm, 8px)}.app-button--solid{--app-button-color: var(--app-button-contrast-text)}.app-button--solid.app-button--tone-brand{--app-button-border: color-mix(in srgb, var(--app-button-tone-brand) 58%, transparent);--app-button-surface: linear-gradient(180deg, color-mix(in srgb, var(--app-button-tone-brand) 96%, #ffffff 4%), var(--app-button-tone-brand-deep));--app-button-surface-hover: linear-gradient(180deg, color-mix(in srgb, var(--app-button-tone-brand) 88%, #ffffff 12%), color-mix(in srgb, var(--app-button-tone-brand-deep) 88%, #000000 12%));--app-button-surface-active: linear-gradient(180deg, color-mix(in srgb, var(--app-button-tone-brand-deep) 88%, #000000 12%), color-mix(in srgb, var(--app-button-tone-brand) 82%, #000000 18%));--app-button-shadow: 0 2px 6px rgba(65, 12, 5, .24), 0 0 20px color-mix(in srgb, var(--app-button-tone-brand) 24%, transparent), inset 0 1px 0 rgba(255, 225, 218, .12)}.app-button--solid.app-button--tone-success{--app-button-border: color-mix(in srgb, var(--app-button-tone-success) 58%, transparent);--app-button-surface: linear-gradient(180deg, color-mix(in srgb, var(--app-button-tone-success) 90%, #ffffff 10%), var(--app-button-tone-success-deep));--app-button-surface-hover: linear-gradient(180deg, color-mix(in srgb, var(--app-button-tone-success) 82%, #ffffff 18%), color-mix(in srgb, var(--app-button-tone-success-deep) 88%, #000000 12%));--app-button-surface-active: linear-gradient(180deg, color-mix(in srgb, var(--app-button-tone-success-deep) 88%, #000000 12%), color-mix(in srgb, var(--app-button-tone-success) 82%, #000000 18%));--app-button-shadow: 0 2px 6px rgba(6, 46, 24, .24), 0 0 20px color-mix(in srgb, var(--app-button-tone-success) 22%, transparent), inset 0 1px 0 rgba(224, 255, 236, .12)}.app-button--solid.app-button--tone-warning{--app-button-border: color-mix(in srgb, var(--app-button-tone-warning) 62%, transparent);--app-button-surface: linear-gradient(180deg, var(--app-button-tone-warning), var(--app-button-tone-warning-deep));--app-button-surface-hover: linear-gradient(180deg, color-mix(in srgb, var(--app-button-tone-warning) 88%, #ffffff 12%), color-mix(in srgb, var(--app-button-tone-warning-deep) 88%, #000000 12%));--app-button-surface-active: linear-gradient(180deg, color-mix(in srgb, var(--app-button-tone-warning-deep) 86%, #000000 14%), color-mix(in srgb, var(--app-button-tone-warning) 80%, #000000 20%));--app-button-shadow: 0 2px 6px rgba(58, 28, 4, .24), 0 0 20px color-mix(in srgb, var(--app-button-tone-warning) 24%, transparent), inset 0 1px 0 rgba(255, 238, 209, .12)}.app-button--solid.app-button--tone-danger{--app-button-border: color-mix(in srgb, var(--app-button-tone-danger) 58%, transparent);--app-button-surface: linear-gradient(180deg, color-mix(in srgb, var(--app-button-tone-danger) 92%, #ffffff 8%), var(--app-button-tone-danger-deep));--app-button-surface-hover: linear-gradient(180deg, color-mix(in srgb, var(--app-button-tone-danger) 84%, #ffffff 16%), color-mix(in srgb, var(--app-button-tone-danger-deep) 88%, #000000 12%));--app-button-surface-active: linear-gradient(180deg, color-mix(in srgb, var(--app-button-tone-danger-deep) 88%, #000000 12%), color-mix(in srgb, var(--app-button-tone-danger) 82%, #000000 18%));--app-button-shadow: 0 2px 6px rgba(56, 7, 14, .24), 0 0 20px color-mix(in srgb, var(--app-button-tone-danger) 22%, transparent), inset 0 1px 0 rgba(255, 221, 226, .12)}.app-button--ghost{--app-button-color: var(--app-device-cyan)}.app-button--ghost.app-button--tone-neutral{--app-button-border: var(--app-button-neutral-border)}.app-button--ghost.app-button--tone-brand{--app-button-border: color-mix(in srgb, var(--app-button-tone-brand) 38%, transparent);--app-button-color: color-mix(in srgb, var(--app-button-tone-brand) 34%, var(--app-button-tone-readable) 66%);--app-button-surface: linear-gradient(180deg, color-mix(in srgb, var(--app-button-tone-brand) 18%, var(--app-button-tone-surface-start)), color-mix(in srgb, var(--app-button-tone-brand-deep) 16%, var(--app-button-tone-surface-end)));--app-button-surface-hover: linear-gradient(180deg, color-mix(in srgb, var(--app-button-tone-brand) 24%, var(--app-button-tone-hover-start)), color-mix(in srgb, var(--app-button-tone-brand-deep) 20%, var(--app-button-tone-hover-end)))}.app-button--ghost.app-button--tone-success{--app-button-border: color-mix(in srgb, var(--app-button-tone-success) 36%, transparent);--app-button-color: color-mix(in srgb, var(--app-button-tone-success) 36%, var(--app-button-tone-readable) 64%);--app-button-surface: linear-gradient(180deg, color-mix(in srgb, var(--app-button-tone-success) 18%, var(--app-button-tone-surface-start)), color-mix(in srgb, var(--app-button-tone-success-deep) 16%, var(--app-button-tone-surface-end)));--app-button-surface-hover: linear-gradient(180deg, color-mix(in srgb, var(--app-button-tone-success) 24%, var(--app-button-tone-hover-start)), color-mix(in srgb, var(--app-button-tone-success-deep) 20%, var(--app-button-tone-hover-end)))}.app-button--ghost.app-button--tone-warning{--app-button-border: color-mix(in srgb, var(--app-button-tone-warning) 38%, transparent);--app-button-color: color-mix(in srgb, var(--app-button-tone-warning) 44%, var(--app-button-tone-readable) 56%);--app-button-surface: linear-gradient(180deg, color-mix(in srgb, var(--app-button-tone-warning) 16%, var(--app-button-tone-surface-start)), color-mix(in srgb, var(--app-button-tone-warning-deep) 14%, var(--app-button-tone-surface-end)));--app-button-surface-hover: linear-gradient(180deg, color-mix(in srgb, var(--app-button-tone-warning) 22%, var(--app-button-tone-hover-start)), color-mix(in srgb, var(--app-button-tone-warning-deep) 18%, var(--app-button-tone-hover-end)))}.app-button--ghost.app-button--tone-danger{--app-button-border: color-mix(in srgb, var(--app-button-tone-danger) 38%, transparent);--app-button-color: color-mix(in srgb, var(--app-button-tone-danger) 36%, var(--app-button-tone-readable) 64%);--app-button-surface: linear-gradient(180deg, color-mix(in srgb, var(--app-button-tone-danger) 18%, var(--app-button-tone-surface-start)), color-mix(in srgb, var(--app-button-tone-danger-deep) 16%, var(--app-button-tone-surface-end)));--app-button-surface-hover: linear-gradient(180deg, color-mix(in srgb, var(--app-button-tone-danger) 24%, var(--app-button-tone-hover-start)), color-mix(in srgb, var(--app-button-tone-danger-deep) 20%, var(--app-button-tone-hover-end)))}.app-button--icon{width:var(--app-icon-button-size-md, 36px);min-width:var(--app-icon-button-size-md, 36px);height:var(--app-icon-button-size-md, 36px);--padding-start: 0;--padding-end: 0;--app-button-shadow: var(--app-button-base-shadow)}.app-button--icon::part(native){width:var(--app-icon-button-size-md, 36px);min-width:var(--app-icon-button-size-md, 36px);min-height:var(--app-icon-button-size-md, 36px);padding:0}.app-button--icon.app-button--size-sm{width:var(--app-icon-button-size-sm, 32px);min-width:var(--app-icon-button-size-sm, 32px);height:var(--app-icon-button-size-sm, 32px)}.app-button--icon.app-button--size-sm::part(native){width:var(--app-icon-button-size-sm, 32px);min-width:var(--app-icon-button-size-sm, 32px);min-height:var(--app-icon-button-size-sm, 32px)}.app-button--icon ion-icon{font-size:.96rem}.app-button--icon.app-button--tone-neutral{--app-button-border: var(--app-button-neutral-border);--app-button-color: var(--app-button-base-color);--app-button-surface: var(--app-button-base-surface);--app-button-surface-hover: var(--app-button-base-surface-hover)}.app-button--icon.app-button--tone-brand{--app-button-border: color-mix(in srgb, var(--app-button-tone-brand) 40%, transparent);--app-button-color: color-mix(in srgb, var(--app-button-tone-brand) 38%, var(--app-button-tone-readable) 62%);--app-button-surface: linear-gradient(180deg, color-mix(in srgb, var(--app-button-tone-brand) 20%, var(--app-button-tone-icon-surface-start)), color-mix(in srgb, var(--app-button-tone-brand-deep) 18%, var(--app-button-tone-icon-surface-end)));--app-button-surface-hover: linear-gradient(180deg, color-mix(in srgb, var(--app-button-tone-brand) 26%, var(--app-button-tone-icon-hover-start)), color-mix(in srgb, var(--app-button-tone-brand-deep) 22%, var(--app-button-tone-icon-hover-end)));--app-button-shadow: 0 2px 6px rgba(57, 14, 8, .22), 0 0 18px color-mix(in srgb, var(--app-button-tone-brand) 20%, transparent), inset 0 1px 0 rgba(255, 226, 220, .1)}.app-button--icon.app-button--tone-success{--app-button-border: color-mix(in srgb, var(--app-button-tone-success) 40%, transparent);--app-button-color: color-mix(in srgb, var(--app-button-tone-success) 38%, var(--app-button-tone-readable) 62%);--app-button-surface: linear-gradient(180deg, color-mix(in srgb, var(--app-button-tone-success) 20%, var(--app-button-tone-icon-surface-start)), color-mix(in srgb, var(--app-button-tone-success-deep) 18%, var(--app-button-tone-icon-surface-end)));--app-button-surface-hover: linear-gradient(180deg, color-mix(in srgb, var(--app-button-tone-success) 26%, var(--app-button-tone-icon-hover-start)), color-mix(in srgb, var(--app-button-tone-success-deep) 22%, var(--app-button-tone-icon-hover-end)));--app-button-shadow: 0 2px 6px rgba(8, 40, 23, .22), 0 0 18px color-mix(in srgb, var(--app-button-tone-success) 20%, transparent), inset 0 1px 0 rgba(225, 255, 237, .1)}.app-button--icon.app-button--tone-warning{--app-button-border: color-mix(in srgb, var(--app-button-tone-warning) 40%, transparent);--app-button-color: color-mix(in srgb, var(--app-button-tone-warning) 44%, var(--app-button-tone-readable) 56%);--app-button-surface: linear-gradient(180deg, color-mix(in srgb, var(--app-button-tone-warning) 18%, var(--app-button-tone-icon-surface-start)), color-mix(in srgb, var(--app-button-tone-warning-deep) 16%, var(--app-button-tone-icon-surface-end)));--app-button-surface-hover: linear-gradient(180deg, color-mix(in srgb, var(--app-button-tone-warning) 24%, var(--app-button-tone-icon-hover-start)), color-mix(in srgb, var(--app-button-tone-warning-deep) 20%, var(--app-button-tone-icon-hover-end)));--app-button-shadow: 0 2px 6px rgba(44, 23, 6, .22), 0 0 18px color-mix(in srgb, var(--app-button-tone-warning) 20%, transparent), inset 0 1px 0 rgba(255, 239, 214, .1)}.app-button--icon.app-button--tone-danger{--app-button-border: color-mix(in srgb, var(--app-button-tone-danger) 40%, transparent);--app-button-color: color-mix(in srgb, var(--app-button-tone-danger) 38%, var(--app-button-tone-readable) 62%);--app-button-surface: linear-gradient(180deg, color-mix(in srgb, var(--app-button-tone-danger) 20%, var(--app-button-tone-icon-surface-start)), color-mix(in srgb, var(--app-button-tone-danger-deep) 18%, var(--app-button-tone-icon-surface-end)));--app-button-surface-hover: linear-gradient(180deg, color-mix(in srgb, var(--app-button-tone-danger) 26%, var(--app-button-tone-icon-hover-start)), color-mix(in srgb, var(--app-button-tone-danger-deep) 22%, var(--app-button-tone-icon-hover-end)));--app-button-shadow: 0 2px 6px rgba(46, 8, 13, .22), 0 0 18px color-mix(in srgb, var(--app-button-tone-danger) 20%, transparent), inset 0 1px 0 rgba(255, 226, 230, .1)}.app-button--switch{--app-button-color: var(--app-button-switch-color);--app-button-border: var(--app-button-switch-border);--app-button-surface: var(--app-button-switch-surface);--app-button-surface-hover: var(--app-button-switch-surface-hover);--app-button-surface-active: var(--app-button-switch-surface-active);--app-button-shadow: var(--app-button-switch-shadow)}.app-button--switch.app-button--tone-brand{--app-button-border: color-mix(in srgb, var(--app-button-tone-brand) 38%, transparent);--app-button-color: color-mix(in srgb, var(--app-button-tone-brand) 38%, var(--app-button-tone-readable) 62%);--app-button-surface: linear-gradient(180deg, color-mix(in srgb, var(--app-button-tone-brand) 18%, var(--app-button-tone-switch-surface-start)), color-mix(in srgb, var(--app-button-tone-brand-deep) 16%, var(--app-button-tone-switch-surface-end))), radial-gradient(circle at 8% 50%, color-mix(in srgb, var(--app-button-tone-brand) 28%, transparent), transparent 34%)}.app-button--switch.app-button--tone-success{--app-button-border: color-mix(in srgb, var(--app-button-tone-success) 38%, transparent);--app-button-color: color-mix(in srgb, var(--app-button-tone-success) 38%, var(--app-button-tone-readable) 62%);--app-button-surface: linear-gradient(180deg, color-mix(in srgb, var(--app-button-tone-success) 18%, var(--app-button-tone-switch-surface-start)), color-mix(in srgb, var(--app-button-tone-success-deep) 16%, var(--app-button-tone-switch-surface-end))), radial-gradient(circle at 8% 50%, color-mix(in srgb, var(--app-button-tone-success) 28%, transparent), transparent 34%)}.app-button--switch.app-button--tone-warning{--app-button-border: color-mix(in srgb, var(--app-button-tone-warning) 38%, transparent);--app-button-color: color-mix(in srgb, var(--app-button-tone-warning) 44%, var(--app-button-tone-readable) 56%);--app-button-surface: linear-gradient(180deg, color-mix(in srgb, var(--app-button-tone-warning) 16%, var(--app-button-tone-switch-surface-start)), color-mix(in srgb, var(--app-button-tone-warning-deep) 14%, var(--app-button-tone-switch-surface-end))), radial-gradient(circle at 8% 50%, color-mix(in srgb, var(--app-button-tone-warning) 28%, transparent), transparent 34%)}.app-button--switch.app-button--tone-danger{--app-button-border: color-mix(in srgb, var(--app-button-tone-danger) 38%, transparent);--app-button-color: color-mix(in srgb, var(--app-button-tone-danger) 38%, var(--app-button-tone-readable) 62%);--app-button-surface: linear-gradient(180deg, color-mix(in srgb, var(--app-button-tone-danger) 18%, var(--app-button-tone-switch-surface-start)), color-mix(in srgb, var(--app-button-tone-danger-deep) 16%, var(--app-button-tone-switch-surface-end))), radial-gradient(circle at 8% 50%, color-mix(in srgb, var(--app-button-tone-danger) 28%, transparent), transparent 34%)}:root[data-app-theme=high-contrast] .app-button{--app-button-border: rgba(255, 255, 255, .34);--app-button-color: #ffffff;--app-button-surface: linear-gradient(180deg, rgba(22, 26, 32, .99), rgba(3, 5, 8, 1));--app-button-surface-hover: linear-gradient(180deg, rgba(35, 40, 48, 1), rgba(6, 8, 12, 1));--app-button-surface-active: linear-gradient(180deg, rgba(4, 5, 8, 1), rgba(20, 24, 30, 1));--app-button-shadow: 0 10px 20px rgba(0, 0, 0, .46), inset 0 1px 0 rgba(255, 255, 255, .14)}:root[data-app-theme=high-contrast] .app-button--solid.app-button--tone-brand,:root[data-app-theme=high-contrast] .app-button--ghost.app-button--tone-brand,:root[data-app-theme=high-contrast] .app-button--icon.app-button--tone-brand,:root[data-app-theme=high-contrast] .app-button--switch.app-button--tone-brand{--app-button-border: rgba(255, 158, 132, .74);--app-button-color: #ffffff;--app-button-surface: linear-gradient(180deg, rgba(255, 92, 62, .98), rgba(87, 11, 2, 1));--app-button-surface-hover: linear-gradient(180deg, rgba(255, 110, 80, 1), rgba(111, 15, 4, 1));--app-button-surface-active: linear-gradient(180deg, rgba(116, 15, 5, 1), rgba(255, 87, 58, .98))}:root[data-app-theme=high-contrast] .app-button--solid.app-button--tone-success,:root[data-app-theme=high-contrast] .app-button--ghost.app-button--tone-success,:root[data-app-theme=high-contrast] .app-button--icon.app-button--tone-success,:root[data-app-theme=high-contrast] .app-button--switch.app-button--tone-success{--app-button-border: rgba(149, 255, 185, .72);--app-button-color: #ffffff;--app-button-surface: linear-gradient(180deg, rgba(44, 190, 110, .98), rgba(3, 67, 32, 1));--app-button-surface-hover: linear-gradient(180deg, rgba(58, 213, 128, 1), rgba(5, 82, 40, 1));--app-button-surface-active: linear-gradient(180deg, rgba(5, 88, 43, 1), rgba(38, 178, 100, .98))}:root[data-app-theme=high-contrast] .app-button--solid.app-button--tone-warning,:root[data-app-theme=high-contrast] .app-button--ghost.app-button--tone-warning,:root[data-app-theme=high-contrast] .app-button--icon.app-button--tone-warning,:root[data-app-theme=high-contrast] .app-button--switch.app-button--tone-warning{--app-button-border: rgba(255, 210, 126, .74);--app-button-color: #ffffff;--app-button-surface: linear-gradient(180deg, rgba(232, 141, 34, .98), rgba(82, 39, 0, 1));--app-button-surface-hover: linear-gradient(180deg, rgba(255, 160, 46, 1), rgba(101, 50, 2, 1));--app-button-surface-active: linear-gradient(180deg, rgba(105, 51, 2, 1), rgba(224, 129, 28, .98))}:root[data-app-theme=high-contrast] .app-button--solid.app-button--tone-danger,:root[data-app-theme=high-contrast] .app-button--ghost.app-button--tone-danger,:root[data-app-theme=high-contrast] .app-button--icon.app-button--tone-danger,:root[data-app-theme=high-contrast] .app-button--switch.app-button--tone-danger{--app-button-border: rgba(255, 160, 170, .76);--app-button-color: #ffffff;--app-button-surface: linear-gradient(180deg, rgba(238, 64, 88, .98), rgba(86, 4, 17, 1));--app-button-surface-hover: linear-gradient(180deg, rgba(255, 78, 102, 1), rgba(108, 7, 23, 1));--app-button-surface-active: linear-gradient(180deg, rgba(113, 7, 24, 1), rgba(225, 55, 79, .98))}.volume-control{display:flex;align-items:center;gap:var(--app-space-2, 8px)}.volume-control__range{width:210px;padding:0 2px}.volume-control__footer{margin-top:var(--app-space-3, 12px)}@media(max-width:768px){.volume-control__range{width:180px}}.section-header__title ion-label,.modal-header__title ion-label{display:inline-flex;align-items:center;gap:var(--app-space-2, 8px);line-height:1.2}.section-header__title ion-icon,.modal-header__title ion-icon,.app-topbar__toolbar ion-title ion-icon{flex-shrink:0;vertical-align:middle}.list-section{overflow-y:auto;flex:1;padding:0!important;min-height:0}.list-section__body{display:block}.popover-panel-host::part(content){padding:0!important;background:transparent;border:0;box-shadow:none;overflow:visible}.popover-panel{width:min(420px,calc(100vw - 24px));min-width:min(420px,calc(100vw - 24px));max-width:calc(100vw - 24px);border:1px solid var(--app-device-border);border-radius:var(--app-radius-2xl);background:var(--app-device-panel-2);box-shadow:var(--app-device-shadow),var(--app-device-glow-cyan);overflow:hidden}.popover-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-2, 8px);padding:14px 16px 10px;border-bottom:1px solid var(--app-popover-header-border)}.popover-panel__title{flex:1 1 auto;min-width:0}.popover-panel__close{flex:0 0 auto;margin-inline-start:auto;align-self:center}.popover-panel__close::part(native){min-height:30px}.popover-panel__body{padding:0}.content-popover-frame{position:relative;max-width:calc(100vw - 24px)}.content-popover-frame__close{position:absolute;top:var(--app-space-2, 8px);right:var(--app-space-2, 8px);z-index:10}.content-popover-frame__close::part(native){background:var(--app-content-close-surface);box-shadow:var(--app-content-close-shadow)}.action-dock{width:100%}.action-dock--floating{position:absolute;left:0;right:0;bottom:0}.app-topbar__toolbar{border-bottom:1px solid var(--app-border-subtle)}.app-topbar__start,.app-topbar__end{display:inline-flex;align-items:center;gap:8px}.app-topbar__center{display:flex;justify-content:center}.app-topbar__bottom{display:flex;align-items:center;justify-content:center;padding:0 var(--app-space-2, 8px) 6px;border-bottom:1px solid var(--app-border-subtle);background:var(--app-topbar-bottom-surface)}.app-topbar--surface-glass .app-topbar__toolbar{--background: var(--app-topbar-glass-surface)}.app-topbar--surface-glass .app-topbar__bottom{background:var(--app-topbar-glass-bottom-surface)}.app-topbar--surface-solid{backdrop-filter:none;-webkit-backdrop-filter:none}.app-topbar--surface-solid .app-topbar__toolbar{--background: var(--app-topbar-solid-toolbar-surface)}.app-topbar--surface-solid .app-topbar__bottom{background:var(--app-topbar-solid-toolbar-surface)}.app-topbar--density-comfortable .app-topbar__toolbar{--min-height: var(--app-toolbar-height-comfortable, 56px);padding-inline:var(--app-space-2, 8px)}.app-topbar--density-compact .app-topbar__toolbar{--min-height: var(--app-toolbar-height-compact, 50px);padding-inline:var(--app-space-2, 8px)}.app-topbar--density-dense .app-topbar__toolbar{--min-height: var(--app-toolbar-height-dense, 46px);padding-inline:var(--app-space-1, 6px)}.app-topbar--density-dense .app-topbar__start,.app-topbar--density-dense .app-topbar__end{gap:6px}.menu-popover::part(content){border-radius:var(--app-radius-md);border:1px solid var(--app-border-subtle);background:var(--app-menu-popover-surface);box-shadow:var(--app-shadow-strong)}.menu-popover__content{--background: transparent}.menu-popover__header{display:flex;align-items:center;gap:var(--app-space-2, 8px);padding:14px 14px 8px;border-bottom:1px solid var(--app-popover-header-border);font-weight:700}.app-menu-list,.menu-popover__list{margin:0;background:transparent;padding:6px}.app-menu-list ion-item,.app-menu-item,.menu-popover__item{--border-radius: var(--app-radius-sm);--padding-start: 10px;--inner-padding-end: 10px;--min-height: 42px}.app-menu-list ion-icon[slot=start],.app-menu-item ion-icon[slot=start],.menu-popover__item ion-icon[slot=start]{margin-inline-end:8px!important;font-size:1rem}.app-menu-list ion-label,.app-menu-label,.menu-popover__label{margin:0;min-width:0;max-width:100%;display:block;flex:1 1 auto}.menu-popover__header .text-root,.popover-panel__header .text-root,.app-menu-list .text-root,.app-menu-label .text-root,.menu-popover__label .text-root,.app-menu-list .text-marquee,.app-menu-label .text-marquee,.menu-popover__label .text-marquee{max-width:100%}.app-menu-list hr{margin:4px 10px;border:0;border-top:1px solid var(--app-border-subtle);opacity:.9}.menu-popover--tone-default::part(content){border:1px solid var(--app-border-subtle);background:var(--app-menu-popover-surface)}.menu-popover--tone-contrast::part(content){border:1px solid var(--app-menu-popover-contrast-border);background:var(--app-menu-popover-contrast-surface)}.menu-popover--tone-danger::part(content){border:1px solid var(--app-menu-popover-danger-border);background:var(--app-menu-popover-danger-surface)}.app-menu-list--density-comfortable,.menu-popover--density-comfortable .menu-popover__list{padding:var(--app-popover-list-padding-comfortable, 6px)}.app-menu-list--density-comfortable ion-item,.app-menu-list--density-comfortable .app-menu-item,.menu-popover--density-comfortable .menu-popover__item{--min-height: var(--app-menu-item-height-comfortable, 44px)}.app-menu-list--density-compact,.menu-popover--density-compact .menu-popover__list{padding:var(--app-popover-list-padding-compact, 4px)}.app-menu-list--density-compact ion-item,.app-menu-list--density-compact .app-menu-item,.menu-popover--density-compact .menu-popover__item{--min-height: var(--app-menu-item-height-compact, 40px)}.app-menu-list--density-dense,.menu-popover--density-dense .menu-popover__list{padding:var(--app-popover-list-padding-dense, 2px)}.app-menu-list--density-dense ion-item,.app-menu-list--density-dense .app-menu-item,.menu-popover--density-dense .menu-popover__item{--min-height: var(--app-menu-item-height-dense, 36px)}.modal-header__toolbar{--background: var(--app-modal-header-surface);border-bottom:1px solid var(--app-border-subtle)}.modal-header__title{display:inline-flex;align-items:center;gap:var(--app-space-2, 8px);line-height:1.2;padding-inline:10px}.modal-header__title.modal-header__title--flush{padding-inline-start:0!important;padding-inline-end:0!important;margin-inline-start:0!important}.modal-header__close{--app-button-color: var(--app-device-muted);--app-button-border: var(--app-button-neutral-border);width:var(--app-icon-button-size-sm, 32px);min-width:var(--app-icon-button-size-sm, 32px);height:var(--app-icon-button-size-sm, 32px);margin:0;opacity:.92}.modal-header__close::part(native){padding:0}.modal-header__close ion-icon{font-size:.95rem}.modal-header--tone-default .modal-header__toolbar{--background: var(--app-modal-header-surface);border-bottom:1px solid var(--app-border-subtle)}.modal-header--tone-contrast .modal-header__toolbar{--background: var(--app-modal-header-contrast-surface);border-bottom:1px solid var(--app-modal-header-contrast-border)}.modal-header--tone-danger .modal-header__toolbar{--background: var(--app-modal-header-danger-surface);border-bottom:1px solid var(--app-modal-header-danger-border)}.modal-header--density-comfortable .modal-header__toolbar{--min-height: var(--app-toolbar-height-comfortable, 56px);padding-inline:var(--app-space-2, 8px)}.modal-header--density-compact .modal-header__toolbar{--min-height: var(--app-toolbar-height-compact, 50px);padding-inline:var(--app-space-2, 8px)}.modal-header--density-dense .modal-header__toolbar{--min-height: var(--app-toolbar-height-dense, 46px);padding-inline:var(--app-space-1, 6px)}.text-root{width:100%;max-width:var(--text-max-width, 100%);display:block;overflow:hidden;white-space:nowrap;word-break:keep-all;overflow-wrap:normal}.text-root--wrap{overflow:visible;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.text-marquee{position:relative}.text-marquee--static{overflow:hidden}.text-marquee__track{display:inline-flex;align-items:center;gap:32px;white-space:nowrap;will-change:transform}.text-marquee__content{display:inline-block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.text-marquee__track--animate{animation:text-marquee-move var(--text-marquee-duration, 12s) linear infinite}@keyframes text-marquee-move{0%{transform:translateZ(0)}to{transform:translate3d(calc(-1 * var(--text-marquee-distance, 0px)),0,0)}}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:url(/assets/fonts/Montserrat.ttf) format("truetype");font-display:swap}:root{--app-font-family: "Montserrat", "Avenir Next", "Segoe UI", sans-serif;--app-font-family-heading: "Montserrat", "Avenir Next Demi Bold", sans-serif;--app-space-1: 4px;--app-space-2: 8px;--app-space-3: 12px;--app-space-4: 16px;--app-space-5: 20px;--app-space-6: 24px;--app-space-8: 32px;--app-layout-max-width: 1024px;--app-layout-max-width-narrow: 1160px;--app-radius-xs: 2px;--app-radius-sm: 3px;--app-radius-md: 6px;--app-radius-lg: 8px;--app-radius-xl: 10px;--app-radius-2xl: 12px;--app-radius-pill: 999px;--app-color-neutral-950: #090d12;--app-color-neutral-900: #0f151e;--app-color-neutral-850: #151d28;--app-color-neutral-800: #1c2633;--app-color-neutral-100: #f4f5f8;--app-color-white: #ffffff;--app-color-brand-700: #8a1700;--app-color-brand-600: #ad2605;--app-color-brand-500: #c8320d;--app-color-brand-500-rgb: 200, 50, 13;--app-color-brand-400: #d84825;--app-color-brand-300: #ea5b32;--app-color-secondary-600: #750000;--app-color-secondary-500: #850000;--app-color-secondary-500-rgb: 133, 0, 0;--app-color-secondary-400: #911a1a;--app-color-tertiary-600: #1a3001;--app-color-tertiary-500: #1e3701;--app-color-tertiary-500-rgb: 30, 55, 1;--app-color-tertiary-400: #354b1a;--app-color-success-600: #4d7d11;--app-color-success-500: #5c9418;--app-color-success-500-rgb: 92, 148, 24;--app-color-success-400: #70a832;--app-color-warning-600: #9d3712;--app-color-warning-500: #b94716;--app-color-warning-500-rgb: 185, 71, 22;--app-color-warning-400: #c85d32;--app-color-danger-600: #b81f22;--app-color-danger-500: #d12b2f;--app-color-danger-500-rgb: 209, 43, 47;--app-color-danger-400: #dc4548;--app-color-medium-600: #292929;--app-color-medium-500: #2f2f2f;--app-color-medium-500-rgb: 47, 47, 47;--app-color-medium-400: #444444;--app-color-dark-500: #1c1c1c;--app-color-dark-500-rgb: 28, 28, 28;--app-color-dark-400: #333333;--app-surface-0: var(--app-color-neutral-950);--app-surface-0-rgb: 9, 13, 18;--app-surface-1: var(--app-color-neutral-900);--app-surface-2: var(--app-color-neutral-850);--app-surface-3: var(--app-color-neutral-800);--app-text-primary: var(--app-color-white);--app-text-primary-rgb: 255, 255, 255;--app-text-muted: #b6c2d0;--app-border-subtle: rgba(255, 255, 255, .1);--app-border-strong: rgba(255, 255, 255, .2);--app-gradient-brand: linear-gradient( 135deg, var(--app-color-brand-700) 0%, var(--app-color-brand-500) 40%, var(--app-color-brand-300) 100% );--app-gradient-surface: radial-gradient( 110% 80% at 0% -20%, rgba(173, 35, 1, .28) 0%, rgba(173, 35, 1, 0) 55% ), radial-gradient( 90% 65% at 100% 0%, rgba(30, 55, 1, .18) 0%, rgba(30, 55, 1, 0) 60% ), linear-gradient(180deg, var(--app-surface-0) 0%, var(--app-surface-1) 100%);--app-device-bg: radial-gradient(48% 22% at 50% 0%, rgba(255, 69, 46, .18), transparent 70%), radial-gradient(24% 16% at 18% 10%, rgba(98, 159, 255, .16), transparent 75%), radial-gradient(22% 14% at 82% 16%, rgba(78, 129, 255, .12), transparent 74%), linear-gradient(180deg, #040912 0%, #07111e 44%, #08111d 100%);--app-toolbar-surface: linear-gradient(180deg, rgba(12, 18, 29, .92), rgba(10, 16, 25, .88));--app-item-surface: rgba(15, 21, 30, .75);--app-button-ghost-surface: linear-gradient(180deg, rgba(17, 24, 35, .76), rgba(10, 15, 24, .82));--app-card-header-surface: linear-gradient(180deg, rgba(21, 31, 45, .92), rgba(15, 23, 34, .8)), radial-gradient(circle at top center, rgba(255, 83, 60, .12), transparent 30%);--app-device-panel: linear-gradient(180deg, rgba(19, 27, 40, .96), rgba(10, 15, 24, .98));--app-device-panel-2: linear-gradient(180deg, rgba(22, 32, 47, .94), rgba(11, 17, 27, .98));--app-device-border: rgba(140, 170, 214, .18);--app-device-border-strong: rgba(255, 91, 66, .34);--app-device-text: #edf5ff;--app-device-muted: rgba(193, 209, 230, .74);--app-device-red: #ff604a;--app-device-red-soft: #ff8c6f;--app-device-cyan: #bcc7d6;--app-device-cyan-strong: #d1dae6;--app-device-glow-red: 0 0 24px rgba(255, 82, 58, .2);--app-device-glow-cyan: 0 0 20px rgba(164, 182, 208, .12);--app-device-shadow: 0 24px 48px rgba(0, 0, 0, .46);--app-native-chrome-color: #08111d;--app-native-status-bar-color: #05080d;--app-native-navigation-bar-color: #160907;--app-native-window-color: #08111d;--app-native-chrome-style: dark;--app-native-navigation-bar-style: dark;--app-color-scheme: dark;--app-scrollbar-thumb: rgba(173, 35, 1, .8);--app-body-overlay: radial-gradient(circle at 50% 0%, rgba(255, 73, 51, .16), transparent 22%), linear-gradient(180deg, rgba(4, 9, 16, 0), rgba(4, 9, 16, .34));--app-body-grid: radial-gradient( circle at center, rgba(166, 190, 220, .08) 0, rgba(166, 190, 220, .08) 1px, transparent 1px );--app-body-grid-opacity: .18;--app-shell-header-surface: radial-gradient(72% 120% at 50% -38%, rgba(44, 50, 58, .32), transparent 58%), radial-gradient(52% 90% at 16% -22%, rgba(24, 29, 36, .22), transparent 62%), linear-gradient(180deg, rgba(9, 12, 17, .99), rgba(2, 4, 7, .98));--app-shell-header-surface-mobile: radial-gradient(118% 150% at 50% -36%, rgba(45, 51, 60, .38), transparent 56%), radial-gradient(74% 120% at 12% -20%, rgba(23, 28, 35, .28), transparent 58%), linear-gradient(180deg, rgba(10, 13, 18, 1), rgba(2, 4, 7, .99));--app-shell-header-shadow: 0 14px 28px rgba(0, 0, 0, .28);--app-shell-header-shadow-mobile: 0 12px 24px rgba(0, 0, 0, .34);--app-shell-header-glow: radial-gradient(70% 100% at 50% 0%, rgba(38, 44, 52, .34), transparent 64%), radial-gradient(88% 100% at 50% 0%, rgba(0, 0, 0, .7), transparent 74%);--app-shell-header-glow-mobile: radial-gradient(82% 100% at 50% 0%, rgba(43, 49, 58, .4), transparent 64%), radial-gradient(90% 100% at 50% 0%, rgba(0, 0, 0, .78), transparent 74%);--app-topbar-solid-surface: radial-gradient(96% 150% at 50% -44%, rgba(45, 51, 60, .36), transparent 58%), radial-gradient(58% 115% at 18% -30%, rgba(24, 29, 36, .24), transparent 62%), linear-gradient(180deg, rgba(10, 13, 18, 1), rgba(2, 4, 7, .99));--app-topbar-solid-surface-mobile: radial-gradient(132% 190% at 50% -48%, rgba(46, 52, 61, .44), transparent 56%), radial-gradient(86% 140% at 8% -26%, rgba(24, 29, 36, .3), transparent 58%), linear-gradient(180deg, rgba(10, 13, 18, 1), rgba(1, 3, 6, 1));--app-topbar-solid-glow: radial-gradient(82% 100% at 50% 0%, rgba(43, 49, 58, .42), transparent 64%), radial-gradient(90% 100% at 50% 0%, rgba(0, 0, 0, .82), transparent 74%);--app-topbar-solid-glow-mobile: radial-gradient(88% 100% at 50% 0%, rgba(43, 49, 58, .48), transparent 64%), radial-gradient(92% 100% at 50% 0%, rgba(0, 0, 0, .86), transparent 74%);--app-logo-shadow: drop-shadow(0 4px 12px rgba(0, 0, 0, .4));--app-card-accent-glow: radial-gradient(circle at top center, rgba(255, 83, 60, .08), transparent 30%);--app-card-header-border: rgba(149, 177, 217, .12);--app-card-header-shadow: 0 1px 0 rgba(255, 255, 255, .04);--app-card-content-scrim: linear-gradient(180deg, rgba(0, 0, 0, .28), rgba(0, 0, 0, 0));--app-range-background: #1a1a1a;--app-range-bar-background: #444444;--app-range-active: #ff6b00;--app-range-pin-text: #ffffff;--app-focus-ring: rgba(173, 35, 1, .92);--app-select-focus-border: rgba(255, 96, 74, .38);--app-select-focus-shadow: 0 0 0 3px rgba(255, 96, 74, .12);--app-item-hover-surface: rgba(21, 29, 40, .92);--app-item-active-surface: rgba(24, 33, 46, .95);--app-detail-icon-color: rgba(189, 195, 204, .85);--app-action-menu-surface: rgba(23, 33, 45, .88);--app-action-menu-surface-hover: rgba(33, 44, 58, .92);--app-action-menu-surface-active: rgba(16, 24, 33, .95);--app-action-menu-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), inset 0 -1px 0 rgba(0, 0, 0, .26);--app-status-idle: #f4b249;--app-status-idle-deep: #b96815;--app-status-idle-text: #fff6e2;--app-status-in-room: #5fe292;--app-status-in-room-deep: #198a50;--app-status-in-room-text: #effff5;--app-status-muted: #ff5c71;--app-status-muted-deep: #a81930;--app-status-muted-text: #fff2f4;--app-status-offline: #a5b0be;--app-status-offline-deep: #5d6776;--app-status-offline-text: #f2f6fb;--app-status-indicator-border: rgba(9, 16, 26, .92);--app-profile-avatar-fallback-surface: linear-gradient(180deg, rgba(29, 39, 52, .92), rgba(10, 16, 26, .96));--app-profile-avatar-fallback-color: var(--app-device-cyan-strong);--app-profile-avatar-fallback-border: rgba(149, 177, 217, .2);--app-profile-avatar-fallback-shadow: 0 8px 16px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .08);--app-button-base-border: rgba(150, 177, 214, .16);--app-button-base-color: var(--app-device-cyan);--app-button-base-surface: linear-gradient(180deg, rgba(21, 30, 42, .92), rgba(11, 17, 27, .96));--app-button-base-surface-hover: linear-gradient(180deg, rgba(26, 36, 49, .94), rgba(13, 19, 30, .98));--app-button-base-surface-active: linear-gradient(180deg, rgba(16, 24, 35, .94), rgba(8, 13, 22, .98));--app-button-base-shadow: 0 1px 2px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .04);--app-button-contrast-text: #f7fbff;--app-button-tone-readable: #ffffff;--app-button-tone-surface-start: rgba(18, 24, 35, .92);--app-button-tone-surface-end: rgba(10, 15, 24, .97);--app-button-tone-hover-start: rgba(20, 27, 38, .94);--app-button-tone-hover-end: rgba(11, 16, 25, .99);--app-button-tone-icon-surface-start: rgba(18, 24, 35, .95);--app-button-tone-icon-surface-end: rgba(9, 13, 20, .99);--app-button-tone-icon-hover-start: rgba(20, 27, 38, .97);--app-button-tone-icon-hover-end: rgba(10, 14, 21, 1);--app-button-tone-switch-surface-start: rgba(13, 19, 28, .97);--app-button-tone-switch-surface-end: rgba(8, 12, 19, .99);--app-button-tone-warning: #f4b249;--app-button-neutral-border: rgba(148, 176, 214, .18);--app-button-switch-color: #edf5ff;--app-button-switch-border: rgba(126, 149, 182, .16);--app-button-switch-surface: linear-gradient(180deg, rgba(13, 19, 28, .94), rgba(8, 12, 19, .98)), radial-gradient(circle at 8% 50%, rgba(168, 186, 208, .06), transparent 34%);--app-button-switch-surface-hover: linear-gradient(180deg, rgba(16, 22, 31, .96), rgba(9, 13, 21, 1)), radial-gradient(circle at 8% 50%, rgba(168, 186, 208, .09), transparent 36%);--app-button-switch-surface-active: linear-gradient(180deg, rgba(10, 15, 23, .98), rgba(7, 10, 16, 1)), radial-gradient(circle at 8% 50%, rgba(168, 186, 208, .08), transparent 32%);--app-button-switch-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 6px 14px rgba(0, 0, 0, .18);--app-popover-header-border: rgba(255, 255, 255, .06);--app-content-close-surface: linear-gradient(180deg, rgba(21, 30, 42, .96), rgba(11, 17, 27, .98));--app-content-close-shadow: 0 8px 16px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .06);--app-topbar-bottom-surface: rgba(9, 13, 18, .88);--app-topbar-glass-surface: rgba(9, 13, 18, .8);--app-topbar-glass-bottom-surface: rgba(9, 13, 18, .76);--app-topbar-solid-toolbar-surface: rgba(9, 13, 18, .98);--app-menu-popover-surface: linear-gradient(180deg, rgba(21, 29, 40, .98), rgba(13, 19, 27, .96));--app-menu-popover-contrast-border: rgba(167, 149, 145, .22);--app-menu-popover-contrast-surface: linear-gradient(180deg, rgba(36, 38, 45, .98), rgba(22, 24, 30, .96));--app-menu-popover-danger-border: rgba(255, 90, 101, .44);--app-menu-popover-danger-surface: linear-gradient(180deg, rgba(78, 25, 35, .98), rgba(49, 15, 23, .96));--app-modal-header-surface: rgba(9, 13, 18, .82);--app-modal-header-contrast-surface: rgba(30, 31, 38, .9);--app-modal-header-contrast-border: rgba(167, 149, 145, .22);--app-modal-header-danger-surface: rgba(69, 18, 22, .88);--app-modal-header-danger-border: rgba(255, 82, 92, .35);--app-auth-page-backdrop: radial-gradient(circle at 50% 14%, rgba(255, 68, 48, .2), transparent 26%), radial-gradient(circle at 18% 12%, rgba(121, 181, 255, .14), transparent 24%), radial-gradient(circle at 85% 20%, rgba(72, 128, 255, .12), transparent 20%), linear-gradient(180deg, rgba(5, 9, 16, .56), rgba(4, 9, 16, 0));--app-auth-page-grid: radial-gradient(circle at center, rgba(173, 196, 226, .12) 0, rgba(173, 196, 226, .12) 1px, transparent 1px), linear-gradient(180deg, rgba(10, 18, 32, 0) 0%, rgba(10, 18, 32, .68) 100%);--app-auth-shell-surface: linear-gradient(180deg, rgba(19, 27, 40, .94), rgba(9, 15, 24, .98)), radial-gradient(circle at top, rgba(255, 80, 59, .08), transparent 24%);--app-auth-shell-border: rgba(156, 184, 224, .18);--app-auth-shell-shadow: 0 28px 60px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .07), inset 0 0 0 1px rgba(79, 106, 144, .1);--app-auth-shell-highlight: radial-gradient(circle at 50% 0%, rgba(255, 78, 59, .14), transparent 36%), linear-gradient(90deg, transparent, rgba(116, 176, 255, .18), transparent);--app-auth-shell-grid: radial-gradient(circle at center, rgba(166, 189, 218, .1) 0, rgba(166, 189, 218, .1) 1px, transparent 1px);--app-auth-card-surface: linear-gradient(180deg, rgba(17, 24, 36, .92), rgba(10, 15, 23, .94)), radial-gradient(circle at top, rgba(255, 82, 61, .08), transparent 28%);--app-auth-card-border: rgba(153, 182, 219, .15);--app-auth-card-shadow: 0 18px 32px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .04);--app-auth-card-header-surface: linear-gradient(180deg, rgba(17, 25, 38, .94), rgba(12, 18, 28, .82)), radial-gradient(circle at top center, rgba(255, 77, 57, .14), transparent 30%);--app-auth-card-header-border: rgba(153, 182, 219, .14);--app-auth-brand-shadow: drop-shadow(0 10px 20px rgba(0, 0, 0, .42));--app-auth-title: #eef6ff;--app-auth-subtitle: rgba(204, 219, 239, .82);--app-auth-legal: rgba(182, 200, 226, .74);--app-auth-meta: rgba(191, 208, 231, .82);--app-auth-link: #c8d3de;--app-auth-link-accent: #9edbff;--app-auth-icon-surface: radial-gradient(circle at 35% 25%, rgba(255, 255, 255, .16), transparent 34%), linear-gradient(180deg, rgba(25, 36, 52, .92), rgba(13, 20, 30, .96));--app-auth-icon-border: rgba(143, 173, 214, .2);--app-auth-icon-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 18px 28px rgba(0, 0, 0, .24);--app-auth-icon-color: #d7e6fb;--app-auth-footer-surface: linear-gradient(180deg, rgba(14, 21, 31, .92), rgba(10, 15, 23, .98)), radial-gradient(circle at top center, rgba(255, 78, 59, .08), transparent 30%);--app-auth-footer-border: rgba(153, 182, 219, .12);--app-field-surface: linear-gradient(180deg, rgba(17, 24, 35, .88), rgba(11, 18, 27, .94));--app-field-border: rgba(133, 162, 205, .18);--app-field-border-focus: rgba(255, 98, 69, .46);--app-field-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 10px 18px rgba(0, 0, 0, .16);--app-field-shadow-focus: 0 0 0 1px rgba(255, 80, 57, .28), 0 0 20px rgba(255, 86, 62, .12), 0 14px 26px rgba(0, 0, 0, .24);--app-field-text: #eef5ff;--app-field-placeholder: rgba(186, 202, 223, .66);--app-field-highlight: rgba(255, 92, 66, .84);--app-field-helper: rgba(183, 201, 225, .68);--app-field-label: rgba(182, 200, 226, .82);--app-field-autofill-surface: rgba(15, 21, 30, .95);--app-form-error-surface: linear-gradient(180deg, rgba(103, 25, 31, .92), rgba(70, 17, 23, .88));--app-form-error-border: rgba(255, 130, 130, .24);--app-form-error-text: #ffffff;--app-form-error-shadow: 0 8px 16px rgba(0, 0, 0, .16);--app-form-control-track: rgba(88, 112, 146, .44);--app-form-control-track-checked: rgba(255, 98, 69, .92);--app-form-control-surface: rgba(17, 24, 35, .92);--app-form-control-surface-checked: rgba(255, 98, 69, .92);--app-form-control-border: rgba(133, 162, 205, .22);--app-form-control-border-checked: rgba(255, 98, 69, .3);--app-form-control-checkmark: #ffffff;--app-form-control-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);--app-sticky-footer-surface: linear-gradient(180deg, rgba(16, 24, 35, .9), rgba(10, 16, 24, .98)), radial-gradient(circle at top center, rgba(255, 88, 62, .08), transparent 34%);--app-sticky-footer-border: rgba(149, 177, 217, .12);--app-modal-panel-surface: linear-gradient(180deg, rgba(18, 27, 39, .94), rgba(10, 16, 25, .98)), radial-gradient(circle at top center, rgba(255, 90, 67, .07), transparent 34%);--app-modal-panel-border: rgba(149, 177, 217, .14);--app-modal-panel-shadow: 0 18px 30px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .04);--app-modal-editor-surface: linear-gradient(180deg, rgba(15, 22, 31, .92), rgba(8, 12, 20, .98)), radial-gradient(circle at top center, rgba(188, 203, 227, .04), transparent 40%);--app-modal-editor-border: rgba(145, 172, 214, .14);--app-player-shell-surface: linear-gradient(180deg, rgba(16, 24, 36, .58), rgba(7, 11, 18, .72)), radial-gradient(circle at top left, rgba(255, 109, 83, .12), transparent 34%);--app-player-shell-border: rgba(158, 186, 222, .14);--app-player-shell-shadow: 0 12px 24px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .06);--app-player-shell-overlay: linear-gradient(180deg, rgba(255, 255, 255, .08), transparent 18%, transparent 72%, rgba(4, 8, 14, .18)), radial-gradient(circle at 18% 0%, rgba(255, 255, 255, .12), transparent 30%);--app-player-description: rgba(193, 209, 230, .78);--app-player-equalizer-layer-opacity: .74;--app-player-equalizer-canvas-opacity: 1;--app-player-equalizer-glow: radial-gradient(circle at 18% 0%, rgba(255, 122, 138, .22), transparent 40%), radial-gradient(circle at 82% 100%, rgba(255, 68, 92, .16), transparent 46%);--app-player-equalizer-overlay: linear-gradient(180deg, rgba(255, 255, 255, .04), transparent 24%, rgba(10, 4, 6, .12));--app-player-equalizer-ambient-active: rgba(255, 72, 96, .13);--app-player-equalizer-ambient-idle: rgba(255, 72, 96, .03);--app-player-equalizer-ambient-end: rgba(255, 72, 96, 0);--app-player-equalizer-bar-top: hsla(358, 88%, 64%, .98);--app-player-equalizer-bar-mid: hsla(358, 88%, 64%, .62);--app-player-equalizer-bar-bottom: hsla(358, 88%, 64%, .22);--app-player-equalizer-shadow-active: rgba(255, 68, 92, .3);--app-player-equalizer-shadow-idle: rgba(255, 68, 92, .07);--app-player-equalizer-stroke: rgba(255, 96, 120, .2);--app-map-overlay-dark: linear-gradient(180deg, rgba(9, 13, 18, .45) 0%, rgba(9, 13, 18, .18) 18%, rgba(9, 13, 18, 0) 36%);--app-map-overlay-light: linear-gradient(180deg, rgba(255, 255, 255, .32) 0%, rgba(255, 255, 255, .08) 18%, rgba(255, 255, 255, 0) 34%);--app-map-canvas-fill-dark: #09121d;--app-map-canvas-bg-dark: radial-gradient(circle at 20% 18%, rgba(57, 95, 145, .18), transparent 30%), radial-gradient(circle at 84% 12%, rgba(255, 98, 69, .1), transparent 28%), linear-gradient(180deg, #08111c 0%, #0b1623 48%, #0a121d 100%);--app-map-canvas-fill-light: #d7e2ee;--app-map-canvas-bg-light: radial-gradient(circle at 18% 18%, rgba(132, 165, 205, .28), transparent 32%), radial-gradient(circle at 82% 14%, rgba(255, 167, 138, .18), transparent 26%), linear-gradient(180deg, #d9e4f0 0%, #c8d6e6 52%, #d3dde9 100%);--app-map-action-surface: rgba(9, 13, 18, .68);--app-map-action-surface-hover: rgba(9, 13, 18, .82);--app-map-action-surface-active: rgba(9, 13, 18, .88);--app-map-marker-fallback: rgb(211, 211, 211);--app-map-marker-shadow: 0 4px 10px rgba(0, 0, 0, .35);--app-map-marker-speaking: var(--app-color-success-500);--app-map-marker-self: var(--app-color-brand-500);--app-map-marker-default: var(--app-color-secondary-500);--app-map-label-bg-dark: var(--app-color-neutral-950);--app-map-label-color-dark: var(--app-color-white);--app-map-label-bg-light: var(--app-color-white);--app-map-label-color-light: var(--app-color-neutral-950);--app-map-distance-bg-dark: rgba(0, 0, 0, .5);--app-map-distance-text-dark: var(--app-color-white);--app-map-distance-bg-light: rgba(255, 255, 255, .5);--app-map-distance-text-light: var(--app-color-neutral-950);--app-map-distance-shadow: 0 2px 6px rgba(0, 0, 0, .3);--app-loading-overlay-surface: rgba(9, 13, 18, .5);--app-loading-overlay-surface-auth: rgba(9, 13, 18, .78);--app-loading-overlay-surface-strong: rgba(9, 13, 18, .88);--app-shadow-soft: 0 8px 24px rgba(0, 0, 0, .35);--app-shadow-strong: 0 14px 40px rgba(0, 0, 0, .45);--app-transition-fast: .16s cubic-bezier(.22, .61, .36, 1);--app-transition-normal: .24s cubic-bezier(.22, .61, .36, 1);--app-shell-font-size: 16px;--app-toolbar-height-comfortable: 56px;--app-toolbar-height-compact: 52px;--app-toolbar-height-dense: 44px;--app-menu-item-height-comfortable: 46px;--app-menu-item-height-compact: 40px;--app-menu-item-height-dense: 34px;--app-list-item-height: 50px;--app-button-height-sm: 34px;--app-button-height-md: 40px;--app-button-padding-sm: 10px;--app-button-padding-md: 14px;--app-icon-button-size-sm: 34px;--app-icon-button-size-md: 40px;--app-popover-list-padding-comfortable: 8px;--app-popover-list-padding-compact: 4px;--app-popover-list-padding-dense: 2px;--app-room-rail-width: 104px;--app-room-rail-width-tablet: 110px;--app-room-rail-width-mobile: 76px;--app-toolbar-height: var(--app-toolbar-height-comfortable)}:root[data-app-theme=high-contrast]{--app-color-brand-700: #761100;--app-color-brand-600: #bf2a08;--app-color-brand-500: #f04b24;--app-color-brand-500-rgb: 240, 75, 36;--app-color-brand-400: #ff6a46;--app-color-brand-300: #ff9a80;--app-color-success-600: #075d2e;--app-color-success-500: #28b66b;--app-color-success-500-rgb: 40, 182, 107;--app-color-success-400: #6deda4;--app-color-warning-600: #744000;--app-color-warning-500: #dd8a20;--app-color-warning-500-rgb: 221, 138, 32;--app-color-warning-400: #ffc35f;--app-color-danger-600: #7a0718;--app-color-danger-500: #e73958;--app-color-danger-500-rgb: 231, 57, 88;--app-color-danger-400: #ff7d91;--app-surface-0-rgb: 6, 9, 13;--app-device-bg: radial-gradient(62% 28% at 50% 0%, rgba(255, 104, 78, .24), transparent 62%), radial-gradient(18% 12% at 14% 12%, rgba(255, 255, 255, .08), transparent 72%), linear-gradient(180deg, #010203 0%, #05070b 46%, #080b0f 100%);--app-toolbar-surface: linear-gradient(180deg, rgba(5, 7, 10, .98), rgba(8, 10, 14, .94));--app-item-surface: rgba(8, 10, 13, .9);--app-button-ghost-surface: linear-gradient(180deg, rgba(14, 18, 23, .94), rgba(7, 9, 13, .98));--app-card-header-surface: linear-gradient(180deg, rgba(13, 16, 20, .98), rgba(7, 9, 12, .96)), radial-gradient(circle at top center, rgba(255, 120, 91, .18), transparent 36%);--app-device-panel: linear-gradient(180deg, rgba(10, 12, 16, .98), rgba(3, 5, 8, 1));--app-device-panel-2: linear-gradient(180deg, rgba(14, 17, 22, .98), rgba(5, 7, 10, 1));--app-text-muted: #d9e2ed;--app-border-subtle: rgba(255, 255, 255, .22);--app-border-strong: rgba(255, 255, 255, .35);--app-device-border: rgba(229, 238, 250, .34);--app-device-border-strong: rgba(255, 120, 91, .56);--app-device-text: #ffffff;--app-device-muted: rgba(239, 244, 251, .86);--app-device-red: #ff7a5c;--app-device-red-soft: #ffb199;--app-device-cyan: #eef4fb;--app-device-cyan-strong: #ffffff;--app-device-glow-red: 0 0 28px rgba(255, 106, 76, .2);--app-device-glow-cyan: 0 0 18px rgba(255, 255, 255, .1);--app-device-shadow: 0 28px 60px rgba(0, 0, 0, .62);--app-player-equalizer-layer-opacity: .86;--app-player-equalizer-canvas-opacity: 1;--app-player-equalizer-ambient-active: rgba(255, 122, 92, .18);--app-player-equalizer-ambient-idle: rgba(255, 122, 92, .04);--app-player-equalizer-bar-top: hsla(13, 100%, 72%, 1);--app-player-equalizer-bar-mid: hsla(13, 100%, 72%, .72);--app-player-equalizer-bar-bottom: hsla(13, 100%, 72%, .26);--app-player-equalizer-shadow-active: rgba(255, 122, 92, .34);--app-player-equalizer-stroke: rgba(255, 188, 168, .28);--app-native-chrome-color: #05070b;--app-native-status-bar-color: #010203;--app-native-navigation-bar-color: #170604;--app-native-window-color: #05070b;--app-native-chrome-style: dark;--app-native-navigation-bar-style: dark;--app-color-scheme: dark;--app-gradient-surface: radial-gradient( 120% 90% at 0% -25%, rgba(173, 35, 1, .3) 0%, rgba(173, 35, 1, 0) 60% ), linear-gradient(180deg, #06090d 0%, #0c1118 100%);--app-auth-shell-border: rgba(229, 238, 250, .28);--app-auth-card-border: rgba(229, 238, 250, .24);--app-auth-card-header-border: rgba(229, 238, 250, .22);--app-auth-subtitle: rgba(228, 236, 246, .88);--app-auth-legal: rgba(220, 230, 242, .82);--app-auth-meta: rgba(232, 239, 248, .88);--app-field-border: rgba(229, 238, 250, .24);--app-field-border-focus: rgba(255, 120, 91, .48);--app-field-highlight: rgba(255, 120, 91, .88);--app-form-error-border: rgba(255, 132, 132, .34);--app-form-control-border: rgba(229, 238, 250, .26);--app-form-control-track-checked: rgba(255, 120, 91, .96);--app-form-control-border-checked: rgba(255, 120, 91, .38);--app-modal-panel-border: rgba(229, 238, 250, .22);--app-modal-editor-border: rgba(229, 238, 250, .22);--app-sticky-footer-border: rgba(229, 238, 250, .18);--app-map-action-surface: rgba(5, 7, 10, .74);--app-map-action-surface-hover: rgba(5, 7, 10, .9);--app-map-action-surface-active: rgba(5, 7, 10, .96);--app-map-distance-bg-light: rgba(255, 255, 255, .72);--app-loading-overlay-surface: rgba(5, 7, 10, .58);--app-loading-overlay-surface-auth: rgba(5, 7, 10, .82);--app-loading-overlay-surface-strong: rgba(5, 7, 10, .9)}:root[data-app-theme=dark]{--app-color-brand-700: #9b2308;--app-color-brand-600: #bd3514;--app-color-brand-500: #e04d2a;--app-color-brand-500-rgb: 224, 77, 42;--app-color-brand-400: #f16d4b;--app-color-brand-300: #ff9b82;--app-color-secondary-600: #5f121e;--app-color-secondary-500: #812234;--app-color-secondary-500-rgb: 129, 34, 52;--app-color-secondary-400: #a63a50;--app-color-tertiary-600: #173d2c;--app-color-tertiary-500: #1d5b40;--app-color-tertiary-500-rgb: 29, 91, 64;--app-color-tertiary-400: #347b5a;--app-color-success-600: #0f5f3a;--app-color-success-500: #1b8f58;--app-color-success-500-rgb: 27, 143, 88;--app-color-success-400: #39b678;--app-color-warning-600: #8b4a05;--app-color-warning-500: #c26c12;--app-color-warning-500-rgb: 194, 108, 18;--app-color-warning-400: #e69735;--app-color-danger-600: #8b1729;--app-color-danger-500: #c92f4b;--app-color-danger-500-rgb: 201, 47, 75;--app-color-danger-400: #ec5c75;--app-surface-0: #070b10;--app-surface-0-rgb: 7, 11, 16;--app-surface-1: #0d141d;--app-surface-2: #151f2b;--app-surface-3: #202c3b;--app-text-muted: #aebccd;--app-border-subtle: rgba(215, 229, 246, .09);--app-border-strong: rgba(215, 229, 246, .18);--app-native-chrome-color: #05080c;--app-native-status-bar-color: #010305;--app-native-navigation-bar-color: #05080c;--app-native-window-color: #05080c;--app-native-chrome-style: dark;--app-native-navigation-bar-style: dark;--app-color-scheme: dark;--app-device-bg: radial-gradient(42% 18% at 50% 0%, rgba(224, 77, 42, .08), transparent 72%), radial-gradient(26% 18% at 16% 12%, rgba(112, 160, 220, .07), transparent 76%), linear-gradient(180deg, #010305 0%, #05080d 46%, #080d13 100%);--app-toolbar-surface: linear-gradient(180deg, rgba(12, 15, 20, .94), rgba(6, 9, 13, .92));--app-item-surface: rgba(11, 15, 21, .84);--app-button-ghost-surface: linear-gradient(180deg, rgba(16, 21, 28, .82), rgba(8, 11, 16, .9));--app-card-header-surface: linear-gradient(180deg, rgba(18, 24, 32, .94), rgba(10, 14, 20, .86)), radial-gradient(circle at top center, rgba(224, 77, 42, .08), transparent 32%);--app-device-panel: linear-gradient(180deg, rgba(15, 20, 28, .96), rgba(5, 8, 12, .99));--app-device-panel-2: linear-gradient(180deg, rgba(18, 24, 33, .94), rgba(6, 10, 15, .99));--app-device-border: rgba(150, 174, 207, .13);--app-device-border-strong: rgba(241, 109, 75, .3);--app-device-text: #eef5ff;--app-device-muted: rgba(190, 205, 225, .72);--app-device-red: #f16d4b;--app-device-red-soft: #ff9b82;--app-device-cyan: #c6d4e6;--app-device-cyan-strong: #e2ecf8;--app-device-glow-red: 0 0 22px rgba(241, 109, 75, .16);--app-device-glow-cyan: 0 0 18px rgba(166, 190, 220, .08);--app-device-shadow: 0 26px 54px rgba(0, 0, 0, .58);--app-scrollbar-thumb: rgba(224, 77, 42, .72);--app-body-overlay: radial-gradient(circle at 50% 0%, rgba(224, 77, 42, .08), transparent 24%), linear-gradient(180deg, rgba(1, 3, 5, 0), rgba(1, 3, 5, .42));--app-body-grid-opacity: .1;--app-shell-header-surface: radial-gradient(70% 120% at 50% -40%, rgba(36, 44, 55, .24), transparent 58%), linear-gradient(180deg, rgba(8, 11, 16, 1), rgba(2, 4, 7, .99));--app-shell-header-surface-mobile: radial-gradient(116% 150% at 50% -38%, rgba(38, 46, 58, .28), transparent 56%), linear-gradient(180deg, rgba(8, 11, 16, 1), rgba(1, 3, 6, 1));--app-topbar-solid-surface: radial-gradient(92% 140% at 50% -46%, rgba(36, 44, 55, .24), transparent 58%), linear-gradient(180deg, rgba(8, 11, 16, 1), rgba(2, 4, 7, .99));--app-topbar-solid-surface-mobile: radial-gradient(128% 180% at 50% -48%, rgba(38, 46, 58, .3), transparent 56%), linear-gradient(180deg, rgba(8, 11, 16, 1), rgba(1, 3, 6, 1));--app-topbar-bottom-surface: rgba(7, 10, 14, .9);--app-topbar-glass-surface: rgba(7, 10, 14, .82);--app-topbar-glass-bottom-surface: rgba(7, 10, 14, .78);--app-topbar-solid-toolbar-surface: rgba(7, 10, 14, .98);--app-menu-popover-surface: linear-gradient(180deg, rgba(18, 23, 30, .98), rgba(8, 12, 17, .97));--app-modal-header-surface: rgba(7, 10, 14, .88);--app-auth-shell-surface: linear-gradient(180deg, rgba(16, 22, 30, .96), rgba(6, 10, 15, .99)), radial-gradient(circle at top, rgba(224, 77, 42, .06), transparent 24%);--app-auth-card-surface: linear-gradient(180deg, rgba(14, 20, 28, .94), rgba(6, 10, 15, .98)), radial-gradient(circle at top, rgba(224, 77, 42, .06), transparent 28%);--app-modal-panel-surface: linear-gradient(180deg, rgba(15, 21, 29, .95), rgba(6, 10, 15, .99)), radial-gradient(circle at top center, rgba(224, 77, 42, .05), transparent 34%);--app-modal-editor-surface: linear-gradient(180deg, rgba(12, 17, 24, .94), rgba(5, 8, 12, .99)), radial-gradient(circle at top center, rgba(188, 203, 227, .03), transparent 40%);--app-player-shell-surface: linear-gradient(180deg, rgba(12, 17, 25, .72), rgba(3, 6, 10, .9)), radial-gradient(circle at top left, rgba(241, 109, 75, .08), transparent 34%);--app-player-shell-border: rgba(150, 174, 207, .12);--app-player-description: rgba(190, 205, 225);--app-player-equalizer-layer-opacity: .78;--app-player-equalizer-canvas-opacity: 1;--app-player-equalizer-glow: radial-gradient(circle at 18% 0%, rgba(241, 109, 75, .2), transparent 40%), radial-gradient(circle at 82% 100%, rgba(201, 47, 75, .15), transparent 46%);--app-player-equalizer-ambient-active: rgba(241, 109, 75, .14);--app-player-equalizer-ambient-idle: rgba(241, 109, 75, .03);--app-player-equalizer-bar-top: hsla(13, 92%, 66%, .98);--app-player-equalizer-bar-mid: hsla(13, 92%, 66%, .64);--app-player-equalizer-bar-bottom: hsla(13, 92%, 66%, .22);--app-player-equalizer-shadow-active: rgba(241, 109, 75, .3);--app-player-equalizer-stroke: rgba(241, 109, 75, .22)}:root[data-app-theme=light]{--app-color-scheme: light;--app-native-chrome-style: dark;--app-native-chrome-color: #26384b;--app-native-status-bar-color: #26384b;--app-native-navigation-bar-color: #1f2f41;--app-native-window-color: #eef4fb;--app-native-navigation-bar-style: dark;--app-color-brand-700: #8f250c;--app-color-brand-600: #b73817;--app-color-brand-500: #d9502d;--app-color-brand-500-rgb: 217, 80, 45;--app-color-brand-400: #e76f4f;--app-color-brand-300: #f29a82;--app-color-secondary-600: #7a1d31;--app-color-secondary-500: #a02f48;--app-color-secondary-500-rgb: 160, 47, 72;--app-color-secondary-400: #c24d65;--app-color-tertiary-600: #1f5a43;--app-color-tertiary-500: #2d785d;--app-color-tertiary-500-rgb: 45, 120, 93;--app-color-tertiary-400: #4d987a;--app-color-success-600: #18643f;--app-color-success-500: #258657;--app-color-success-500-rgb: 37, 134, 87;--app-color-success-400: #46a978;--app-color-warning-600: #8d5208;--app-color-warning-500: #b86e13;--app-color-warning-500-rgb: 184, 110, 19;--app-color-warning-400: #d79034;--app-color-danger-600: #91263a;--app-color-danger-500: #c43f5a;--app-color-danger-500-rgb: 196, 63, 90;--app-color-danger-400: #df6b82;--app-color-medium-500: #657386;--app-color-medium-500-rgb: 101, 115, 134;--app-color-dark-500: #263241;--app-color-dark-500-rgb: 38, 50, 65;--app-surface-0: #f6f8fb;--app-surface-0-rgb: 246, 248, 251;--app-surface-1: #eef4fb;--app-surface-2: #e4edf6;--app-surface-3: #d7e2ee;--app-text-primary: #142132;--app-text-primary-rgb: 20, 33, 50;--app-text-muted: #53677d;--app-border-subtle: rgba(39, 60, 84, .16);--app-border-strong: rgba(39, 60, 84, .28);--app-gradient-surface: radial-gradient(110% 80% at 0% -20%, rgba(217, 80, 45, .14) 0%, rgba(217, 80, 45, 0) 55%), radial-gradient(90% 65% at 100% 0%, rgba(45, 120, 93, .12) 0%, rgba(45, 120, 93, 0) 60%), linear-gradient(180deg, #f8fafc 0%, #eef4fb 100%);--app-device-bg: radial-gradient(48% 22% at 50% 0%, rgba(217, 80, 45, .12), transparent 70%), radial-gradient(28% 18% at 18% 10%, rgba(80, 126, 178, .14), transparent 75%), linear-gradient(180deg, #f8fafc 0%, #eef4fb 48%, #e8eff7 100%);--app-toolbar-surface: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(238, 244, 251, .9));--app-item-surface: rgba(255, 255, 255, .76);--app-button-ghost-surface: linear-gradient(180deg, rgba(255, 255, 255, .84), rgba(235, 242, 249, .92));--app-card-header-surface: linear-gradient(180deg, rgba(225, 235, 246, .96), rgba(210, 224, 238, .9)), radial-gradient(circle at top center, rgba(217, 80, 45, .08), transparent 32%);--app-device-panel: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(236, 243, 250, .96));--app-device-panel-2: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(230, 239, 248, .98));--app-device-border: rgba(49, 74, 104, .18);--app-device-border-strong: rgba(217, 80, 45, .34);--app-device-text: #172638;--app-device-muted: rgba(70, 91, 116, .78);--app-device-red: #d9502d;--app-device-red-soft: #e76f4f;--app-device-cyan: #345166;--app-device-cyan-strong: #1b344a;--app-device-glow-red: 0 0 24px rgba(217, 80, 45, .14);--app-device-glow-cyan: 0 0 20px rgba(70, 104, 140, .12);--app-device-shadow: 0 22px 42px rgba(40, 58, 78, .18);--app-scrollbar-thumb: rgba(184, 56, 23, .68);--app-body-overlay: radial-gradient(circle at 50% 0%, rgba(217, 80, 45, .12), transparent 24%), linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(215, 226, 238, .24));--app-body-grid: radial-gradient(circle at center, rgba(79, 104, 132, .12) 0, rgba(79, 104, 132, .12) 1px, transparent 1px);--app-body-grid-opacity: .2;--app-shell-header-surface: radial-gradient(72% 120% at 50% -38%, rgba(105, 126, 150, .28), transparent 58%), linear-gradient(180deg, rgba(47, 66, 88, .99), rgba(34, 49, 67, .98));--app-shell-header-surface-mobile: radial-gradient(118% 150% at 50% -36%, rgba(110, 132, 156, .32), transparent 56%), linear-gradient(180deg, rgba(47, 66, 88, 1), rgba(32, 46, 63, .99));--app-shell-header-shadow: 0 12px 26px rgba(31, 48, 68, .22);--app-shell-header-shadow-mobile: 0 10px 22px rgba(31, 48, 68, .24);--app-shell-header-glow: radial-gradient(72% 100% at 50% 0%, rgba(27, 40, 56, .36), transparent 68%);--app-shell-header-glow-mobile: radial-gradient(82% 100% at 50% 0%, rgba(27, 40, 56, .4), transparent 68%);--app-topbar-solid-surface: radial-gradient(96% 150% at 50% -44%, rgba(105, 126, 150, .28), transparent 58%), linear-gradient(180deg, rgba(47, 66, 88, 1), rgba(34, 49, 67, .99));--app-topbar-solid-surface-mobile: radial-gradient(132% 190% at 50% -48%, rgba(110, 132, 156, .32), transparent 56%), linear-gradient(180deg, rgba(47, 66, 88, 1), rgba(32, 46, 63, 1));--app-topbar-solid-glow: radial-gradient(82% 100% at 50% 0%, rgba(27, 40, 56, .4), transparent 66%);--app-topbar-solid-glow-mobile: radial-gradient(88% 100% at 50% 0%, rgba(27, 40, 56, .44), transparent 66%);--app-logo-shadow: drop-shadow(0 5px 12px rgba(5, 12, 20, .34));--app-card-accent-glow: radial-gradient(circle at top center, rgba(217, 80, 45, .08), transparent 30%);--app-card-header-border: rgba(49, 74, 104, .12);--app-card-header-shadow: 0 1px 0 rgba(255, 255, 255, .72);--app-card-content-scrim: linear-gradient(180deg, rgba(49, 74, 104, .12), rgba(49, 74, 104, 0));--app-range-background: #d6e1ed;--app-range-bar-background: #aab9ca;--app-range-active: #d9502d;--app-range-pin-text: #ffffff;--app-focus-ring: rgba(184, 56, 23, .72);--app-select-focus-border: rgba(217, 80, 45, .38);--app-select-focus-shadow: 0 0 0 3px rgba(217, 80, 45, .14);--app-item-hover-surface: rgba(255, 255, 255, .9);--app-item-active-surface: rgba(230, 239, 248, .98);--app-detail-icon-color: rgba(62, 79, 99, .85);--app-action-menu-surface: rgba(235, 243, 250, .92);--app-action-menu-surface-hover: rgba(222, 234, 246, .98);--app-action-menu-surface-active: rgba(213, 226, 240, .98);--app-action-menu-shadow: inset 0 1px 0 rgba(255, 255, 255, .76), inset 0 -1px 0 rgba(49, 74, 104, .12);--app-status-indicator-border: rgba(245, 249, 253, .94);--app-status-idle-text: #4a3008;--app-status-in-room-text: #103a29;--app-status-muted-text: #5a1020;--app-status-offline-text: #263241;--app-profile-avatar-fallback-surface: linear-gradient(180deg, rgba(255, 255, 255, .18), rgba(218, 229, 242, .14));--app-profile-avatar-fallback-color: #ffffff;--app-profile-avatar-fallback-border: rgba(255, 255, 255, .32);--app-profile-avatar-fallback-shadow: 0 8px 16px rgba(18, 32, 48, .2), inset 0 1px 0 rgba(255, 255, 255, .24);--app-button-base-border: rgba(49, 74, 104, .18);--app-button-base-color: #24415a;--app-button-base-surface: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(231, 240, 249, .96));--app-button-base-surface-hover: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(221, 233, 246, .98));--app-button-base-surface-active: linear-gradient(180deg, rgba(216, 229, 242, .98), rgba(244, 248, 252, .98));--app-button-base-shadow: 0 2px 4px rgba(48, 70, 94, .12), inset 0 1px 0 rgba(255, 255, 255, .76);--app-button-contrast-text: #ffffff;--app-button-tone-readable: #142132;--app-button-tone-surface-start: rgba(255, 255, 255, .94);--app-button-tone-surface-end: rgba(232, 241, 249, .98);--app-button-tone-hover-start: rgba(255, 255, 255, 1);--app-button-tone-hover-end: rgba(221, 233, 246, 1);--app-button-tone-icon-surface-start: rgba(255, 255, 255, .96);--app-button-tone-icon-surface-end: rgba(230, 239, 248, .98);--app-button-tone-icon-hover-start: rgba(255, 255, 255, 1);--app-button-tone-icon-hover-end: rgba(221, 233, 246, 1);--app-button-tone-switch-surface-start: rgba(255, 255, 255, .96);--app-button-tone-switch-surface-end: rgba(230, 239, 248, .98);--app-button-neutral-border: rgba(49, 74, 104, .18);--app-button-switch-color: #1b344a;--app-button-switch-border: rgba(49, 74, 104, .18);--app-button-switch-surface: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(230, 239, 248, .98)), radial-gradient(circle at 8% 50%, rgba(79, 104, 132, .12), transparent 34%);--app-button-switch-surface-hover: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(221, 233, 246, 1)), radial-gradient(circle at 8% 50%, rgba(79, 104, 132, .16), transparent 36%);--app-button-switch-surface-active: linear-gradient(180deg, rgba(213, 226, 240, .98), rgba(244, 248, 252, 1)), radial-gradient(circle at 8% 50%, rgba(79, 104, 132, .14), transparent 32%);--app-button-switch-shadow: inset 0 1px 0 rgba(255, 255, 255, .72), 0 6px 14px rgba(48, 70, 94, .12);--app-popover-header-border: rgba(49, 74, 104, .12);--app-content-close-surface: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(230, 239, 248, .98));--app-content-close-shadow: 0 8px 16px rgba(48, 70, 94, .14), inset 0 1px 0 rgba(255, 255, 255, .72);--app-topbar-bottom-surface: rgba(238, 245, 252, .9);--app-topbar-glass-surface: rgba(238, 245, 252, .82);--app-topbar-glass-bottom-surface: rgba(238, 245, 252, .76);--app-topbar-solid-toolbar-surface: rgba(238, 245, 252, .98);--app-menu-popover-surface: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(232, 241, 249, .96));--app-menu-popover-contrast-border: rgba(49, 74, 104, .2);--app-menu-popover-contrast-surface: linear-gradient(180deg, rgba(245, 249, 253, .98), rgba(226, 237, 247, .96));--app-menu-popover-danger-border: rgba(196, 63, 90, .36);--app-menu-popover-danger-surface: linear-gradient(180deg, rgba(255, 241, 244, .98), rgba(248, 223, 229, .96));--app-modal-header-surface: rgba(238, 245, 252, .9);--app-modal-header-contrast-surface: rgba(232, 241, 249, .94);--app-modal-header-contrast-border: rgba(49, 74, 104, .2);--app-modal-header-danger-surface: rgba(248, 223, 229, .94);--app-modal-header-danger-border: rgba(196, 63, 90, .32);--app-auth-page-backdrop: radial-gradient(circle at 50% 14%, rgba(217, 80, 45, .12), transparent 26%), radial-gradient(circle at 18% 12%, rgba(80, 126, 178, .12), transparent 24%), linear-gradient(180deg, rgba(246, 250, 254, .54), rgba(246, 250, 254, 0));--app-auth-page-grid: radial-gradient(circle at center, rgba(79, 104, 132, .14) 0, rgba(79, 104, 132, .14) 1px, transparent 1px), linear-gradient(180deg, rgba(246, 250, 254, 0) 0%, rgba(218, 229, 241, .58) 100%);--app-auth-shell-surface: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(235, 243, 250, .98)), radial-gradient(circle at top, rgba(217, 80, 45, .08), transparent 24%);--app-auth-shell-border: rgba(49, 74, 104, .18);--app-auth-shell-shadow: 0 28px 60px rgba(48, 70, 94, .18), inset 0 1px 0 rgba(255, 255, 255, .76), inset 0 0 0 1px rgba(79, 104, 132, .08);--app-auth-card-surface: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(236, 244, 251, .96)), radial-gradient(circle at top, rgba(217, 80, 45, .08), transparent 28%);--app-auth-card-border: rgba(49, 74, 104, .16);--app-auth-card-shadow: 0 18px 32px rgba(48, 70, 94, .12), inset 0 1px 0 rgba(255, 255, 255, .72);--app-auth-card-header-surface: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(232, 241, 249, .86)), radial-gradient(circle at top center, rgba(217, 80, 45, .1), transparent 30%);--app-auth-card-header-border: rgba(49, 74, 104, .14);--app-auth-brand-shadow: drop-shadow(0 10px 18px rgba(48, 70, 94, .16));--app-auth-title: #142132;--app-auth-subtitle: rgba(60, 80, 104, .82);--app-auth-legal: rgba(70, 91, 116, .76);--app-auth-meta: rgba(66, 86, 110, .82);--app-auth-link: #345166;--app-auth-link-accent: #b73817;--app-auth-icon-surface: radial-gradient(circle at 35% 25%, rgba(255, 255, 255, .5), transparent 34%), linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(232, 241, 249, .98));--app-auth-icon-border: rgba(49, 74, 104, .18);--app-auth-icon-shadow: inset 0 1px 0 rgba(255, 255, 255, .72), 0 18px 28px rgba(48, 70, 94, .12);--app-auth-icon-color: #24415a;--app-auth-footer-surface: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(232, 241, 249, .98)), radial-gradient(circle at top center, rgba(217, 80, 45, .08), transparent 30%);--app-auth-footer-border: rgba(49, 74, 104, .12);--app-field-surface: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(235, 243, 250, .96));--app-field-border: rgba(49, 74, 104, .18);--app-field-border-focus: rgba(217, 80, 45, .42);--app-field-shadow: inset 0 1px 0 rgba(255, 255, 255, .76), 0 10px 18px rgba(48, 70, 94, .1);--app-field-shadow-focus: 0 0 0 1px rgba(217, 80, 45, .22), 0 0 20px rgba(217, 80, 45, .1), 0 14px 26px rgba(48, 70, 94, .14);--app-field-text: #172638;--app-field-placeholder: rgba(73, 94, 120, .68);--app-field-highlight: rgba(217, 80, 45, .78);--app-field-helper: rgba(70, 91, 116, .68);--app-field-label: rgba(60, 80, 104, .82);--app-field-autofill-surface: rgba(255, 255, 255, .96);--app-form-error-surface: linear-gradient(180deg, rgba(255, 241, 244, .96), rgba(248, 223, 229, .92));--app-form-error-border: rgba(196, 63, 90, .3);--app-form-error-text: #741a2c;--app-form-control-track: rgba(117, 139, 164, .36);--app-form-control-track-checked: rgba(217, 80, 45, .86);--app-form-control-surface: rgba(255, 255, 255, .92);--app-form-control-surface-checked: rgba(217, 80, 45, .86);--app-form-control-border: rgba(49, 74, 104, .2);--app-form-control-border-checked: rgba(217, 80, 45, .32);--app-form-control-checkmark: #ffffff;--app-sticky-footer-surface: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(232, 241, 249, .98)), radial-gradient(circle at top center, rgba(217, 80, 45, .07), transparent 34%);--app-sticky-footer-border: rgba(49, 74, 104, .12);--app-modal-panel-surface: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(232, 241, 249, .98)), radial-gradient(circle at top center, rgba(217, 80, 45, .06), transparent 34%);--app-modal-panel-border: rgba(49, 74, 104, .14);--app-modal-panel-shadow: 0 18px 30px rgba(48, 70, 94, .12), inset 0 1px 0 rgba(255, 255, 255, .72);--app-modal-editor-surface: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(232, 241, 249, .98)), radial-gradient(circle at top center, rgba(79, 104, 132, .06), transparent 40%);--app-modal-editor-border: rgba(49, 74, 104, .14);--app-player-shell-surface: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(236, 244, 251, .98)), radial-gradient(circle at top left, rgba(217, 80, 45, .08), transparent 34%);--app-player-shell-border: rgba(49, 74, 104, .16);--app-player-shell-shadow: 0 12px 24px rgba(48, 70, 94, .12), inset 0 1px 0 rgba(255, 255, 255, .72);--app-player-shell-overlay: linear-gradient(180deg, rgba(255, 255, 255, .38), transparent 20%, transparent 72%, rgba(49, 74, 104, .08)), radial-gradient(circle at 18% 0%, rgba(255, 255, 255, .34), transparent 30%);--app-player-description: #000;--app-player-equalizer-layer-opacity: .88;--app-player-equalizer-canvas-opacity: 1;--app-player-equalizer-glow: radial-gradient(circle at 18% 0%, rgba(184, 56, 23, .16), transparent 40%), radial-gradient(circle at 82% 100%, rgba(50, 92, 132, .14), transparent 46%);--app-player-equalizer-overlay: linear-gradient(180deg, rgba(255, 255, 255, .1), transparent 26%, rgba(49, 74, 104, .04));--app-player-equalizer-ambient-active: rgba(184, 56, 23, .12);--app-player-equalizer-ambient-idle: rgba(184, 56, 23, .03);--app-player-equalizer-ambient-end: rgba(217, 80, 45, 0);--app-player-equalizer-bar-top: hsla(12, 78%, 40%, .92);--app-player-equalizer-bar-mid: hsla(12, 78%, 40%, .58);--app-player-equalizer-bar-bottom: hsla(12, 78%, 40%, .18);--app-player-equalizer-shadow-active: rgba(184, 56, 23, .22);--app-player-equalizer-shadow-idle: rgba(184, 56, 23, .06);--app-player-equalizer-stroke: rgba(49, 74, 104, .16);--app-map-action-surface: rgba(255, 255, 255, .72);--app-map-action-surface-hover: rgba(255, 255, 255, .9);--app-map-action-surface-active: rgba(255, 255, 255, .96);--app-loading-overlay-surface: rgba(238, 245, 252, .5);--app-loading-overlay-surface-auth: rgba(238, 245, 252, .78);--app-loading-overlay-surface-strong: rgba(238, 245, 252, .88);--app-shadow-soft: 0 8px 24px rgba(48, 70, 94, .14);--app-shadow-strong: 0 14px 40px rgba(48, 70, 94, .2)}:root[data-app-theme=protan-deutan]{--app-color-brand-700: #083a86;--app-color-brand-600: #0d56b3;--app-color-brand-500: #1677d2;--app-color-brand-500-rgb: 22, 119, 210;--app-color-brand-400: #49a0ef;--app-color-brand-300: #8cc9ff;--app-color-secondary-600: #5a2d7b;--app-color-secondary-500: #7a45a0;--app-color-secondary-500-rgb: 122, 69, 160;--app-color-secondary-400: #9f6ac2;--app-color-tertiary-600: #564200;--app-color-tertiary-500: #7d6207;--app-color-tertiary-500-rgb: 125, 98, 7;--app-color-tertiary-400: #b08e22;--app-color-success-600: #074d86;--app-color-success-500: #1684c7;--app-color-success-500-rgb: 22, 132, 199;--app-color-success-400: #55b7ea;--app-color-warning-600: #764700;--app-color-warning-500: #bf7a12;--app-color-warning-500-rgb: 191, 122, 18;--app-color-warning-400: #efad45;--app-color-danger-600: #6d235f;--app-color-danger-500: #a33c8d;--app-color-danger-500-rgb: 163, 60, 141;--app-color-danger-400: #d06dbd;--app-device-bg: radial-gradient(48% 22% at 50% 0%, rgba(22, 119, 210, .2), transparent 70%), radial-gradient(24% 16% at 18% 10%, rgba(191, 122, 18, .14), transparent 75%), linear-gradient(180deg, #040912 0%, #071321 44%, #081421 100%);--app-device-border-strong: rgba(73, 160, 239, .4);--app-device-red: #49a0ef;--app-device-red-soft: #8cc9ff;--app-device-cyan: #c7d8e8;--app-device-cyan-strong: #e1eef9;--app-field-border-focus: rgba(73, 160, 239, .46);--app-field-highlight: rgba(73, 160, 239, .84);--app-form-control-track-checked: rgba(73, 160, 239, .92);--app-form-control-surface-checked: rgba(73, 160, 239, .92);--app-form-control-border-checked: rgba(73, 160, 239, .3);--app-native-chrome-color: #071321;--app-native-status-bar-color: #06101c;--app-native-navigation-bar-color: #08182a;--app-native-window-color: #071321;--app-native-chrome-style: dark;--app-native-navigation-bar-style: dark;--app-color-scheme: dark;--app-scrollbar-thumb: rgba(22, 119, 210, .72);--app-focus-ring: rgba(73, 160, 239, .86);--app-status-in-room: #55b7ea;--app-status-in-room-deep: #1684c7;--app-status-muted: #d06dbd;--app-status-muted-deep: #7a2a6a;--app-status-idle: #efad45;--app-status-idle-deep: #94600e;--app-button-tone-warning: #efad45;--app-player-equalizer-layer-opacity: .8;--app-player-equalizer-glow: radial-gradient(circle at 18% 0%, rgba(73, 160, 239, .2), transparent 40%), radial-gradient(circle at 82% 100%, rgba(239, 173, 69, .12), transparent 46%);--app-player-equalizer-ambient-active: rgba(73, 160, 239, .14);--app-player-equalizer-ambient-idle: rgba(73, 160, 239, .03);--app-player-equalizer-ambient-end: rgba(73, 160, 239, 0);--app-player-equalizer-bar-top: hsla(204, 86%, 66%, .98);--app-player-equalizer-bar-mid: hsla(204, 86%, 66%, .64);--app-player-equalizer-bar-bottom: hsla(204, 86%, 66%, .22);--app-player-equalizer-shadow-active: rgba(73, 160, 239, .3);--app-player-equalizer-shadow-idle: rgba(73, 160, 239, .07);--app-player-equalizer-stroke: rgba(140, 201, 255, .22)}:root[data-app-theme=tritanopia]{--app-color-brand-700: #8a210b;--app-color-brand-600: #b13414;--app-color-brand-500: #d94c29;--app-color-brand-500-rgb: 217, 76, 41;--app-color-brand-400: #ef6f4f;--app-color-brand-300: #ff9b82;--app-color-secondary-600: #4f2f74;--app-color-secondary-500: #6e4498;--app-color-secondary-500-rgb: 110, 68, 152;--app-color-secondary-400: #9369bd;--app-color-tertiary-600: #25552e;--app-color-tertiary-500: #347644;--app-color-tertiary-500-rgb: 52, 118, 68;--app-color-tertiary-400: #579b66;--app-color-success-600: #165c32;--app-color-success-500: #248444;--app-color-success-500-rgb: 36, 132, 68;--app-color-success-400: #4cad68;--app-color-warning-600: #7b3f12;--app-color-warning-500: #a45c24;--app-color-warning-500-rgb: 164, 92, 36;--app-color-warning-400: #cc8147;--app-color-danger-600: #7b1e53;--app-color-danger-500: #b0327a;--app-color-danger-500-rgb: 176, 50, 122;--app-color-danger-400: #dc65a3;--app-device-bg: radial-gradient(48% 22% at 50% 0%, rgba(217, 76, 41, .2), transparent 70%), radial-gradient(22% 14% at 82% 16%, rgba(110, 68, 152, .14), transparent 74%), linear-gradient(180deg, #050910 0%, #0b111b 44%, #0d121c 100%);--app-device-red: #ef6f4f;--app-device-red-soft: #ff9b82;--app-device-cyan: #d2d4e4;--app-device-cyan-strong: #eceef8;--app-native-chrome-color: #0b111b;--app-native-status-bar-color: #080d15;--app-native-navigation-bar-color: #120b18;--app-native-window-color: #0b111b;--app-native-chrome-style: dark;--app-native-navigation-bar-style: dark;--app-color-scheme: dark;--app-status-muted: #dc65a3;--app-status-muted-deep: #86245d;--app-status-idle: #cc8147;--app-status-idle-deep: #7b3f12;--app-button-tone-warning: #cc8147;--app-player-equalizer-layer-opacity: .8;--app-player-equalizer-glow: radial-gradient(circle at 18% 0%, rgba(239, 111, 79, .2), transparent 40%), radial-gradient(circle at 82% 100%, rgba(220, 101, 163, .12), transparent 46%);--app-player-equalizer-ambient-active: rgba(239, 111, 79, .14);--app-player-equalizer-ambient-idle: rgba(239, 111, 79, .03);--app-player-equalizer-ambient-end: rgba(239, 111, 79, 0);--app-player-equalizer-bar-top: hsla(13, 86%, 66%, .98);--app-player-equalizer-bar-mid: hsla(13, 86%, 66%, .64);--app-player-equalizer-bar-bottom: hsla(13, 86%, 66%, .22);--app-player-equalizer-shadow-active: rgba(239, 111, 79, .3);--app-player-equalizer-shadow-idle: rgba(239, 111, 79, .07);--app-player-equalizer-stroke: rgba(255, 155, 130, .22)}:root[data-app-density=compact]{--app-shell-font-size: 15px;--app-space-1: 3px;--app-space-2: 6px;--app-space-3: 10px;--app-space-4: 14px;--app-space-5: 18px;--app-space-6: 20px;--app-space-8: 28px;--app-toolbar-height-comfortable: 52px;--app-toolbar-height-compact: 48px;--app-toolbar-height-dense: 42px;--app-menu-item-height-comfortable: 42px;--app-menu-item-height-compact: 38px;--app-menu-item-height-dense: 32px;--app-list-item-height: 44px;--app-button-height-sm: 32px;--app-button-height-md: 36px;--app-button-padding-sm: 8px;--app-button-padding-md: 11px;--app-icon-button-size-sm: 32px;--app-icon-button-size-md: 36px;--app-toolbar-height: var(--app-toolbar-height-comfortable)}:root[data-app-density=dense]{--app-shell-font-size: 14px;--app-space-1: 2px;--app-space-2: 5px;--app-space-3: 8px;--app-space-4: 12px;--app-space-5: 14px;--app-space-6: 16px;--app-space-8: 24px;--app-toolbar-height-comfortable: 46px;--app-toolbar-height-compact: 42px;--app-toolbar-height-dense: 38px;--app-menu-item-height-comfortable: 36px;--app-menu-item-height-compact: 32px;--app-menu-item-height-dense: 30px;--app-list-item-height: 36px;--app-button-height-sm: 28px;--app-button-height-md: 32px;--app-button-padding-sm: 7px;--app-button-padding-md: 9px;--app-icon-button-size-sm: 28px;--app-icon-button-size-md: 32px;--app-toolbar-height: var(--app-toolbar-height-comfortable)}*{font-family:var(--app-font-family)!important}h1,h2,h3,h4,h5,h6{font-family:var(--app-font-family-heading)!important}:root{--ion-color-primary: var(--app-color-brand-500);--ion-color-primary-rgb: var(--app-color-brand-500-rgb);--ion-color-primary-contrast: var(--app-color-white);--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: var(--app-color-brand-600);--ion-color-primary-tint: var(--app-color-brand-400);--ion-color-secondary: var(--app-color-secondary-500);--ion-color-secondary-rgb: var(--app-color-secondary-500-rgb);--ion-color-secondary-contrast: var(--app-color-white);--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: var(--app-color-secondary-600);--ion-color-secondary-tint: var(--app-color-secondary-400);--ion-color-tertiary: var(--app-color-tertiary-500);--ion-color-tertiary-rgb: var(--app-color-tertiary-500-rgb);--ion-color-tertiary-contrast: var(--app-color-white);--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: var(--app-color-tertiary-600);--ion-color-tertiary-tint: var(--app-color-tertiary-400);--ion-color-success: var(--app-color-success-500);--ion-color-success-rgb: var(--app-color-success-500-rgb);--ion-color-success-contrast: var(--app-color-white);--ion-color-success-contrast-rgb: 255, 255, 255;--ion-color-success-shade: var(--app-color-success-600);--ion-color-success-tint: var(--app-color-success-400);--ion-color-warning: var(--app-color-warning-500);--ion-color-warning-rgb: var(--app-color-warning-500-rgb);--ion-color-warning-contrast: var(--app-color-white);--ion-color-warning-contrast-rgb: 255, 255, 255;--ion-color-warning-shade: var(--app-color-warning-600);--ion-color-warning-tint: var(--app-color-warning-400);--ion-color-danger: var(--app-color-danger-500);--ion-color-danger-rgb: var(--app-color-danger-500-rgb);--ion-color-danger-contrast: var(--app-color-white);--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: var(--app-color-danger-600);--ion-color-danger-tint: var(--app-color-danger-400);--ion-color-light: var(--app-color-neutral-100);--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--ion-color-medium: var(--app-color-medium-500);--ion-color-medium-rgb: var(--app-color-medium-500-rgb);--ion-color-medium-contrast: var(--app-color-white);--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: var(--app-color-medium-600);--ion-color-medium-tint: var(--app-color-medium-400);--ion-color-dark: var(--app-color-dark-500);--ion-color-dark-rgb: var(--app-color-dark-500-rgb);--ion-color-dark-contrast: var(--app-color-white);--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #191919;--ion-color-dark-tint: var(--app-color-dark-400);--ion-background-color: var(--app-surface-0);--ion-background-color-rgb: var(--app-surface-0-rgb);--ion-text-color: var(--app-text-primary);--ion-text-color-rgb: var(--app-text-primary-rgb);--ion-border-color: var(--app-border-subtle);--ion-item-background: var(--app-item-surface);--ion-toolbar-background: var(--app-topbar-bottom-surface);--ion-tab-bar-background: var(--app-topbar-bottom-surface);--ion-card-background: var(--app-device-panel)}.ios body,.md body{--ion-color-step-50: #111721;--ion-color-step-100: #1a2230;--ion-color-step-150: #222d3f;--ion-color-step-200: #2a374d;--ion-color-step-250: #32425c;--ion-color-step-300: #3a4d6b;--ion-color-step-350: #43597a;--ion-color-step-400: #4c6689;--ion-color-step-450: #557299;--ion-color-step-500: #5e7ea8;--ion-color-step-550: #6f8cb3;--ion-color-step-600: #809abf;--ion-color-step-650: #91a8ca;--ion-color-step-700: #a2b6d5;--ion-color-step-750: #b3c4df;--ion-color-step-800: #c4d1ea;--ion-color-step-850: #d5dff4;--ion-color-step-900: #e6edfc;--ion-color-step-950: #f3f7ff}:root[data-app-theme=light] body{--ion-color-step-50: #eef2f7;--ion-color-step-100: #e4ebf3;--ion-color-step-150: #d9e3ee;--ion-color-step-200: #cfdae7;--ion-color-step-250: #c3d0df;--ion-color-step-300: #b7c5d6;--ion-color-step-350: #a9b8ca;--ion-color-step-400: #98a9bd;--ion-color-step-450: #8799af;--ion-color-step-500: #7588a0;--ion-color-step-550: #667890;--ion-color-step-600: #576980;--ion-color-step-650: #485a70;--ion-color-step-700: #3b4c60;--ion-color-step-750: #303f51;--ion-color-step-800: #263342;--ion-color-step-850: #1d2835;--ion-color-step-900: #151f2b;--ion-color-step-950: #0e1722}*{scrollbar-width:thin;scrollbar-color:var(--app-scrollbar-thumb) transparent}:root{--app-shell-content-top: var(--app-toolbar-height);--app-shell-content-bottom: calc( env(safe-area-inset-bottom) + var(--app-space-2) )}html{font-size:var(--app-shell-font-size, 16px)}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--app-device-bg);color:var(--ion-text-color);position:relative}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none}body:before{background:var(--app-body-overlay)}body:after{background-image:var(--app-body-grid);background-size:14px 14px;opacity:var(--app-body-grid-opacity)}h2,h3{font-weight:700!important;margin:0;padding-top:0}.icon-container--success,.icon-container--medium,.icon-container--danger,.icon-container--dark{border-radius:var(--app-radius-xs);padding:var(--app-space-1)}.icon-container--success{background-color:var(--ion-color-primary)}.icon-container--medium{background-color:var(--ion-color-medium)}.icon-container--danger{background-color:var(--ion-color-danger)}.icon-container--dark{background-color:var(--ion-color-dark)}.custom-content{inset:0!important;width:100%!important;height:100%!important;padding:0!important}.custom-content>.ion-page{width:100%;height:100%;max-width:100%;padding:0}.app-shell-page{width:100%;height:100%;max-width:100%;display:flex;flex-direction:column;min-height:0}.app-shell-scroll{flex:1;width:100%;height:100%;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;display:flex;justify-content:center;box-sizing:border-box;padding:var(--app-shell-content-top) var(--app-space-2) var(--app-shell-content-bottom)}.app-shell-scroll:has(.room-page){overflow:hidden}.app-shell-center{width:100%;max-width:100%;height:100%;min-height:0;display:flex;flex-direction:column;flex:1;margin:0 auto}@media(min-width:769px){.app-shell-center{width:min(var(--app-layout-max-width),100%);max-width:min(var(--app-layout-max-width),100%)}.app-shell-center:has(.auth-page){width:100%;max-width:100%}}ion-content{--background: transparent;padding:var(--app-space-1)!important}ion-header.app-shell-header{position:fixed;inset-block-start:0;inset-inline:0;z-index:12;background:var(--app-shell-header-surface);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:var(--app-shell-header-shadow)}ion-header.app-shell-header:after{content:"";position:absolute;left:50%;bottom:-18px;width:min(760px,92vw);height:36px;transform:translate(-50%);border-radius:0 0 999px 999px;pointer-events:none;background:var(--app-shell-header-glow);filter:none;opacity:.72}@media(max-width:768px){ion-header.app-shell-header{background:var(--app-shell-header-surface-mobile);box-shadow:var(--app-shell-header-shadow-mobile)}ion-header.app-shell-header:after{bottom:-14px;width:min(430px,108vw);height:34px;background:var(--app-shell-header-glow-mobile);filter:none;opacity:.82}}ion-header ion-toolbar:first-of-type{padding-top:0!important}ion-toolbar.app-shell-toolbar{--background: transparent;--min-height: var(--app-toolbar-height);border-bottom:1px solid var(--app-border-subtle);padding-inline:var(--app-space-2);position:relative;box-shadow:inset 0 -1px color-mix(in srgb,var(--app-border-subtle) 44%,transparent)}ion-header.app-shell-header.app-topbar--surface-solid ion-toolbar.app-shell-toolbar.app-topbar__toolbar{--background: var(--app-topbar-solid-surface);overflow:visible}ion-header.app-shell-header.app-topbar--surface-solid ion-toolbar.app-shell-toolbar.app-topbar__toolbar::part(background){background:var(--app-topbar-solid-surface)}ion-header.app-shell-header.app-topbar--surface-solid ion-toolbar.app-shell-toolbar.app-topbar__toolbar:after{content:"";position:absolute;left:50%;bottom:-13px;z-index:-1;width:min(560px,106vw);height:34px;transform:translate(-50%);border-radius:0 0 999px 999px;pointer-events:none;background:var(--app-topbar-solid-glow);filter:none;opacity:.78}@media(max-width:768px){ion-header.app-shell-header.app-topbar--surface-solid ion-toolbar.app-shell-toolbar.app-topbar__toolbar,ion-header.app-shell-header.app-topbar--surface-solid ion-toolbar.app-shell-toolbar.app-topbar__toolbar::part(background){background:var(--app-topbar-solid-surface-mobile)}ion-header.app-shell-header.app-topbar--surface-solid ion-toolbar.app-shell-toolbar.app-topbar__toolbar:after{bottom:-12px;width:112vw;height:34px;background:var(--app-topbar-solid-glow-mobile);filter:none;opacity:.84}}ion-header.app-shell-header .app-button::part(native){backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.app-shell-title{display:inline-flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;height:var(--app-toolbar-height);line-height:0;transform:translate(-50%,-50%);margin:0;pointer-events:none}.app-shell-title img{width:276px;max-width:78vw;display:block;filter:var(--app-logo-shadow)}.main-topbar__controls{display:inline-flex;align-items:center;gap:var(--app-space-2);flex-wrap:wrap;justify-content:flex-end}.main-topbar__auth-link,.main-topbar__appearance-trigger,.main-topbar__menu-trigger{margin:0}.main-topbar__auth-link{--padding-start: 10px;--padding-end: 10px;--border-radius: 10px;min-height:34px}.main-topbar__appearance-trigger,.main-topbar__menu-trigger{--padding-start: 0;--padding-end: 0;--border-radius: 10px;width:34px;min-width:34px;height:34px}.main-topbar__appearance-trigger::part(native),.main-topbar__menu-trigger::part(native){padding:0}.main-topbar__appearance-trigger ion-icon,.main-topbar__menu-trigger ion-icon{font-size:1.15rem}.languages__flag{width:18px;height:18px;overflow:hidden;border-radius:999px}.main-topbar__link{--color: var(--app-text-muted);--padding-start: 6px;--padding-end: 6px;--box-shadow: none;margin:0;font-size:.74rem}.main-topbar__start,.main-topbar__end{display:inline-flex;align-items:center}.main-topbar__start{justify-content:flex-start;min-width:40px;position:relative;z-index:1}.main-topbar__center{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;width:auto;min-width:0;padding:0;transform:translate(-50%,-50%);pointer-events:none}.main-topbar__logo-shell{display:inline-flex;align-items:center;justify-content:center;min-height:0;padding:0}.main-topbar__end{margin-inline-end:0;padding-inline-end:0;justify-content:flex-end;gap:0;position:relative;z-index:1}.main-topbar__logo{width:280px;display:block;line-height:0;transform:translateY(3px);filter:var(--app-logo-shadow)}.main-topbar__loading-logo{width:250px;max-width:min(72vw,250px)}.main-topbar__leave-room,.main-topbar__room-power{margin:0}.main-topbar__room-power{transition:opacity var(--app-transition-fast),transform var(--app-transition-fast)}.main-topbar__room-power--connecting{opacity:.58}.main-topbar__room-power--connected{--main-topbar-room-power-color: var(--app-color-danger-500);--main-topbar-room-power-deep: var(--app-color-danger-600);--app-button-border: color-mix(in srgb, var(--main-topbar-room-power-color) 42%, transparent);--app-button-color: color-mix(in srgb, var(--main-topbar-room-power-color) 70%, var(--app-button-tone-readable) 30%);--app-button-surface: linear-gradient( 180deg, color-mix(in srgb, var(--main-topbar-room-power-color) 18%, var(--app-button-tone-icon-surface-start)), color-mix(in srgb, var(--main-topbar-room-power-deep) 16%, var(--app-button-tone-icon-surface-end)) );--app-button-surface-hover: linear-gradient( 180deg, color-mix(in srgb, var(--main-topbar-room-power-color) 24%, var(--app-button-tone-icon-hover-start)), color-mix(in srgb, var(--main-topbar-room-power-deep) 20%, var(--app-button-tone-icon-hover-end)) )}.main-topbar__room-power--disconnected{--main-topbar-room-power-color: var(--app-color-success-500);--main-topbar-room-power-deep: var(--app-color-success-600);--app-button-border: color-mix(in srgb, var(--main-topbar-room-power-color) 42%, transparent);--app-button-color: color-mix(in srgb, var(--main-topbar-room-power-color) 70%, var(--app-button-tone-readable) 30%);--app-button-surface: linear-gradient( 180deg, color-mix(in srgb, var(--main-topbar-room-power-color) 18%, var(--app-button-tone-icon-surface-start)), color-mix(in srgb, var(--main-topbar-room-power-deep) 16%, var(--app-button-tone-icon-surface-end)) );--app-button-surface-hover: linear-gradient( 180deg, color-mix(in srgb, var(--main-topbar-room-power-color) 24%, var(--app-button-tone-icon-hover-start)), color-mix(in srgb, var(--main-topbar-room-power-deep) 20%, var(--app-button-tone-icon-hover-end)) )}.main-topbar__room-power--connected ion-icon{color:var(--app-button-color)}.main-topbar__room-power--disconnected ion-icon{color:var(--app-button-color)}.profile-menu-anchor{display:inline-flex;align-items:center;gap:0;margin-inline-end:0;position:relative;overflow:visible}.profile-menu-avatar{position:relative;width:42px;height:42px;min-width:42px;min-height:42px;border:1px solid var(--app-profile-avatar-fallback-border);border-radius:999px;background:var(--app-profile-avatar-fallback-surface);box-shadow:var(--app-profile-avatar-fallback-shadow);color:var(--app-profile-avatar-fallback-color);overflow:visible}.profile-menu-avatar .avatar-fallback{background:var(--app-profile-avatar-fallback-surface);color:var(--app-profile-avatar-fallback-color);border-radius:inherit;overflow:hidden}.profile-menu-avatar .avatar-container__image{border-radius:inherit}.profile-menu-avatar__fallback-icon{font-size:2.25rem;color:currentColor}.profile-menu-anchor--status:after{content:"";position:absolute;inset:auto -2px -2px auto;z-index:4;width:10px;height:10px;border-radius:999px;border:2px solid var(--app-status-indicator-border);background:linear-gradient(180deg,var(--app-status-idle),var(--app-status-idle-deep));box-shadow:0 0 0 1px color-mix(in srgb,var(--app-status-idle) 24%,transparent),0 4px 10px color-mix(in srgb,var(--app-status-idle-deep) 38%,transparent);pointer-events:none}.profile-menu-anchor--in-room:after{background:linear-gradient(180deg,var(--app-status-in-room),var(--app-status-in-room-deep));box-shadow:0 0 0 1px color-mix(in srgb,var(--app-status-in-room) 24%,transparent),0 4px 10px color-mix(in srgb,var(--app-status-in-room-deep) 38%,transparent)}.profile-menu-anchor--room-muted:after{background:linear-gradient(180deg,var(--app-status-muted),var(--app-status-muted-deep));box-shadow:0 0 0 1px color-mix(in srgb,var(--app-status-muted) 24%,transparent),0 4px 10px color-mix(in srgb,var(--app-status-muted-deep) 38%,transparent)}.profile-menu-anchor--offline:after{background:linear-gradient(180deg,var(--app-status-offline),var(--app-status-offline-deep));box-shadow:0 0 0 1px color-mix(in srgb,var(--app-status-offline) 22%,transparent),0 4px 10px color-mix(in srgb,var(--app-status-offline-deep) 34%,transparent)}.profile-menu__account-label{max-width:100vw}.profile-menu__account-item{--profile-menu-status-color: var(--app-status-idle);--profile-menu-status-color-deep: var(--app-status-idle-deep);--profile-menu-status-text: var(--app-status-idle-text);--background: linear-gradient( 180deg, color-mix(in srgb, var(--profile-menu-status-color) 16%, var(--app-surface-2)), color-mix(in srgb, var(--profile-menu-status-color-deep) 14%, var(--app-surface-1)) );--color: var(--profile-menu-status-text);--border-color: color-mix(in srgb, var(--profile-menu-status-color) 28%, transparent)}.profile-menu__account-item--in-room{--profile-menu-status-color: var(--app-status-in-room);--profile-menu-status-color-deep: var(--app-status-in-room-deep);--profile-menu-status-text: var(--app-status-in-room-text)}.profile-menu__account-item--room-muted{--profile-menu-status-color: var(--app-status-muted);--profile-menu-status-color-deep: var(--app-status-muted-deep);--profile-menu-status-text: var(--app-status-muted-text)}.profile-menu__account-item--offline{--profile-menu-status-color: var(--app-status-offline);--profile-menu-status-color-deep: var(--app-status-offline-deep);--profile-menu-status-text: var(--app-status-offline-text)}.profile-menu__account-content{display:flex;align-items:center;gap:6px;min-width:0;width:100%}.profile-menu__account-name{flex:1 1 auto;min-width:0}.profile-menu__username-badge{flex:0 0 auto;--background: color-mix(in srgb, var(--profile-menu-status-color-deep) 34%, var(--app-surface-0));--color: var(--profile-menu-status-text);padding:3px 7px;border:1px solid color-mix(in srgb,var(--profile-menu-status-color) 26%,transparent);border-radius:var(--app-radius-pill);font-size:.64rem;font-weight:700;letter-spacing:0;text-transform:none}.profile-menu__section-header{padding:10px 14px 6px;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--app-text-muted);opacity:.72}.profile-menu__section-divider{height:1px;margin:6px 12px;background:linear-gradient(90deg,transparent,var(--app-border-subtle),transparent)}.profile-menu__status-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-width:0}.profile-menu__status-title{flex:1 1 auto;min-width:0}.profile-menu__status-badge{flex:0 0 auto;padding:4px 8px;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.profile-menu__status-badge--active{background:linear-gradient(180deg,color-mix(in srgb,var(--app-status-in-room) 74%,transparent),color-mix(in srgb,var(--app-status-in-room-deep) 94%,transparent));color:var(--app-status-in-room-text);border:1px solid color-mix(in srgb,var(--app-status-in-room) 24%,transparent)}.profile-menu__status-badge--passive{background:linear-gradient(180deg,color-mix(in srgb,var(--app-status-muted) 74%,transparent),color-mix(in srgb,var(--app-status-muted-deep) 94%,transparent));color:var(--app-status-muted-text);border:1px solid color-mix(in srgb,var(--app-status-muted) 24%,transparent)}.app-content-modal{--width: min(880px, calc(100vw - 16px) );--max-width: calc(100vw - 16px) ;--app-modal-fit-max-height: min(88vh, 860px);--app-modal-fit-min-height: min(420px, 88vh)}.app-content-modal ion-card{margin:0}.app-content-modal .auth-page__terms-card--embedded{width:100%}.app-content-modal .auth-page__terms-scroll h1,.app-content-modal .auth-page__terms-scroll h2,.app-content-modal .auth-page__terms-scroll h3,.app-content-modal .auth-page__terms-scroll p{padding-inline:var(--app-space-2, 8px)}.app-content-modal .auth-page__terms-scroll h1,.app-content-modal .auth-page__terms-scroll h2,.app-content-modal .auth-page__terms-scroll h3{margin-block:var(--app-space-3, 12px) var(--app-space-2, 8px)}.app-content-modal .auth-page__terms-scroll p{margin-block:var(--app-space-2, 8px)}.app-content-modal .contact-card{width:100%;min-width:0;max-width:none;border:0;border-radius:0;background:transparent;box-shadow:none}.app-shell-main-content{width:100%;height:100%;min-height:0}ion-card{margin:var(--app-space-2);border:1px solid var(--app-device-border);border-radius:var(--app-radius-xl);box-shadow:var(--app-device-shadow);background:var(--app-device-panel),var(--app-card-accent-glow);overflow:hidden}ion-popover ion-card{margin:0}ion-card-title{font-size:.98rem;font-weight:700;padding:0;color:var(--app-text-primary)!important;margin:0}ion-card-header{text-transform:capitalize;font-size:.95rem;padding:var(--app-space-2) var(--app-space-2)!important;background:var(--app-card-header-surface);border-bottom:1px solid var(--app-card-header-border);box-shadow:var(--app-card-header-shadow);position:relative;z-index:1;min-height:50px}ion-card-subtitle{margin-bottom:var(--app-space-2)}ion-card-content{--padding-start: var(--app-space-2) !important;--padding-top: var(--app-space-2) !important;--padding-bottom: var(--app-space-2) !important;--padding-end: var(--app-space-2) !important;padding-inline-end:var(--app-space-2)!important;padding-inline-start:var(--app-space-2)!important;padding-bottom:var(--app-space-2)!important;position:relative;z-index:0}ion-card-content:before{content:"";position:absolute;inset-inline:0;inset-block-start:0;height:12px;pointer-events:none;background:var(--app-card-content-scrim)}ion-card-title{display:inline-flex;gap:var(--app-space-2);align-items:center}ion-card-header ion-label,ion-card-header ion-card-title{display:inline-flex;align-items:center;gap:var(--app-space-2);line-height:1.2}ion-card-header h1,ion-card-header h2,ion-card-header h3{display:inline-flex;align-items:center;gap:var(--app-space-2);line-height:1.2;margin:0}ion-card-header ion-icon{font-size:1.05rem;flex-shrink:0;vertical-align:middle}ion-chip.badge{min-height:20px;font-size:.7rem;border-radius:var(--app-radius-pill)}.btn-action-menu{min-height:2rem;--background: var(--app-action-menu-surface);--background-hover: var(--app-action-menu-surface-hover);--background-activated: var(--app-action-menu-surface-active);--background-focused: var(--app-action-menu-surface-hover);--border-radius: var(--app-radius-sm);--box-shadow: var(--app-action-menu-shadow)}ion-input .label-text-wrapper{font-weight:600!important;font-size:.95rem;color:var(--app-text-muted);margin-bottom:var(--app-space-1)}ion-popover.popover-center::part(content){position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:auto!important;min-width:min(420px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 32px)!important;padding-block:var(--app-space-1, 6px);background:var(--app-device-panel-2);border:1px solid var(--app-device-border);border-radius:var(--app-radius-2xl);box-shadow:var(--app-device-shadow),var(--app-device-glow-cyan);z-index:12}ion-popover.popover-center.popover-panel-host::part(content){width:auto!important;min-width:0!important;background:transparent;border:0;box-shadow:none;overflow:visible}.popover-arrow{display:none!important}.row-item::part(native){padding-left:2px!important}ion-range{--background: var(--app-range-background);--bar-background: var(--app-range-bar-background);--bar-active-background: var(--app-range-active);--bar-active-background-pressed: var(--app-range-active);--bar-active-background-hover: var(--app-range-active);--bar-active-background-focused: var(--app-range-active);--pin-background: var(--app-range-active);--pin-text-color: var(--app-range-pin-text);padding-left:var(--app-space-3)!important;padding-right:var(--app-space-3)!important}ion-range::part(pin){color:var(--app-range-pin-text);border-radius:0;top:5px;min-width:20px}ion-range::part(pin):before{content:none}ion-popover.context-menu{--offset-y: 0 !important}ion-modal.expanded{--width: 100% !important;--max-width: 100% !important;--height: 100% !important;--max-height: 100% !important;--border-radius: 0 !important}ion-modal.modal--full-height{--height: 100% !important;--max-height: 100% !important}ion-popover,ion-modal{--backdrop-opacity: var(--ion-backdrop-opacity, .8)}.profile-users-modal{--width: min(960px, 96vw);--max-width: min(960px, 96vw)}.role-management-modal ion-content{--padding-top: 0;--padding-bottom: 0;--padding-start: 0;--padding-end: 0}.app-form-modal{--width: min(720px, 94vw);--max-width: min(720px, 94vw);--app-modal-fit-max-height: min(760px, 84vh)}.app-settings-modal{--width: min(560px, 92vw);--max-width: min(560px, 92vw);--app-modal-fit-max-height: min(360px, 72vh)}.app-ptt-settings-modal{--width: min(560px, 92vw);--max-width: min(560px, 92vw);--app-modal-fit-max-height: min(460px, 82vh)}ion-modal.app-modal.modal--fit-content{--height: auto;--max-height: var(--app-modal-fit-max-height, min(84vh, 640px))}ion-modal.app-modal.modal--fit-content::part(content){display:flex;flex-direction:column;height:auto;min-height:var(--app-modal-fit-min-height, 0);max-height:var(--app-modal-fit-max-height, min(84vh, 640px))}ion-modal.app-modal.modal--fit-content .ion-page{position:relative;display:flex;flex-direction:column;max-height:inherit}ion-modal.app-modal.modal--fit-content .app-modal__body{flex:1 1 auto;min-height:0;max-height:calc(var(--app-modal-fit-max-height, min(84vh, 640px)) - var(--app-modal-header-height, 56px));overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0;background:transparent}ion-modal.app-modal.modal--fit-content .modal-header{flex:0 0 auto}ion-modal.app-settings-modal ion-content{--padding-top: 0;--padding-bottom: 0;--padding-start: 0;--padding-end: 0;--background: transparent}ion-modal.app-ptt-settings-modal ion-content{--padding-top: 0;--padding-bottom: 0;--padding-start: 0;--padding-end: 0;--background: transparent}ion-modal.app-ptt-settings-modal .app-modal__body{max-height:calc(var(--app-modal-fit-max-height, min(82vh, 460px)) - 56px);overflow-y:auto}ion-modal.profile-users-modal ion-content{--padding-top: 0;--padding-bottom: 0;--padding-start: 0;--padding-end: 0}ion-modal.profile-users-modal .users-page--embedded{height:100%;min-height:0}@media(max-width:768px){.app-form-modal{--width: min(100vw, 100%);--max-width: min(100vw, 100%);--app-modal-fit-max-height: min(86vh, 760px)}.app-settings-modal{--width: min(100vw, 100%);--max-width: min(100vw, 100%);--app-modal-fit-max-height: min(392px, 76vh)}.app-ptt-settings-modal{--width: min(100vw, 100%);--max-width: min(100vw, 100%);--app-modal-fit-max-height: min(480px, 84vh)}.app-content-modal{--app-modal-fit-min-height: min(420px, 84vh)}ion-modal.app-modal:not(.expanded){--width: calc(100vw - 24px) ;--max-width: calc(100vw - 24px) }ion-modal.app-modal.modal--full-height:not(.expanded){--height: calc(100% - 24px) !important;--max-height: calc(100% - 24px) !important}}ion-button{--border-radius: var(--app-radius-md);--padding-start: var(--app-button-padding-md, 10px);--padding-end: var(--app-button-padding-md, 10px);letter-spacing:0;font-weight:600;font-size:.78rem;text-transform:none;transition:transform var(--app-transition-fast),box-shadow var(--app-transition-fast)}ion-button.button-solid{--background: linear-gradient( 180deg, color-mix(in srgb, var(--ion-color-base, var(--app-device-red)) 88%, #ffffff 12%), color-mix(in srgb, var(--ion-color-base, var(--app-device-red)) 82%, #000000 18%) );--background-hover: linear-gradient( 180deg, color-mix(in srgb, var(--ion-color-base, var(--app-device-red)) 86%, #ffffff 14%), color-mix(in srgb, var(--ion-color-base, var(--app-device-red)) 78%, #000000 22%) );--background-focused: var(--background-hover);--background-activated: linear-gradient( 180deg, color-mix(in srgb, var(--ion-color-base, var(--app-device-red)) 74%, #000000 26%), color-mix(in srgb, var(--ion-color-base, var(--app-device-red)) 88%, #ffffff 12%) );--box-shadow: 0 8px 16px rgba(0, 0, 0, .2), 0 0 12px rgba(255, 81, 57, .08), inset 0 1px 0 rgba(255, 255, 255, .1), inset 0 -1px 0 rgba(0, 0, 0, .28);min-height:var(--app-button-height-md, 36px)}ion-button.button-solid:active{transform:translateY(1px);--box-shadow: 0 2px 6px rgba(0, 0, 0, .26), inset 0 1px 0 rgba(0, 0, 0, .24), inset 0 -1px 0 rgba(255, 255, 255, .12)}ion-button.button-clear,ion-button.button-outline{--box-shadow: none;--border-color: var(--app-device-border);--color: var(--app-device-cyan);--background: var(--app-button-ghost-surface);min-height:var(--app-button-height-md, 36px)}ion-col{padding:3px}ion-item{--background: var(--app-item-surface);--border-color: color-mix(in srgb, var(--app-device-border) 56%, transparent);--border-width: 1px;--detail-icon-color: var(--app-detail-icon-color);--detail-icon-opacity: 1;--detail-icon-font-size: 20px;--min-height: var(--app-list-item-height);--padding-start: var(--app-space-2);--padding-end: var(--app-space-1);--inner-padding-end: 0;border-radius:var(--app-radius-xs);transition:background-color var(--app-transition-fast)}ion-modal::part(backdrop),ion-popover::part(backdrop){backdrop-filter:none;-webkit-backdrop-filter:none}ion-modal::part(content){border:1px solid var(--app-device-border);border-radius:var(--app-radius-2xl);background:var(--app-device-panel-2);box-shadow:var(--app-device-shadow)}.profile-menu__appearance-shell{height:auto;min-height:0;padding:var(--app-space-3)}.profile-menu__appearance-list{margin:0;padding-top:0;padding-bottom:0;background:transparent;display:flex;flex-direction:column;gap:var(--app-space-2)}.profile-menu__appearance-item{--min-height: calc(var(--app-list-item-height) + 8px);--inner-padding-end: 0;margin:0;border-radius:var(--app-radius-md)}.profile-menu__appearance-item ion-label{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-menu__select{margin-left:auto;width:clamp(180px,34vw,280px);max-width:min(48%,280px);flex:0 0 clamp(180px,34vw,280px);min-height:42px;border:1px solid var(--app-device-border);border-radius:var(--app-radius-md);background:var(--app-item-surface);color:var(--app-device-text);padding:0;font:inherit;--color: var(--app-device-text);--placeholder-color: var(--app-device-muted);--highlight-color-focused: var(--app-select-focus-border)}.profile-menu__select::part(container){position:relative;width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-2, 8px);padding:0 calc(var(--app-space-3, 12px) + 2px)}.profile-menu__select::part(text){min-width:0;padding-inline-end:28px;color:var(--app-device-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu__select::part(icon){position:absolute;inset-inline-end:calc(var(--app-space-3, 12px) + 2px);top:50%;transform:translateY(-50%);color:var(--app-device-muted);opacity:1}.profile-menu__select:focus,.profile-menu__select.select-expanded{outline:none;border-color:var(--app-select-focus-border);box-shadow:var(--app-select-focus-shadow)}@media(max-width:768px){.profile-menu__select{width:clamp(150px,46vw,220px);max-width:min(58%,220px);flex-basis:clamp(150px,46vw,220px)}}.app-select-popover::part(content){background:var(--app-action-menu-surface);border:1px solid var(--app-border-subtle);box-shadow:var(--app-shadow-strong);color:var(--app-device-text)}.app-select-popover ion-list{background:transparent;padding:var(--app-space-1)}.app-select-popover ion-item{--background: transparent;--background-hover: var(--app-action-menu-surface-hover);--background-focused: var(--app-action-menu-surface-hover);--background-activated: var(--app-action-menu-surface-active);--color: var(--app-device-text);color:var(--app-device-text);border-radius:var(--app-radius-sm)}.app-select-popover ion-item.item-radio-checked{--background: var(--app-action-menu-surface-active);--color: var(--app-button-contrast-text);color:var(--app-button-contrast-text)}.app-select-popover ion-radio{--color: var(--app-device-muted);--color-checked: var(--app-color-brand-300)}ion-item.button:hover{--background: var(--app-item-hover-surface)}ion-item.button:active{--background: var(--app-item-active-surface)}:focus-visible{outline:2px solid var(--app-focus-ring);outline-offset:2px}.grecaptcha-badge{visibility:hidden!important}@media(max-width:768px){:root{--app-shell-content-top: var(--app-toolbar-height);--app-shell-content-bottom: calc( env(safe-area-inset-bottom) + var(--app-space-1) )}ion-card{margin:var(--app-space-1)}.app-shell-scroll{padding:var(--app-shell-content-top) var(--app-space-1) var(--app-shell-content-bottom)}.app-shell-title img,.main-topbar__logo{width:280px;max-width:70vw}.main-topbar__controls{gap:4px}.main-topbar__link{display:none}}@media(prefers-reduced-motion:reduce){ion-item{transition:none!important}}.app-alert-modal{--width: min(220px, calc(100vw - 30px) );--max-width: min(420px, calc(100vw - 28px) );--app-modal-fit-max-height: min(84vh, 520px)}.app-alert-modal .modal-header__toolbar{padding-inline:10px}.app-alert-modal .modal-header__title{font-size:.96rem;font-weight:700;letter-spacing:.01em;color:var(--app-device-text)}.alert-modal{display:flex;flex-direction:column;min-height:0}.alert-modal__content{display:flex;flex-direction:column;gap:14px;padding:16px}.alert-modal__subheader{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#b9c9deb3}.alert-modal__message{margin:0;color:var(--app-device-muted);font-size:.86rem;line-height:1.5;white-space:pre-line}.alert-modal__actions{display:flex;justify-content:flex-end;gap:8px;padding:0 16px 16px}.alert-modal__action{min-width:88px;margin:0}@media(max-width:768px){.alert-modal__content{padding:14px}.alert-modal__actions{padding:0 14px 14px}}.app-error-boundary{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:calc(env(safe-area-inset-top) + var(--app-space-4, 16px)) calc(env(safe-area-inset-right) + var(--app-space-4, 16px)) calc(env(safe-area-inset-bottom) + var(--app-space-4, 16px)) calc(env(safe-area-inset-left) + var(--app-space-4, 16px));background:linear-gradient(var(--app-loading-overlay-surface-strong),var(--app-loading-overlay-surface-strong)),var(--app-device-bg);color:var(--ion-text-color)}.app-error-boundary__panel{width:min(100%,460px);display:flex;flex-direction:column;align-items:center;gap:var(--app-space-3, 12px);padding:var(--app-space-5, 20px);border:1px solid var(--app-device-border);border-radius:var(--app-radius-md, 8px);background:var(--app-device-panel-2);box-shadow:var(--app-device-shadow);text-align:center}.app-error-boundary__logo{max-width:180px;height:auto;object-fit:contain}.app-error-boundary__title{margin:0;font-size:1.1rem;line-height:1.25;color:var(--app-device-text)}.app-error-boundary__message{margin:0;max-width:34rem;font-size:.9rem;line-height:1.45;color:var(--app-device-muted)}.app-error-boundary__actions{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--app-space-2, 8px);margin-top:var(--app-space-2, 8px)}.app-error-boundary__button{min-width:0;min-height:40px;padding:0 var(--app-space-3, 12px);border:1px solid var(--app-button-base-border);border-radius:var(--app-radius-md, 8px);background:var(--app-button-base-surface);color:var(--app-button-base-color);font:inherit;font-size:.78rem;font-weight:700;letter-spacing:0}.app-error-boundary__button--primary{border-color:color-mix(in srgb,var(--app-color-brand-400) 58%,transparent);background:linear-gradient(180deg,var(--app-color-brand-400),var(--app-color-brand-700));color:var(--app-button-contrast-text)}@media(max-width:420px){.app-error-boundary__actions{grid-template-columns:1fr}}