:root{--am-font-sans: var(--aura-font-family,var(--vaadin-font-family,inherit))}html,body,vaadin-app-layout{font-family: var(--aura-font-family,var(--vaadin-font-family,inherit));-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}.flex{display: flex}.flex-col{display: flex;flex-direction: column}.items-center{align-items: center}.justify-between{justify-content: space-between}.justify-center{justify-content: center}.h-full{height: 100%}.w-full{width: 100%}.m-0{margin: 0}.cursor-pointer{cursor: pointer}.rounded{border-radius: calc(var(--aura-base-radius,8) * 1px)}.font-semibold{font-weight: var(--aura-font-weight-semibold,600)}.text-s{font-size: var(--aura-font-size-s,0.875rem)}.text-m{font-size: var(--aura-font-size-m,1rem)}.hover\:underline:hover{text-decoration: underline}.hover\:bg-gray-100:hover{background-color: color-mix(in srgb,var(--vaadin-text-color) 6%,transparent)}.gap-s{gap: 0.5rem}.gap-m{gap: 1rem}.p-s{padding: 0.5rem}.p-m{padding: 1rem}.mt-m{margin-top: 1rem}.h-m{height: 1.5rem}.w-m{width: 1.5rem}vaadin-app-layout::part(navbar){min-height: 2.75rem;padding-block: 0;overflow: visible}vaadin-app-layout::part(drawer){z-index: 10}vaadin-app-layout::part(content){position: relative}vaadin-drawer-toggle[slot~='navbar']{margin: 0 0.25rem;width: 2.25rem;height: 2.25rem;min-width: 2.25rem}.am-drawer{display: flex;flex-direction: column;justify-content: space-between;height: 100%;padding: 1rem}.am-drawer-header{display: flex;flex-direction: column;gap: 1rem}.am-channel-list{margin-top: 1rem;display: flex;flex-direction: column;gap: 0.5rem}.am-channel-row{display: flex;align-items: center;gap: 0.35rem;padding: 0.35rem 0.5rem;border-radius: calc(var(--aura-base-radius,8) * 1px);cursor: pointer}.am-channel-row:hover{background-color: color-mix(in srgb,var(--vaadin-text-color) 6%,transparent)}.am-channel-hash{display: inline-flex;align-items: center;justify-content: center;width: 1.25rem;flex-shrink: 0;font-size: 1.05rem;font-weight: 700;line-height: 1;color: var(--vaadin-text-color-secondary,#616061);font-family: var(--aura-font-family,inherit)}.am-navbar{display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 0.15rem 0.35rem;position: relative;min-height: 2.25rem;overflow: visible;z-index: 1}.am-navbar-brand{display: flex;align-items: center}.am-navbar-logo{height: 1.25rem;width: 1.25rem}.am-navbar-launcher{font-size: 1.1rem;padding: 0.25rem;border-radius: 50%;width: 2rem;height: 2rem;min-width: 2rem;display: inline-flex;align-items: center;justify-content: center}.am-channel-title{font-size: var(--aura-font-size-s,0.875rem);font-weight: var(--aura-font-weight-semibold,600);margin: 0;cursor: pointer}.am-channel-title:hover{text-decoration: underline}.am-channel-link{font-size: var(--aura-font-size-m,1rem);font-weight: var(--aura-font-weight-medium,500);text-decoration: none;color: inherit;line-height: 1.2}.am-channel-link:hover{text-decoration: underline}.launcher-item:hover{background-color: color-mix(in srgb,var(--vaadin-text-color) 6%,transparent);transform: scale(1.02);transition: all 0.2s ease}.launcher-popup{animation: am-fade-in 0.1s ease-out;position: absolute;top: 100%;right: 0;width: 320px;background: var(--aura-surface-color-solid,#fff);box-shadow: var(--aura-overlay-shadow,0 4px 12px rgba(0,0,0,0.15));border-radius: calc(var(--aura-base-radius,8) * 1px + 4px);border: 1px solid var(--vaadin-border-color,#e2e8f0);padding: 1rem;z-index: 20;margin-top: 0.5rem;display: flex;flex-direction: column;gap: 1rem}.launcher-grid{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 0.5rem}.launcher-item{text-align: center;cursor: pointer;padding: 0.5rem;border-radius: calc(var(--aura-base-radius,8) * 1px)}.launcher-item-icon{font-size: 1.5rem;margin-bottom: 4px}.launcher-item-label{font-size: 0.75rem}.launcher-divider{border: none;border-top: 1px solid var(--vaadin-border-color,#eee);margin: 0}.launcher-auth{display: flex;justify-content: center;padding: 0.5rem}.launcher-user{display: flex;flex-direction: column;align-items: center;gap: 0.5rem;width: 100%}.launcher-user-row{display: flex;align-items: center;gap: 0.5rem;font-size: 0.9rem;color: var(--vaadin-text-color-secondary,#666);cursor: pointer}@keyframes am-fade-in{from{opacity: 0;transform: translateY(-10px)}to{opacity: 1;transform: translateY(0)}}@media (max-width: 768px){vaadin-app-layout::part(content){padding-bottom: 88px !important}}