.header{z-index:100;height:var(--hh);background:var(--editorial-obsidian);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--editorial-hairline);position:sticky;top:0}.header .header-inner{gap:clamp(12px,2vw,32px);min-width:0;max-width:3200px;padding-inline:clamp(16px,3vw,80px)}.header-search{flex:1;min-width:0;max-width:640px;margin:0 auto;position:relative}.header-search input{background:var(--bg2);border:1px solid var(--editorial-hairline);border-radius:var(--r-control);width:100%;min-height:44px;color:var(--t1);font-size:var(--type-body);transition:var(--ease);box-sizing:border-box;padding:10px 16px 10px 40px}.header-search input::placeholder{color:var(--t3)}.header-search input:focus{border-color:var(--editorial-violet-light);background:var(--bg2)}.header-search .search-icon{color:var(--t3);pointer-events:none;display:flex;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.header-actions .avatar-btn{border-radius:var(--r-control)!important;min-width:44px!important;min-height:44px!important}[data-theme=light] .header{background:var(--header-bg);border-bottom-color:var(--border)}.sidebar-overlay{z-index:199;opacity:0;background:#000000a6;transition:opacity .22s ease-out;position:fixed;inset:0}.sidebar-overlay.visible{opacity:1}.page-shell{min-height:calc(100dvh - var(--hh));background:var(--bg);flex-direction:column;display:flex}.page-shell>.footer>.container{padding-inline:clamp(16px,3vw,80px)}.page-with-sidebar{flex:1;align-items:flex-start;width:100%;min-width:0;max-width:3200px;margin:0 auto;padding-inline:clamp(16px,3vw,80px);display:flex}.page-content{border-left:1px solid var(--editorial-hairline);flex:1;min-width:0;padding-inline:clamp(16px,2.5vw,64px)}.burger-btn{border-radius:var(--r-control);background:var(--bg2);width:44px;height:44px;color:var(--t2);border:1px solid var(--editorial-hairline);cursor:pointer;transition:var(--ease);flex-shrink:0;justify-content:center;align-items:center;display:none}.burger-btn:hover{background:var(--bg3);color:var(--t1)}@media (max-width:768px){.burger-btn{display:flex}.header-search{display:none}.header-actions{margin-left:auto}.header-actions button[aria-label^=Уведомления]+div{width:min(300px,100vw - 16px);top:calc(var(--hh) + 8px)!important;min-width:0!important;position:fixed!important;right:8px!important}.page-with-sidebar{padding-inline:0}.page-content{padding-inline:16px;padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom) + var(--mobile-fixed-gap));border-left:0;overflow-x:clip}.page-shell>.footer{padding-bottom:calc(32px + var(--mobile-nav-height) + env(safe-area-inset-bottom) + var(--mobile-fixed-gap))}}@media (max-width:640px){.header-actions{gap:4px}.header-actions .btn-sm{font-size:var(--type-caption);padding:7px 10px}.header-actions .btn-ghost{display:none}}
.profile-setup-overlay{overscroll-behavior:contain;touch-action:pan-y;justify-content:center;align-items:center;height:100dvh;padding:16px;display:flex;overflow-y:auto}.profile-setup-dialog{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;width:100%;max-width:380px;max-height:calc(100dvh - 32px);padding:32px;scroll-padding-block:72px;overflow-y:auto}.profile-setup-close{z-index:2;touch-action:manipulation;width:44px;height:44px}@media (max-width:640px){.profile-setup-overlay{padding:max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom));align-items:flex-start}.profile-setup-dialog{max-height:calc(100vh - 16px);max-height:calc(100dvh - max(16px, env(safe-area-inset-top) + env(safe-area-inset-bottom)));padding:24px 20px}}
.bottom-nav{display:none}@media (max-width:768px){.bottom-nav{z-index:150;background:var(--bg);border-top:1px solid var(--editorial-hairline);min-height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));padding:6px 0 env(safe-area-inset-bottom);justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{min-width:44px;min-height:44px;font-size:var(--type-caption);color:var(--t2);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:4px 2px;font-weight:600;text-decoration:none;display:flex}.bottom-nav-item.is-active{color:var(--t1);box-shadow:inset 0 2px var(--editorial-violet)}.bottom-nav-cta{color:var(--t1)}.bottom-nav-cta svg{background:var(--editorial-violet);border-radius:var(--r-control);width:44px;height:44px;color:var(--editorial-ink);margin-top:-18px;padding:10px}}