.browser-shell{--browser-shell-sidebar-w:240px;min-height:100dvh;display:flex;background:var(--app-bg)}.browser-shell__skip{position:absolute;left:-9999px;top:0;z-index:1000;padding:8px 12px;background:#fff;color:#111}.browser-shell__skip:focus{left:12px;top:12px}.browser-shell__sidebar{display:none}.browser-shell__main{flex:1 1;min-width:0;display:flex;flex-direction:column}.browser-shell__content{flex:1 1;width:100%;max-width:min(1200px,100%);margin-inline:auto}@media (min-width:1024px){.browser-shell__sidebar{display:flex;flex-direction:column;width:var(--browser-shell-sidebar-w);flex-shrink:0;padding:24px 16px;border-right:1px solid var(--border-subtle,rgba(15,23,42,.08));background:var(--paper-1,#fff)}.browser-shell__brand{font-weight:700;font-size:1.125rem;margin-bottom:24px;padding:0 8px}.browser-shell__nav{display:flex;flex-direction:column;gap:4px}.browser-shell__nav-link{display:block;padding:10px 12px;border-radius:10px;color:var(--text-primary,#0f172a);text-decoration:none;font-weight:500}.browser-shell__nav-link:focus-visible,.browser-shell__nav-link:hover{background:rgba(15,23,42,.06)}.browser-shell__nav-link--active{background:rgba(37,99,235,.12);color:var(--accent,#2563eb)}.browser-shell__logout{margin-top:auto;margin-inline:8px;min-height:44px;padding:10px 12px;border:1px solid var(--border-subtle,rgba(15,23,42,.12));border-radius:10px;background:transparent;color:var(--text-secondary,#475569);font-weight:500;cursor:pointer}.browser-shell__logout:focus-visible,.browser-shell__logout:hover{background:rgba(220,38,38,.08);color:#b91c1c}}.browser-shell .tab-shell{max-width:min(1200px,100%)}.browser-shell .miniapp--with-nav .tab-shell__scroll{padding-bottom:max(var(--app-content-pad),env(safe-area-inset-bottom,0px))}