:host{display:block;position:relative;z-index:1000;width:100%;max-width:100%;color:#f0f1f3;font:13px/1.4 Inter,system-ui,sans-serif}
*{box-sizing:border-box}
[hidden]{display:none!important}
header{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;width:100%;height:44px;padding:0 12px;background:#07080a;border-bottom:1px solid #292a2d;overflow:hidden}
a,button{font:inherit;color:inherit;text-decoration:none}
button{appearance:none;cursor:pointer;background:transparent;border:0}
a:focus-visible,button:focus-visible{outline:2px solid #65ded7;outline-offset:-3px;border-radius:6px}
.brand{flex:0 0 auto;white-space:nowrap;font-weight:600;height:43px;padding:0 4px}
.brand span{margin-left:4px}
.workspace-nav{display:flex;align-items:center;flex:1 1 auto;min-width:0;gap:4px;overflow:hidden;white-space:nowrap}
.nav-link{display:flex;align-items:center;justify-content:space-between;white-space:nowrap;padding:8px 10px;border-radius:6px}
.nav-link:hover,.brand:hover,.more:hover{background:#202124}
.nav-link[aria-current=page]{background:#202124;color:#65ded7}
.more{flex:0 0 auto;white-space:nowrap;padding:8px 10px}
.account{flex:0 0 36px;width:36px;height:36px;margin-left:auto;border:1px solid #35373b;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;background:#151619}
.account svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
dialog{position:fixed;inset:48px auto auto 12px;margin:0;width:360px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 60px);padding:0;border:1px solid #35373b;border-radius:12px;background:#07080a;color:#f0f1f3;font:13px/1.4 Inter,system-ui,sans-serif;overflow:auto;overscroll-behavior:contain;box-shadow:0 12px 45px #0008}
dialog::backdrop{background:#0006}
.sheet-heading{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#07080a;border-bottom:1px solid #292a2d;z-index:1}
h2{font-size:15px;margin:0;font-weight:600}
.close{width:44px;height:44px;font-size:26px;border-radius:6px}
.sheet-content{padding:8px 14px 16px;overflow-wrap:anywhere}
.sheet-links,section nav{display:flex;flex-direction:column}
.sheet-links .nav-link,section nav a,#account-state>a{display:flex;align-items:center;min-height:48px;padding:12px;border-bottom:1px solid #292a2d;white-space:normal}
section nav a{justify-content:space-between;gap:12px}
small{color:#afb1b7;font-size:12px}
h3{margin:20px 12px 4px;font-size:12px;color:#afb1b7;text-transform:uppercase;letter-spacing:.08em}
p{margin:10px 12px;color:#afb1b7;font-size:12px}
#account-state .primary{justify-content:center;margin:6px 0 12px;background:#65ded7;color:#07080a;border-radius:8px;border:0;font-weight:600}
@media(max-width:767px){
 :host([data-public-anonymous]){display:none}
 header{height:44px;padding:0 12px;justify-content:space-between}
 .workspace-nav,.more{display:none!important}
 .brand{font-size:13px}
 dialog{inset:auto 0 0;width:100%;max-width:100%;max-height:calc(100dvh - 24px);border-radius:16px 16px 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom,0px)}
 .sheet-content{padding:8px 16px 16px}
 .sheet-links .nav-link,section nav a,#account-state>a{min-height:48px;font-size:15px}
}