.app-shell{--layout-left: 0px;--layout-right: 0px;--layout-center-max: 640px;--layout-column-gap: 10px;--layout-header-columns: minmax(0, 1fr);--layout-body-columns: minmax(0, 1fr);--layout-bottom-nav: calc(56px + env(safe-area-inset-bottom, 0px)) ;--layout-header-height: 64px;--layout-sticky-offset: 10px;--layout-header-inset: 8px;--layout-subheader-sticky-top: calc( max(6px, env(safe-area-inset-top, 0px)) + 44px + 6px + var(--layout-sticky-offset) );--layout-subfooter-sticky-bottom: calc(var(--layout-bottom-nav) + var(--layout-sticky-offset))}.app-shell__header-brand{padding-left:var(--layout-header-inset)}.app-shell__header-dock{position:sticky;top:0;z-index:50;width:100%;flex-shrink:0}.app-shell__header{grid-template-columns:var(--layout-header-columns);column-gap:var(--layout-column-gap)}.app-shell__header-nav{padding-inline:.5rem}@media(min-width:908px){.app-shell__header-nav{padding-inline:2rem}}.app-shell__body{grid-template-columns:var(--layout-body-columns);column-gap:var(--layout-column-gap);justify-content:center;padding-bottom:var(--layout-bottom-nav)}.app-shell__header-profile{display:flex;align-items:center;justify-content:center;width:48px;min-width:48px;max-width:48px;height:48px;min-height:48px}.app-shell__header-profile:has(.app-header-login){width:auto;max-width:none;height:auto}.app-shell__header-end{gap:0;padding-right:var(--layout-header-inset)}@media(max-width:907px){.app-shell__body:has(.app-shell__right):not(:has(.app-shell__center--chats)){display:flex;flex-direction:column;justify-content:flex-start;align-content:start;row-gap:var(--spacing-stack)}.app-shell__body:has(.app-shell__right):not(:has(.app-shell__center--chats)) .app-shell__center:not(.app-shell__pane-hide-below-lg),.app-shell__body:has(.app-shell__right):not(:has(.app-shell__center--chats)) .app-shell__right:not(.app-shell__pane-hide-below-lg){display:contents}.app-shell__body:has(.app-shell__right):not(:has(.app-shell__center--chats)) .app-shell__right-inner{display:contents}.app-shell-mobile-contents{display:contents}.app-shell__body:has(.app-shell__right):not(:has(.app-shell__center--chats)) .app-shell__right.hidden,.app-shell__body:has(.app-shell__right):not(:has(.app-shell__center--chats)) .app-shell__right.app-shell__pane-hide-below-lg,.app-shell__body:has(.app-shell__right):not(:has(.app-shell__center--chats)) .app-shell__center.app-shell__pane-hide-below-lg{display:none}.app-shell__body:has(.app-shell__right):not(:has(.app-shell__center--chats)) .app-shell__right-inner>*:not(.app-shell-flow-slot){order:10}.app-shell__body:has(.app-shell__right):not(:has(.app-shell__center--chats)) .app-shell__center>*:not(.app-shell-flow-slot){order:20}.app-shell__body:has(.app-shell__right):not(:has(.app-shell__center--chats)) .app-shell-flow-slot{order:var(--app-shell-flow-order, 0)}}@media(min-width:578px){.app-shell{--layout-subheader-sticky-top: calc( var(--layout-sticky-offset) + var(--layout-header-height) + var(--layout-column-gap) );--layout-subfooter-sticky-bottom: 0px}.app-shell__header-dock{top:var(--layout-sticky-offset);background-color:var(--surface-page)}.app-shell__header-dock:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:calc(var(--layout-sticky-offset) + 6px);background-color:var(--surface-page);pointer-events:none}.app-shell__sticky{position:sticky;top:calc(var(--layout-sticky-offset) + var(--layout-header-height) + var(--layout-column-gap));align-self:start;max-height:calc(100dvh - var(--layout-sticky-offset) - var(--layout-header-height) - var(--layout-column-gap) - var(--layout-sticky-offset));overflow:hidden}.app-shell__sticky--fill{height:calc(100dvh - var(--layout-sticky-offset) - var(--layout-header-height) - var(--layout-column-gap) - var(--layout-sticky-offset))}}.app-shell-subheader-sticky{position:sticky;z-index:40;top:var(--layout-subheader-sticky-top)}.app-shell-subfooter-sticky{position:sticky;z-index:40;bottom:var(--layout-subfooter-sticky-bottom)}@media(max-width:907px){.app-shell__right.app-shell__sticky{position:static;align-self:stretch;max-height:none;overflow:visible;height:auto}}.app-shell__center--chats{display:flex;flex-direction:column;align-self:stretch;min-height:0;height:100%;max-height:100%;overflow:hidden}.app-shell__center--chats>*{flex:1 1 auto;min-height:0;width:100%}@media(min-width:578px){.app-shell__center--chats{height:calc(100dvh - var(--layout-sticky-offset) - var(--layout-header-height) - var(--layout-column-gap) - var(--layout-sticky-offset));max-height:none}}@media(max-width:907px){.app-shell__center.app-shell__pane-hide-below-lg,.app-shell__right.app-shell__pane-hide-below-lg{display:none}.app-shell__body:has(.app-shell__right.app-shell__pane-hide-below-lg){grid-template-areas:"main";grid-template-rows:minmax(0,1fr);align-content:stretch}}@media(min-width:578px)and (max-width:907px){.app-shell__body:has(.app-shell__right.app-shell__pane-hide-below-lg){grid-template-columns:max-content minmax(0,1fr);grid-template-areas:"left main";grid-template-rows:minmax(0,1fr)}.app-shell__body:has(.app-shell__right.app-shell__pane-hide-below-lg) .app-shell__left{grid-area:left}}@media(max-width:577px){.app-shell:has(.app-shell__center--chats:not(.app-shell__pane-hide-below-lg)){height:100dvh;max-height:100dvh;overflow:hidden;--layout-bottom-nav: 0px}.app-shell:has(.app-shell__center--chats:not(.app-shell__pane-hide-below-lg)) .app-shell__body{min-height:0;padding:10px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.app-shell:has(.app-shell__center--chats:not(.app-shell__pane-hide-below-lg)) .app-bottom-nav{display:none}.app-shell__center--chats:not(.app-shell__pane-hide-below-lg){height:100%;max-height:none}}@media(min-width:578px){.app-shell{--layout-left: 48px;--layout-header-columns: 64px minmax(0, 1fr) auto;--layout-body-columns: var(--layout-left) minmax(0, 1fr);--layout-bottom-nav: 0px}}@media(min-width:578px)and (max-width:907px){.app-shell__body:has(.app-shell__right):not(:has(.app-shell__center--chats)){display:flex;flex-direction:row;align-items:flex-start;align-content:stretch;column-gap:var(--layout-column-gap);row-gap:0}.app-shell__body:has(.app-shell__right):not(:has(.app-shell__center--chats))>.app-shell__body-slots{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;row-gap:var(--spacing-stack)}.app-shell__body:has(.app-shell__right):not(:has(.app-shell__center--chats)) .app-shell__left{flex:0 0 auto;align-self:flex-start}}@media(min-width:578px)and (max-width:1079px){.app-shell__header-brand{width:64px;min-width:64px;height:64px;padding-left:0;justify-content:center}}@media(min-width:578px)and (max-width:907px){.app-shell__header-brand{justify-self:center}}@media(min-width:578px)and (max-width:718px){.app-shell{--layout-column-gap: 8px}.app-shell__header-brand{margin-right:6px;justify-self:stretch}.app-shell__header-end{width:64px;min-width:64px;max-width:64px;justify-content:center}.app-shell__header-profile{margin-left:0;padding-right:0;justify-content:center}.app-shell__header-end:has(.app-header-login){width:auto;min-width:64px;max-width:none}}@media(min-width:908px){.app-shell{--layout-right: clamp(240px, calc(35.0877vw - 78.596px) , 300px);--layout-center-max: clamp(580px, calc(35.0877vw + 261.404px) , 640px);--layout-body-columns: var(--layout-left) minmax(0, var(--layout-center-max)) var(--layout-right);--layout-header-columns: minmax(0, 1fr) var(--layout-left) var(--layout-column-gap) minmax(0, var(--layout-center-max)) var(--layout-column-gap) var(--layout-right) minmax(0, 1fr)}.app-shell__header{grid-template-columns:var(--layout-header-columns);column-gap:0;justify-content:stretch}.app-shell__header-brand{grid-column:1 / 3;min-width:0;justify-self:start}.app-shell__header-nav{grid-column:4}.app-shell__header-actions{display:flex}.app-shell__header-profile{position:static;right:auto;top:auto;bottom:auto;margin-left:0;flex:0 0 48px;z-index:1;justify-self:auto}.app-shell__header-profile:has(.app-header-login){flex:0 0 auto}.app-shell__header-end{grid-column:6 / -1;justify-self:stretch;width:100%;display:flex;justify-content:space-between;align-items:center;min-width:0;gap:var(--layout-header-inset)}}@media(min-width:1080px){.app-shell{--layout-right: clamp(240px, calc(50vw - 300px) , 299px);--layout-center-max: clamp(580px, calc(50vw + 40px) , 640px);--layout-left: 220px}}@media(max-width:1199px){.app-shell__header-profile{position:static;right:auto;top:auto;bottom:auto}.app-shell__header-actions{width:auto;min-width:0;flex:1 1 auto}}@media(min-width:1200px){.app-shell__header-end{min-width:var(--layout-right)}.app-shell__header-actions{width:var(--layout-right);min-width:var(--layout-right);max-width:var(--layout-right);flex:0 0 var(--layout-right)}.app-shell__header-end:has(.app-header-login){gap:var(--layout-header-inset)}.app-shell__header-end:has(.app-header-login) .app-shell__header-actions{width:auto;min-width:0;max-width:var(--layout-right);flex:0 1 var(--layout-right)}}@media(min-width:1200px)and (max-width:1320px){.app-shell{--layout-right: clamp(240px, calc(50vw - 360px) , 300px);--layout-center-max: clamp(580px, calc(50vw - 20px) , 640px)}}@media(min-width:1321px){.app-shell{--layout-right: 300px;--layout-center-max: 640px}}.app-shell-scroll-hint[data-scroll-up]{box-shadow:inset 0 18px 16px -12px #00000029}.app-shell-scroll-hint[data-scroll-down]{box-shadow:inset 0 -18px 16px -12px #00000029}.app-shell-scroll-hint[data-scroll-up][data-scroll-down]{box-shadow:inset 0 18px 16px -12px #00000029,inset 0 -18px 16px -12px #00000029}.app-shell-scroll-hint__arrow{--app-shell-scroll-hint-shift: 4px;animation:app-shell-scroll-hint 1.6s ease-in-out infinite}.app-shell-scroll-hint__arrow--up{--app-shell-scroll-hint-shift: -4px}@keyframes app-shell-scroll-hint{0%,to{opacity:.45;transform:translateY(0)}50%{opacity:1;transform:translateY(var(--app-shell-scroll-hint-shift, 4px))}}@media(prefers-reduced-motion:reduce){.app-shell-scroll-hint__arrow{animation:none;opacity:1}}.app-shell--debug{outline:2px dashed #0066ff;outline-offset:2px}.app-shell--debug .app-shell__header-brand{outline:2px dashed #999;outline-offset:-2px;background:#0000000a}.app-shell--debug .app-shell__header-nav,.app-shell--debug .app-shell__center{outline:2px dashed #59f02f;outline-offset:-2px;background:#59f02f0f}.app-shell--debug .app-shell__left{outline:2px dashed #3ece17;outline-offset:-2px;background:#3ece170f}.app-shell--debug .app-shell__header-actions,.app-shell--debug .app-shell__right{outline:2px dashed #ff702e;outline-offset:-2px;background:#ff702e0f}.app-header-nav-tab{background-color:transparent;transition:color .28s cubic-bezier(.32,.72,0,1),background-color .15s cubic-bezier(.4,0,.2,1)}.app-header-nav-tab:hover{background-color:var(--surface-chip, #f1f2f4)}.app-header-nav-tab[aria-current=page]:hover{background-color:#f8f8f8}@media(prefers-reduced-motion:reduce){.app-header-nav-tab{transition-duration:1ms}}.app-nav-press-glyph .app-nav-glyph{display:inline-flex;transform:translateZ(0);transform-origin:center;backface-visibility:hidden;transition:transform .3s cubic-bezier(.32,.72,0,1)}.app-nav-press-glyph:hover .app-nav-glyph{transform:translateZ(0) scale(1.04)}.app-nav-press-glyph:active .app-nav-glyph{transform:translateZ(0) scale(.92);transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.app-nav-plate{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#000;transform:scale(.82);opacity:0;pointer-events:none;transition:transform .28s cubic-bezier(.32,.72,0,1),opacity .15s cubic-bezier(.4,0,.2,1)}.app-nav-plate--on{transform:scale(1);opacity:1}@keyframes app-nav-glyph-pop{0%{transform:translateZ(0) scale(1)}34%{transform:translateZ(0) scale(.93)}to{transform:translateZ(0) scale(1)}}.app-nav-glyph-pop{animation:app-nav-glyph-pop .28s cubic-bezier(.32,.72,0,1)}@media(prefers-reduced-motion:reduce){.app-nav-press-glyph .app-nav-glyph{transition-duration:1ms}.app-nav-press-glyph:hover .app-nav-glyph,.app-nav-press-glyph:active .app-nav-glyph{transform:translateZ(0)}.app-nav-plate{transition:opacity .15s linear}.app-nav-glyph-pop{animation:none}}.app-bottom-nav__create-glow{position:absolute;left:.4px;top:0;width:44px;height:44px;border-radius:10px;pointer-events:none;background:radial-gradient(circle at 20% 18%,var(--primary) 30%,#7df42e 45%,#cde01e 65%,#f9c80e 85%);filter:blur(3px)}.app-bottom-nav__create-glow--back{left:4.4px;top:-4px;opacity:.7;filter:blur(5.5px)}.app-bottom-nav__burger{position:relative;display:inline-block;width:20px;height:20px;color:inherit}.app-bottom-nav__burger-line{position:absolute;left:2px;right:2px;height:2px;border-radius:1px;background:currentColor;transform-origin:center;transition:transform .2s cubic-bezier(.4,0,.2,1),top .2s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1),background-color .5s cubic-bezier(.32,.72,0,1)}.app-bottom-nav__burger-line--top{top:5px}.app-bottom-nav__burger-line--middle{top:9px}.app-bottom-nav__burger-line--bottom{top:13px}.app-bottom-nav__burger[data-open=true] .app-bottom-nav__burger-line--top{top:9px;transform:rotate(45deg)}.app-bottom-nav__burger[data-open=true] .app-bottom-nav__burger-line--middle{opacity:0;transform:scaleX(0)}.app-bottom-nav__burger[data-open=true] .app-bottom-nav__burger-line--bottom{top:9px;transform:rotate(-45deg)}@media(prefers-reduced-motion:reduce){.app-bottom-nav__burger-line{transition-duration:1ms}}@keyframes app-profile-menu-slide{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.app-profile-menu-item{animation:app-profile-menu-slide .3s cubic-bezier(.32,.72,0,1) both}.app-profile-menu-item:active{transform:scale(.97)}@media(prefers-reduced-motion:reduce){.app-profile-menu-item{animation:none}.app-profile-menu-item:active{transform:none}}