:root{--site-nav-bg:#0b0d10;--site-nav-border:#262c33;--site-nav-muted:#9ba2aa;--site-nav-accent:#ff4b0b;--site-nav-accent-light:#ff713c;--site-nav-accent-soft:rgba(255,75,11,.12)}
.site-nav-actions{display:flex;align-items:center;gap:.8rem}.site-nav-menu,.site-account-menu{position:relative}.site-nav-actions summary{width:48px;height:48px;position:relative;display:grid;place-items:center;border:1px solid var(--site-nav-border);border-radius:50%;background:var(--site-nav-bg);color:#fff;font-size:1.12rem;list-style:none;cursor:pointer}.site-nav-actions summary::-webkit-details-marker{display:none}.site-nav-actions details[open]>summary{border-color:var(--site-nav-accent);box-shadow:0 0 0 3px var(--site-nav-accent-soft)}
.site-nav-panel{width:270px;position:absolute;z-index:100;right:0;top:60px;padding:10px;display:grid;gap:4px;border:1px solid var(--site-nav-border);border-radius:16px;background:rgba(11,13,16,.98);box-shadow:0 24px 70px rgba(0,0,0,.58)}.site-nav-panel>strong{padding:9px;color:#fff;font-size:.72rem}.site-nav-panel>a,.site-nav-panel button{width:100%;min-height:42px;padding:10px;display:flex;align-items:center;gap:.75rem;border:0;border-radius:9px;background:transparent;color:#c9ced3;font:inherit;font-size:.75rem;text-align:left;text-decoration:none;cursor:pointer}.site-nav-panel>a:hover,.site-nav-panel button:hover{background:var(--site-nav-accent-soft);color:var(--site-nav-accent-light)}.site-nav-icon{width:24px;flex:0 0 24px;color:var(--site-nav-accent);font-size:1rem;text-align:center}.site-nav-icon.code-icon{font-size:.67rem;font-weight:900;letter-spacing:-.08em}
.site-account-avatar{width:38px;height:38px;display:block;border-radius:50%;object-fit:cover;object-position:center;background:var(--site-nav-bg);color:#fff}.avatar-fallback{display:grid;place-items:center;background:linear-gradient(145deg,var(--site-nav-accent-light),var(--site-nav-accent));font-size:.86rem;font-weight:900;text-transform:uppercase}.site-account-caret{width:16px;height:16px;position:absolute;right:-3px;bottom:-2px;display:grid;place-items:center;border:2px solid #050607;border-radius:50%;background:#dfe3e7;color:#111;font-size:.66rem;font-weight:900}.account-panel header{min-height:66px;padding:8px;display:flex;align-items:center;gap:.8rem;border-bottom:1px solid var(--site-nav-border)}.account-panel header .site-account-avatar{width:42px;height:42px;flex:0 0 42px}.account-panel header div{min-width:0;display:grid;gap:.25rem}.account-panel header strong{overflow:hidden;color:#fff;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.account-panel header small{color:var(--site-nav-muted);font-size:.62rem}.account-panel form{margin:0;padding-top:4px;border-top:1px solid var(--site-nav-border)}
.site-login-button{min-height:46px;padding:0 1.1rem;display:inline-flex;align-items:center;border:1px solid var(--site-nav-border);border-radius:999px;background:var(--site-nav-bg);color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.site-login-button:hover{border-color:var(--site-nav-accent);color:var(--site-nav-accent-light)}
@media(max-width:650px){.site-nav-actions{gap:.55rem}.site-nav-actions summary{width:44px;height:44px}.site-nav-panel{width:min(270px,calc(100vw - 2rem));top:56px}.site-login-button{min-height:42px;padding:0 .85rem;font-size:.62rem}}