.cyber-navbar{padding:calc(.35rem + env(safe-area-inset-top,0px)) .5rem .35rem;background:var(--color-surface);border:1px solid color-mix(in srgb, var(--color-primary) 30%, transparent);box-sizing:border-box;border-radius:6px;align-items:center;gap:.25rem;display:flex}.cyber-navbar[data-disabled=true]{opacity:.4;pointer-events:none}.cyber-navbar-nav{position:relative}.cyber-navbar-trigger{color:var(--color-on-surface);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.4rem .75rem;font-family:inherit;font-size:.875rem;transition:all .15s}.cyber-navbar-trigger:hover{background:color-mix(in srgb, var(--color-primary) 15%, transparent);color:var(--color-primary)}.cyber-navbar-trigger:focus-visible{box-shadow:0 0 0 2px var(--focused-border-color), var(--cyber-neon-glow);outline:none}.cyber-navbar-nav[data-state=open] .cyber-navbar-trigger{background:color-mix(in srgb, var(--color-primary) 20%, transparent);color:var(--color-primary)}.cyber-navbar-content{z-index:1000;background:var(--primary-color-4);min-width:200px;color:var(--color-on-surface);border:1px solid var(--color-primary);box-shadow:0 0 12px color-mix(in srgb, var(--color-primary) 25%, transparent), 0 8px 24px rgba(0,0,0,.5);border-radius:6px;margin-top:4px;padding:.35rem;animation:.12s ease-out cyber-navbar-slide-in;position:absolute;top:100%;left:0}.cyber-navbar-content[data-state=closed]{animation:.1s ease-in forwards cyber-navbar-slide-out}.cyber-navbar-item{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-on-surface);border-radius:4px;align-items:center;padding:.5rem .75rem;font-size:.875rem;text-decoration:none;transition:all .12s;display:flex}.cyber-navbar-item:hover,.cyber-navbar-item:focus{background:color-mix(in srgb, var(--color-primary) 15%, transparent);color:var(--color-primary);outline:none}.cyber-navbar-item:focus-visible{box-shadow:0 0 0 2px var(--focused-border-color), var(--cyber-neon-glow)}.cyber-navbar-item[data-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}@keyframes cyber-navbar-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes cyber-navbar-slide-out{0%{opacity:1}to{opacity:0}}@media (width<=768px){.cyber-navbar{padding:calc(.25rem + env(safe-area-inset-top,0px)) .35rem .25rem;border-left:none;border-right:none;border-radius:0}.cyber-navbar-content{min-width:min(12rem, calc(100dvw - 2 * var(--space-sm,.5rem)));max-width:calc(100dvw - 2 * var(--space-sm,.5rem))}}