.topbar{height:90px;position:sticky;top:0;z-index:30;display:grid;grid-template-columns:475px minmax(230px,1fr) 180px;align-items:center;border-bottom:1px solid rgba(51,108,140,.23);background:linear-gradient(100deg,#06111b,#03101c 54%,#04101b);isolation:isolate;box-shadow:0 10px 34px rgba(0,0,0,.18)}
.topbar:after{content:"";position:absolute;pointer-events:none;inset:0;z-index:-2;background:radial-gradient(ellipse at 73% 9%,rgba(58,149,214,.15),transparent 40%),linear-gradient(180deg,transparent 68%,rgba(0,0,0,.36))}
.brand-zone{display:flex;align-items:center;min-width:0;padding-left:28px;position:relative;z-index:1}.brand{display:flex;align-items:center;white-space:nowrap;color:#f3f7ff!important;gap:12px;text-decoration:none!important}.brand-raven{width:103px;height:74px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(0,190,255,.12))}.brand-name{font-weight:800;letter-spacing:3.6px;font-family:'Arial Narrow','Segoe UI',sans-serif;font-size:30px;line-height:1}.brand-dot{font-size:18px;color:var(--accent);letter-spacing:4.8px;margin-left:1px}.topbar-art{position:absolute;z-index:-1;top:0;right:96px;width:370px;height:89px;background:url('../img/sky-fortress.webp') center /cover no-repeat;opacity:.82;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 75%,transparent 99%);pointer-events:none}
.topbar-search{justify-self:start;position:relative;width:min(435px,100%);height:47px;display:flex;align-items:center;border:1px solid rgba(71,119,146,.3);background:rgba(1,8,16,.9);border-radius:50px;color:#90a5bd;z-index:5;box-shadow:0 0 0 1px rgba(0,0,0,.2)}.topbar-search:focus-within{border-color:var(--accent);box-shadow:0 0 16px rgba(0,196,255,.1)}.search-lens{margin:0 17px;display:flex}.topbar-search input{background:none;border:0;outline:none;width:100%;min-width:30px;font-size:14px}.topbar-search input::-webkit-search-cancel-button{filter:grayscale(1)}.topbar-search kbd{margin-right:18px;min-width:47px;white-space:nowrap;background:#101d2b;border:1px solid #203143;box-shadow:inset 0 0 4px #030b12;color:#97a7ba;border-radius:6px;text-align:center;font:12px/1.65 'Segoe UI',sans-serif}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px;padding-right:26px;position:relative;z-index:4}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:35px;min-height:35px;position:relative;color:#c7d6e8}.icon-button:hover{color:var(--accent)}.notification-trigger .icon{width:25px;height:25px}.notify-dot,.nav-dot{width:9px;height:9px;position:absolute;right:2px;top:0;border-radius:100%;background:#10baff;border:1px solid #082235;box-shadow:0 0 8px #00beff}.nav-dot{right:auto;left:43px;top:5px}.avatar-button{width:48px;height:48px;overflow:hidden;border:1px solid #35597b;border-radius:50%;padding:0;box-shadow:0 0 12px rgba(0,0,0,.45)}.avatar-button img{width:100%;height:100%;object-fit:cover}.header-chevron{min-width:18px}.mobile-menu{display:none}
.layout{max-width:1900px;margin:auto;display:grid;grid-template-columns:265px minmax(390px,1fr) 370px;min-height:calc(100vh - 90px)}.sidebar{position:sticky;top:90px;height:calc(100vh - 90px);overflow:hidden;border-right:1px solid rgba(27,66,94,.21);background:linear-gradient(180deg,rgba(0,7,13,.72),rgba(0,7,12,.9));align-self:start}.side-main{position:relative;z-index:2;padding:35px 29px 25px 25px}.nav-stack{display:flex;flex-direction:column;gap:2px}.nav-link{height:48px;width:100%;display:flex;align-items:center;gap:20px;padding:0 24px;border-radius:11px;text-align:left;color:#d0d9e8;font-size:16px;font-weight:500;position:relative;transition:background .14s,color .14s}.nav-link .icon{width:23px;height:23px}.nav-link:hover{background:rgba(12,44,65,.5);color:#e7f9ff}.nav-link.selected{color:var(--accent);font-weight:700;background:linear-gradient(90deg,rgba(2,69,102,.45),rgba(6,40,62,.28))}.nav-link.selected:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;background:#00bfff;box-shadow:0 0 10px #00bfff}.nav-link.selected .icon{fill:var(--accent);stroke:#00a5dd}.big-post-button{width:100%;height:53px;display:flex;align-items:center;justify-content:flex-start;gap:20px;margin:28px 4px 0;border:2px solid #02ccff;border-radius:20px;padding-left:19px;background:linear-gradient(110deg,rgba(0,50,73,.7),rgba(4,63,89,.48));color:#17d5ff;font-size:16px;font-weight:750;box-shadow:0 0 19px rgba(0,188,255,.23),inset 0 0 20px rgba(1,113,167,.13)}.big-post-button:hover{background:linear-gradient(90deg,#074765,#083952);box-shadow:0 0 27px rgba(0,201,255,.5)}.big-post-button .icon{width:25px;height:25px}.sidebar-raven{position:absolute;z-index:0;bottom:0;left:0;width:100%;height:368px;opacity:.94;background:linear-gradient(180deg,#030c15 0%,transparent 12%),url('../img/raven-sidebar.webp') center bottom / 269px 368px no-repeat;pointer-events:none}.sidebar-raven:before{content:"";position:absolute;inset:0 0 auto;height:20px;background:linear-gradient(180deg,#020a12,transparent)}
.main-column{min-width:0;min-height:100vh;border-right:1px solid rgba(36,86,116,.19);background:rgba(3,10,17,.55)}.right-column{min-width:0;padding:21px 22px 42px 15px;background:linear-gradient(90deg,rgba(3,9,15,.48),rgba(1,7,11,.72))}#main-view{min-height:560px}.mobile-bottom-nav{display:none}