.camera-panel{gap:var(--g-spacing-2);width:100%;max-width:412px;padding:var(--g-spacing-6)var(--g-spacing-4);border:1px solid var(--g-color-line-generic);border-radius:var(--g-border-radius-2xl);background:var(--g-color-base-background);flex-direction:column;display:flex;position:relative;box-shadow:0 2px 8px #0000000d,0 4px 24px #0000000d}.camera-panel--floating{z-index:70;opacity:1;position:fixed;transform:translateY(0)}.camera-panel--dragging{-webkit-user-select:none;user-select:none}.camera-panel--floating.camera-panel--entering{opacity:0;transform:translateY(8px)}.camera-panel--floating.camera-panel--open{opacity:1;transition:opacity .25s ease-in,transform .25s ease-in;transform:translateY(0)}.camera-panel--floating.camera-panel--exiting{opacity:0;pointer-events:none;transition:opacity .25s ease-in-out,transform .25s ease-out;transform:translateY(8px)}.camera-panel__drag-zone{cursor:grab;touch-action:none;height:16px;position:absolute;top:0;left:0;right:0}.camera-panel--dragging .camera-panel__drag-zone{cursor:grabbing}.camera-panel__header{align-items:center;min-height:28px;display:flex}.camera-panel__header--draggable{cursor:grab;touch-action:none}.camera-panel--dragging .camera-panel__header--draggable{cursor:grabbing}.camera-panel__header-spacer{width:28px;height:28px}.camera-panel__media-frame{aspect-ratio:380/214;border:1px solid var(--g-color-line-generic);border-radius:var(--g-border-radius-2xl);background:var(--g-color-base-generic);width:100%;max-width:380px;position:relative;overflow:hidden}.camera-panel__video,.camera-panel__preview-image{object-fit:cover;border-radius:var(--g-border-radius-2xl);width:100%;height:100%;position:absolute;inset:0}.camera-panel__preview-image{z-index:1}.camera-panel__media-overlay{background:color-mix(in srgb,var(--g-color-base-background),transparent 20%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.camera-panel__actions{gap:var(--g-spacing-3);width:100%;display:flex}.camera-panel__button{flex:1 1 0;justify-content:center}.camera-panel__button--primary{color:var(--g-color-text-brand-contrast)}
.navigation{z-index:60}.widgets-button{width:44px;height:44px}.widgets-panel{opacity:0;pointer-events:none;width:264px;padding:var(--g-spacing-4)var(--g-spacing-3);background-color:var(--g-color-base-background);border:1px solid var(--g-color-line-generic);border-radius:var(--g-border-radius-2xl);z-index:61;transition:opacity .2s,transform .2s;position:fixed;top:50%;left:50%;transform:translate(-50%,calc(16px - 50%));box-shadow:0 2px 8px #0000000d,0 4px 24px #0000000d}.widgets-panel--open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.widgets-panel--left{top:0;left:0;transform:translateY(calc(16px - 50%))}.widgets-panel--left.widgets-panel--open{transform:translateY(-50%)}.widgets-panel--bottom{top:auto;bottom:89px;transform:translate(-50%,16px)}.widgets-panel--bottom.widgets-panel--open{transform:translate(-50%)}.widgets-panel__header{margin-bottom:var(--g-spacing-2)}.widgets-panel__divider{background-color:var(--g-color-line-generic);height:1px;margin-bottom:var(--g-spacing-2)}.widgets-panel__item{align-items:center;gap:var(--g-spacing-2);width:100%;padding:var(--g-spacing-2);color:var(--g-color-text-primary);text-align:left;cursor:pointer;background-color:#0000;border:none;border-radius:6px;display:flex}.widgets-panel__item:hover{background-color:var(--g-color-base-generic-hover)}.widgets-panel__overlay{opacity:0;pointer-events:none;z-index:59;background:0 0;border:none;position:fixed;inset:0}.widgets-panel__overlay--open{pointer-events:auto}.navigation--bottom{background-color:var(--g-color-base-float);border:1px solid var(--g-color-line-generic);border-radius:var(--g-border-radius-xl);width:fit-content;margin:0 auto;position:fixed;bottom:16px;left:16px;right:0}.navigation--bottom .nav-container{height:100%}.navigation--bottom .logo-area,.navigation--bottom .avatarWrapper,.navigation--bottom .theme-toggle{display:none}.navigation--bottom .nav-items{height:100%;padding:var(--g-spacing-2);justify-content:space-between;align-items:center;gap:var(--g-spacing-2);display:flex}.navigation--bottom .menu-button{width:44px;height:44px;color:var(--g-color-text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex}.navigation--bottom .menu-button:hover{color:#374151}@media (min-width:768px){.navigation--left{background-color:var(--g-color-base-float-announcement);width:100px;height:100vh;position:sticky;top:0}.navigation--left .nav-container{height:100%;padding:var(--g-spacing-6);flex-direction:column;align-items:center;display:flex}.navigation--left .logo-area{justify-content:center;display:flex}.navigation--left .logo-wrapper{flex-direction:column;align-items:center;display:flex}.navigation--left .logo-bars{flex-direction:column;align-items:center;margin-top:8px;display:flex}.navigation--left .nav-items{justify-content:center;align-items:center;gap:var(--g-spacing-4);flex-direction:column;flex:1;padding:32px 0;display:flex}.navigation--left .menu-button{display:none}.navigation--left .theme-toggle{border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto;transition:background-color .2s;display:flex}.navigation--left .theme-toggle:hover{background-color:var(--g-color-base-generic-hover)}}.g-menu_size_m{padding:4px;line-height:28px}.g-menu_size_m .g-menu__item,.g-menu_size_m .g-menu__group-label{padding:0 var(--g-spacing-3);border-radius:6px}.g-popup_open{visibility:visible;border-radius:8px}@media (max-width:767px){.navigation--chat-route{display:none}.navigation{background-color:var(--g-color-base-float);border:1px solid var(--g-color-line-generic);border-radius:var(--g-border-radius-xl);height:65px;position:fixed;bottom:16px;left:16px;right:16px}.navigation .nav-container{height:100%}.navigation .logo-area,.navigation .avatarWrapper,.navigation .theme-toggle{display:none}.navigation .nav-items{justify-content:space-between;align-items:center;height:100%;padding:0 16px;display:flex}.navigation .menu-button{width:44px;height:44px;color:var(--g-color-text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex}.navigation .menu-button:hover{color:#374151}}.profile-popup{padding:8px 12px}