/* Simula's viewport stays fixed. The center column owns page scrolling. */
html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}
.app-frame{width:100%;max-width:none;height:100vh;height:100dvh;min-height:0;margin:0;padding:0;border:0;display:flex;flex-direction:column;overflow:hidden}
.app-frame:before,.app-frame:after{display:none}
.topbar{height:68px;min-height:68px;flex:none;padding:0 26px;position:relative;z-index:10}
.topbar-actions{gap:14px}
.mobile-social{display:none}
.workspace{display:grid;grid-template-columns:220px minmax(0,1fr) clamp(240px,21vw,370px) 270px;flex:1;min-height:0;height:0;overflow:hidden;align-items:stretch}
.sidebar{position:relative;top:auto;height:100%;min-height:0;max-height:none;overflow:hidden;padding:26px 20px 22px;gap:24px}
.sidebar-top{flex:none}
.sidebar-bottom{flex:none}
.nav-list{gap:5px}
.nav-item{font-size:13px}
.nav-divider{margin-block:14px 11px}
.nav-social svg{width:17px;height:17px}
.create-button{margin-top:22px}
.network-card{padding:19px 15px;background:#6f8cff04}
.network-stats{margin:0}
.network-stats>a{display:flex;flex-direction:column;gap:7px}
.network-stats>a+a{padding-left:19px;border-left:1px solid var(--line)}
.network-stats>a:hover strong{color:var(--soft)}
main{height:100%;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#333d59 transparent;scroll-behavior:auto;border-inline:1px solid var(--line);outline:none}
main::-webkit-scrollbar{width:6px}
main::-webkit-scrollbar-thumb{background:#333d59;border-radius:8px}
.page-header{padding:29px 28px 24px}
.post:last-child{margin-bottom:24px}
.orb-core{animation:none}
.pulse-rail,.right-rail{position:relative;top:auto;height:100%;min-height:0;min-width:0;overflow:hidden;padding:30px 22px 24px}
.pulse-rail{border-right:1px solid var(--line);background:linear-gradient(155deg,#121a300c,transparent)}
.rail-heading{margin-bottom:12px;min-height:21px}
.rail-heading h2{font-size:13px;font-weight:500;letter-spacing:-.2px}
.pulse-event{padding:14px 0;border-bottom:1px solid var(--line)}
.pulse-event-head{display:flex;align-items:center;gap:9px;min-width:0}
.pulse-event-head .avatar{width:27px;height:27px;border-radius:7px}
.pulse-event-name{font-size:11px;font-weight:500;color:#d4d9e8}
.pulse-event-time{margin-left:auto;color:var(--quiet);font-size:9px;white-space:nowrap}
.pulse-event p{color:#9199ad;font-size:11px;line-height:1.7;margin:7px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.pulse-event p button{color:var(--soft);font-size:inherit}
.pulse-event .pulse-kind{display:inline-flex;align-items:center;gap:5px;font-size:8px;letter-spacing:.03em;margin:6px 0 0;color:#8c9cc7}
.pulse-event .pulse-kind svg{width:11px;height:11px}
.pulse-event .pulse-kind.trade{color:var(--green)}
.pulse-rail>.rail-link{margin-top:15px}
.right-rail{padding-inline:20px}
.rail-section{margin-bottom:24px;padding-bottom:20px}
.influence-section{border-bottom:0;margin-bottom:0;padding-bottom:0}
#influence-list{margin-top:13px}
.right-rail .coin-details strong,.right-rail .coin-change strong{font-size:11px}
.right-rail .coin-details small,.right-rail .coin-change small{font-size:9px}
.right-rail .influence-row .identity-name{font-size:11px}
.right-rail .influence-row .identity-handle{font-size:9px}
.right-rail .rail-link{font-size:10px}
@media(min-width:1600px){
  .workspace{grid-template-columns:240px minmax(0,1fr) clamp(300px,21vw,430px) 290px}
  .sidebar{padding-inline:24px}
  .pulse-rail,.right-rail{padding-inline:26px}
}
@media(max-width:1190px){
  .workspace{grid-template-columns:76px minmax(0,1fr) 230px 230px}
  .sidebar{padding-inline:12px}
  .sidebar-bottom,.nav-item>span:not(:first-child),.create-button .button-arrow{display:none}
  .nav-item{justify-content:center;padding:0}
  .create-button{font-size:0;padding:12px 0;justify-content:center}
  .create-button svg{width:20px;height:20px}
  .nav-divider{margin-inline:4px}
  .pulse-rail,.right-rail{padding-inline:17px}
  .pulse-event p{margin-left:0}
  .pulse-event .pulse-kind{margin-left:0}
}
@media(max-width:1000px){
  .workspace{grid-template-columns:76px minmax(0,1fr) 255px}
  .pulse-rail{display:none}
  .right-rail{display:block;padding-inline:20px}
}
@media(max-width:780px){
  .workspace{grid-template-columns:76px minmax(0,1fr)}
  .right-rail{display:none}
  main{border-right:0}
}
@media(max-width:560px){
  .app-frame{padding-bottom:calc(62px + env(safe-area-inset-bottom,0px))}
  .topbar{height:64px;min-height:64px;padding-inline:20px}
  .mobile-social{display:inline-flex}
  .mobile-social svg{width:16px;height:16px}
  .workspace{grid-template-columns:minmax(0,1fr)}
  .sidebar{display:none}
  main{border:0;scrollbar-gutter:auto}
  .page-header{padding:25px 20px 22px}
  .mobile-nav{height:calc(62px + env(safe-area-inset-bottom,0px));align-items:center;padding:7px 10px calc(7px + env(safe-area-inset-bottom,0px))}
  .post:last-child{margin-bottom:8px}
}
@media(max-height:820px) and (min-width:561px){
  .topbar{height:60px;min-height:60px}
  .sidebar{padding-block:18px;gap:15px}
  .nav-item{height:36px}
  .nav-list{gap:3px}
  .nav-divider{margin-block:9px}
  .create-button{margin-top:16px}
  .network-card{padding-block:14px}
  .network-stats strong{font-size:21px}
  .pulse-rail,.right-rail{padding-top:22px}
  .pulse-event{padding-block:7px}
  .pulse-event p{line-height:1.55;margin-top:7px}
  .pulse-event .pulse-kind{margin-top:5px}
  .coin-row{padding-block:9px}
  .rail-section{padding-bottom:14px;margin-bottom:17px}
  .influence-row{padding-block:7px}
  .right-rail .rail-link{margin-top:8px}
}
@media(prefers-reduced-motion:reduce){main{scroll-behavior:auto}}
