@layer components{.notification-bell{display:flex;margin-left:auto}.notification-bell__button{position:relative;display:grid;place-content:center;width:38px;height:38px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-surface-3),var(--color-surface-1));border:1px solid var(--color-border-strong);color:var(--color-text-2);font-size:var(--text-base);cursor:pointer;transition:border-color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out)}.notification-bell__button:hover,.notification-bell__button[aria-expanded=true]{border-color:var(--color-border-accent);box-shadow:0 0 0 3px rgb(var(--rgb-accent) / .12);color:var(--color-text)}.notification-bell__badge{position:absolute;top:-5px;right:-5px;display:grid;place-content:center;min-width:17px;height:17px;padding:1px 4px 0;border-radius:var(--radius-full);border:2px solid var(--color-bg);background-color:var(--color-error);color:#fff;font-size:.62rem;font-weight:var(--weight-bold);line-height:1}.notification-panel{width:min(360px,calc(100vw - 24px));gap:var(--space-2)}.notification-panel__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-1) var(--space-2) 0}.notification-panel__head .ui-popover__title{margin-bottom:0}.notification-panel__mark-all{flex:none;color:var(--color-accent);font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer}.notification-panel__mark-all:hover,.notification-panel__mark-all:focus-visible{text-decoration:underline}.notification-panel__mark-all:disabled{opacity:.5;cursor:not-allowed}.notification-list{max-height:min(420px,60vh)}.notification-panel__footer{border-top:1px solid var(--color-border);padding-top:var(--space-2)}.notification-panel__view-all{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;min-height:36px;border-radius:var(--radius-sm);color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:background-color var(--dur-1) var(--ease-out)}.notification-panel__view-all:hover,.notification-panel__view-all:focus-visible{background-color:var(--color-surface-2)}.notification-panel__view-all svg{font-size:.7rem}.notification-item{display:flex;align-items:stretch;gap:2px}.notification-item__main{flex:1;min-width:0;display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:background-color var(--dur-1) var(--ease-out)}.notification-item__main:hover,.notification-item__main:focus-visible{background-color:var(--color-surface-2)}.notification-item--unread .notification-item__main{background-color:var(--color-accent-tint);box-shadow:inset 3px 0 0 var(--color-accent)}.notification-item--unread .notification-item__main:hover,.notification-item--unread .notification-item__main:focus-visible{background-color:var(--color-surface-2);box-shadow:inset 3px 0 0 var(--color-accent)}.notification-item__icon{flex:none;display:grid;place-items:center;width:28px;height:28px;margin-top:2px;border-radius:var(--radius-full);background-color:var(--color-surface-3);color:var(--color-accent);font-size:.75rem}.notification-item--unread .notification-item__icon{background-color:var(--color-accent);color:var(--color-text-inverse)}.notification-item__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.notification-item__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-2)}.notification-item--unread .notification-item__title{font-weight:var(--weight-bold);color:var(--color-text)}.notification-item__body{font-size:var(--text-xs);color:var(--color-text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-item__time{font-size:.65rem;color:var(--color-text-3)}.notification-item__dot{flex:none;width:8px;height:8px;margin-top:8px;border-radius:var(--radius-full);background-color:var(--color-error)}.notification-item__actions{flex:none;display:flex;flex-direction:column;justify-content:center;gap:2px}.notification-item__action{display:grid;place-items:center;width:24px;height:24px;border-radius:var(--radius-sm);color:var(--color-text-3);font-size:.7rem;cursor:pointer;transition:color var(--dur-1) var(--ease-out),background-color var(--dur-1) var(--ease-out)}.notification-item__action:hover,.notification-item__action:focus-visible{color:var(--color-text);background-color:var(--color-surface-2)}@media(min-width:768px){.notification-bell{margin-left:0}}}.navbar{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--space-3);min-height:56px;padding:env(safe-area-inset-top) var(--space-4) 0;background-color:#1a1a1de0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.navbar__logo{display:inline-flex;align-items:center;gap:var(--space-2);flex-shrink:0}.navbar__logo-img{width:28px;height:28px}.navbar__logo-text{font-family:var(--font-logo);font-size:1.3rem;color:var(--color-accent);transition:color var(--dur-2) var(--ease-out)}.navbar__logo:hover .navbar__logo-text{color:var(--color-accent-bright)}.navbar__beta{align-self:flex-start;margin-left:calc(-1 * var(--space-1));padding:0 var(--space-1);border:1px solid var(--color-info);border-radius:var(--radius-full);background-color:var(--color-info-tint);color:var(--color-info);font-size:.6rem;font-weight:var(--weight-bold);letter-spacing:.06em;text-transform:uppercase;line-height:1.5}.navbar__links{display:none;list-style:none}.navbar__avatar{display:none;place-content:center;margin-left:auto;width:38px;height:38px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-surface-3),var(--color-surface-1));border:1px solid var(--color-border-strong);color:var(--color-accent);font-weight:var(--weight-extrabold);font-size:var(--text-base);cursor:pointer;transition:border-color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.navbar__avatar:hover,.navbar__avatar[aria-expanded=true]{border-color:var(--color-border-accent);box-shadow:0 0 0 3px rgb(var(--rgb-accent) / .12)}.navbar__upgrade,.navbar__upgrade:visited{display:none;gap:var(--space-2);min-height:34px;background-color:var(--color-warning-tint);color:var(--color-warning);border:1px solid var(--color-warning)}.navbar__upgrade:hover,.navbar__upgrade:focus-visible{background-color:var(--color-warning);border-color:var(--color-warning);color:var(--color-text-inverse);box-shadow:0 0 0 3px var(--color-warning-tint)}.navbar__menu-user{padding:var(--space-2) var(--space-3)}.navbar__menu-username{font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--color-text)}.navbar__menu-email{font-size:var(--text-xs);color:var(--color-text-3);overflow:hidden;text-overflow:ellipsis}.navbar__auth{display:none;align-items:center;gap:var(--space-2);margin-left:auto}.nav-auth-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-bold);white-space:nowrap;transition:background-color var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}.nav-auth-button--primary,.nav-auth-button--primary:visited{background-color:var(--color-accent);color:var(--color-text-inverse);border:1px solid var(--color-accent)}.nav-auth-button--primary:hover,.nav-auth-button--primary:focus-visible{background-color:var(--color-accent-bright);border-color:var(--color-accent-bright);color:var(--color-text-inverse);box-shadow:var(--shadow-accent)}.nav-auth-button--secondary,.nav-auth-button--secondary:visited{background-color:transparent;color:var(--color-text);border:1px solid var(--color-border-strong)}.nav-auth-button--secondary:hover,.nav-auth-button--secondary:focus-visible{background-color:var(--color-surface-2);color:var(--color-text)}@media(min-width:768px){.navbar{padding-inline:var(--space-6)}.navbar__links{display:flex;align-items:center;gap:var(--space-1);margin-inline:auto}.navbar__link{position:relative;display:inline-flex;align-items:center;min-height:var(--touch-target);padding:0 var(--space-3);color:var(--color-text-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);transition:color var(--dur-2) var(--ease-out)}.navbar__link:hover,.navbar__link:focus-visible{color:var(--color-text)}.navbar__link.active{color:var(--color-text)}.navbar__link:after{content:"";position:absolute;left:var(--space-3);right:var(--space-3);bottom:6px;height:2px;border-radius:var(--radius-full);background-color:var(--color-accent);transform:scaleX(0);transform-origin:center;transition:transform var(--dur-2) var(--ease-out)}.navbar__link.active:after{transform:scaleX(1)}.navbar__avatar{display:grid;margin-left:0}.navbar__auth{display:flex;margin-left:0}.navbar__upgrade{display:inline-flex}}.app-footer{margin-top:auto;padding-block:var(--space-5);background-color:var(--color-surface-1);border-top:1px solid var(--color-border)}@media(max-width:767.98px){.app-footer--tab-clearance{padding-bottom:calc(var(--space-6) + 84px + env(safe-area-inset-bottom))}}.app-footer__inner{width:100%;max-width:var(--page-max-width);margin-inline:auto;padding-inline:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.app-footer__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.app-footer__brand-block{display:flex;flex-direction:column;gap:var(--space-1)}.app-footer__brand{display:inline-flex;align-items:center;gap:var(--space-2)}.app-footer__logo{width:22px;height:22px}.app-footer__name{font-family:var(--font-logo);font-size:var(--text-lg);color:var(--color-accent)}.app-footer__tagline{color:var(--color-text-2);font-size:var(--text-sm)}.app-footer__social{display:inline-flex;align-items:center;width:fit-content;margin-top:var(--space-1);color:var(--color-text-3);transition:color var(--dur-2) var(--ease-out)}.app-footer__social:hover{color:var(--color-accent)}.app-footer__partner{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-3);font-size:var(--text-xs);transition:color var(--dur-2) var(--ease-out)}.app-footer__partner:hover{color:var(--color-text-2)}.app-footer__partner-logo{height:28px;width:auto}.app-footer__legal{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4);flex-wrap:wrap;padding-top:var(--space-3);border-top:1px solid var(--color-border)}.app-footer__copyright,.app-footer__links{color:var(--color-text-3);font-size:var(--text-xs)}.app-footer__links a{color:var(--color-text-2);text-decoration:none;transition:color var(--dur-2) var(--ease-out)}.app-footer__links a:hover{color:var(--color-accent)}@media(max-width:767.98px){.app-footer__top{flex-direction:column;text-align:center}.app-footer__brand-block{align-items:center}.app-footer__legal{flex-direction:column;text-align:center}}@layer components{.tab-bar{position:fixed;left:var(--space-3);right:var(--space-3);bottom:calc(var(--space-3) + env(safe-area-inset-bottom));margin-inline:auto;max-width:440px;z-index:var(--z-sticky);display:flex;align-items:stretch;min-height:60px;padding:var(--space-1);background:linear-gradient(to bottom,rgb(255 255 255 / .06),rgb(255 255 255 / .02) 40%,transparent),#1a1a1d73;backdrop-filter:blur(28px) saturate(1.6);-webkit-backdrop-filter:blur(28px) saturate(1.6);border:1px solid rgb(255 255 255 / .14);border-radius:var(--radius-full);box-shadow:inset 0 1px #ffffff1a,0 8px 32px #0000008c}@media(min-width:768px){.tab-bar{display:none}}.tab-bar__tab{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:var(--touch-target);padding:var(--space-2) 0;border-radius:var(--radius-full);color:var(--color-text);transition:color var(--dur-2) var(--ease-out),background-color var(--dur-2) var(--ease-out);-webkit-tap-highlight-color:transparent}.tab-bar__tab:hover,.tab-bar__tab:focus-visible{color:var(--color-accent-bright)}.tab-bar__tab.active{color:var(--color-accent);background-color:var(--color-accent-tint)}.tab-bar__tab:active{transform:scale(.95)}.tab-bar__icon{font-size:1.3rem;filter:drop-shadow(0 1px 3px rgb(0 0 0 / .5))}.tab-bar__label{font-size:10px;font-weight:var(--weight-bold);letter-spacing:.01em;text-shadow:0 1px 2px rgb(0 0 0 / .5)}.tab-bar__avatar{display:grid;place-content:center;width:22px;height:22px;border-radius:var(--radius-full);background-color:var(--color-surface-3);border:1px solid currentColor;font-size:var(--text-xs);font-weight:var(--weight-extrabold);line-height:1}.tab-bar-profile{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.tab-bar-profile__avatar{display:grid;place-content:center;width:64px;height:64px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-surface-2),var(--color-bg));border:1px solid var(--color-border-accent);color:var(--color-accent);font-size:var(--text-2xl);font-weight:var(--weight-extrabold)}.tab-bar-profile__name{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text)}.tab-bar-profile__email{font-size:var(--text-sm);color:var(--color-text-3);overflow-wrap:anywhere}.tab-bar-profile__manage,.tab-bar-profile__admin,.tab-bar-profile__logout{margin-top:var(--space-4);width:100%}}@layer components{.app-main{display:flex;flex-direction:column;flex-grow:1;min-height:0}}