:root{--bg:#070b14;--bg-raised:#0c1322;--raised:#0c1322;--surface:#101a2d;--card:#090f1c;--card-body:#090f1c;--border:#1a2840;--border-soft:#121d31;--text:#e8edf7;--muted:#7f8ba0}
.site-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px 40px;border-bottom:1px solid var(--border-soft,#121d31)}
.site-nav .logo{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none;font-family:var(--mono,'JetBrains Mono',monospace);font-weight:700;font-size:17px;letter-spacing:.02em}
.site-nav .logo img{width:45px;height:45px;display:block;object-fit:contain}
.site-nav .nav-tabs{grid-column:2;display:flex;gap:4px;background:var(--bg-raised,#101728);border:1px solid var(--border-soft,#1a2337);border-radius:8px;padding:4px}
.site-nav .nav-tabs a{background:none;color:var(--muted,#8791a3);font-size:14px;font-weight:500;padding:8px 16px;border-radius:5px;text-decoration:none;white-space:nowrap}
.site-nav .nav-tabs a.active,.site-nav .nav-tabs a:hover{color:var(--text,#eef1f7);background:var(--surface,#131c31)}
.site-nav .nav-right{grid-column:3;justify-self:end;display:flex;align-items:center;gap:16px}
.site-nav .nav-right>a{color:var(--muted,#8791a3);text-decoration:none;font-size:14px}.site-nav .nav-right>a:hover{color:var(--text,#eef1f7)}
.site-nav .btn-signup,.site-nav .btn-signout{color:#fff;border:0;padding:9px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer}.site-nav .btn-signup{background:var(--accent,#8257e6)}.site-nav .btn-signout{background:var(--bg-raised,#101728);border:1px solid var(--border,#212c42);color:var(--muted,#8791a3)}.site-nav .btn-signout:hover{color:var(--text,#eef1f7);border-color:var(--accent,#8257e6)}
.site-nav .avatar-button{display:flex!important;align-items:center;gap:8px}.site-nav .avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:700 13px var(--mono,monospace);color:var(--text,#eef1f7);border:1px solid var(--border,#212c42);background:var(--surface,#131c31)}
.site-nav .social-link{color:var(--muted,#8791a3);text-decoration:none;display:flex;position:relative}.site-nav .social-link:hover{color:var(--text,#eef1f7)}.site-nav .social-link::after{content:attr(title);position:absolute;top:27px;left:50%;transform:translateX(-50%);background:var(--surface,#131c31);border:1px solid var(--border,#212c42);color:var(--text,#eef1f7);font:12px var(--sans,sans-serif);padding:5px 8px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:10}.site-nav .social-link:hover::after{opacity:1}
.download-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:btr-spin .7s linear infinite;margin-right:7px;vertical-align:-2px}@keyframes btr-spin{to{transform:rotate(360deg)}}
body:has(form#auth){display:block!important;min-height:100vh}body:has(form#auth) form#auth{margin:clamp(32px,14vh,140px) auto 40px!important}
@media(max-width:1100px){.site-nav{display:flex;flex-wrap:wrap;gap:14px;padding:16px 20px}.site-nav .nav-tabs{order:3;width:100%;justify-content:center;overflow:auto}.site-nav .nav-right{margin-left:auto}}
@media(max-width:650px){.site-nav .nav-tabs{justify-content:flex-start}.site-nav .nav-tabs a{padding:8px 10px}.site-nav .nav-right{gap:9px}.site-nav .social-link{display:none}.site-nav .btn-signup,.site-nav .btn-signout{padding:8px 10px}}