nexus-navigation{display:block;font:14px/1.5 Arial,sans-serif;color:var(--text)}nexus-navigation [hidden]{display:none!important}nexus-navigation .nexus-nav-header{box-sizing:border-box;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:12px;background:var(--surface);color:var(--text);border-bottom:1px solid var(--line);padding:calc(8px + env(safe-area-inset-top,0px)) max(18px,env(safe-area-inset-right,0px)) 8px max(18px,env(safe-area-inset-left,0px));min-height:calc(72px + env(safe-area-inset-top,0px));margin:0}
nexus-navigation .nexus-nav-brand{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;text-decoration:none;color:var(--text);font-size:19px;font-weight:700;letter-spacing:3px}nexus-navigation .nexus-nav-brand img{width:94px;height:50px;object-fit:contain}nexus-navigation .nexus-nav-brand span{display:block;color:var(--text);font-size:19px;font-weight:700;letter-spacing:3px}
nexus-navigation .nexus-nav-icon{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--text);font:24px/1 Arial,sans-serif;cursor:pointer}nexus-navigation .nexus-nav-icon span{color:inherit;font:inherit;letter-spacing:0}nexus-navigation .nexus-nav-settings{position:relative;justify-self:end}nexus-navigation .nexus-nav-links{position:absolute;right:0;top:calc(100% + 10px);min-width:195px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px;z-index:40;box-shadow:0 8px 26px #0002}nexus-navigation .nexus-nav-links a{display:flex;align-items:center;min-height:44px;padding:8px 12px;color:var(--text);font-size:13px;font-weight:400;letter-spacing:0;text-decoration:none}nexus-navigation .nexus-nav-links a:hover{background:var(--surface2)}
nexus-navigation .nexus-nav-drawer{box-sizing:border-box;position:fixed;inset:0 auto 0 0;width:min(300px,90vw);max-width:90vw;height:100dvh;max-height:100dvh;margin:0;padding:calc(20px + env(safe-area-inset-top,0px)) 22px calc(22px + env(safe-area-inset-bottom,0px));background:var(--surface);color:var(--text);border:0;border-right:1px solid var(--line);border-radius:0;overflow:auto;font:14px/1.5 Arial,sans-serif}nexus-navigation .nexus-nav-drawer::backdrop{background:#0006}nexus-navigation .nexus-nav-drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}nexus-navigation .nexus-nav-drawer-heading h2{font:700 20px/1.3 Arial,sans-serif;letter-spacing:0;margin:0;color:var(--text)}nexus-navigation .nexus-nav-label{font-size:12px;color:var(--muted);margin:30px 0 10px}nexus-navigation nav{display:flex;flex-direction:column;gap:6px;margin:0;padding:0}nexus-navigation nav a{display:flex;align-items:center;min-height:46px;padding:10px 12px;border-radius:6px;font:14px/1.5 Arial,sans-serif;text-decoration:none;color:var(--text)}nexus-navigation nav a[href="/"]{background:var(--green-soft);color:var(--green)}nexus-navigation .nexus-nav-preferences{display:flex;flex-direction:column;gap:8px;margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}nexus-navigation .nexus-nav-preferences button{font:14px/1.5 Arial,sans-serif;min-height:46px;padding:10px 12px;text-align:left;background:var(--surface2);color:var(--text);border:1px solid var(--line);border-radius:6px;cursor:pointer}nexus-navigation .nexus-nav-message{font-size:12px;color:var(--muted);margin:14px 0 0}nexus-navigation button:focus-visible,nexus-navigation a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:610px){nexus-navigation .nexus-nav-header{min-height:calc(66px + env(safe-area-inset-top,0px));padding-top:calc(6px + env(safe-area-inset-top,0px));padding-bottom:6px;padding-left:max(10px,env(safe-area-inset-left,0px));padding-right:max(10px,env(safe-area-inset-right,0px));gap:6px}nexus-navigation .nexus-nav-brand{gap:8px}nexus-navigation .nexus-nav-brand img{width:76px;height:44px}nexus-navigation .nexus-nav-brand span{font-size:16px;letter-spacing:2px}}