.nav-menu-root{--nav-accent:var(--second-color);--nav-surface:var(--card-bg-color);--nav-surface-2:#0000000d;--nav-border:var(--liner-color);--nav-shadow:0 20px 50px -18px #16162847;position:relative}body.dark-theme .nav-menu-root{--nav-surface-2:#ffffff12;--nav-shadow:0 24px 64px -20px #000c}.burger{width:40px;height:40px;color:var(--third-color);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:color .25s,background-color .25s,border-color .25s;display:flex;position:relative}.burger:hover{color:var(--first-color)}.burger:focus-visible{outline:2px solid var(--nav-accent);outline-offset:2px}.burger[data-open=true]{color:var(--nav-accent)}.burger-line{background:currentColor;border-radius:999px;width:20px;height:2px;margin-top:-1px;margin-left:-10px;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .2s,width .42s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:50%}.burger-line--top{transform:translateY(-6px)}.burger-line--mid{width:12px}.burger-line--bot{transform:translateY(6px)}.burger[data-open=true] .burger-line--top{transform:rotate(45deg)}.burger[data-open=true] .burger-line--mid{opacity:0;transform:scaleX(.2)}.burger[data-open=true] .burger-line--bot{transform:rotate(-45deg)}.nav-panel{z-index:50;transform-origin:100% 0;border:1px solid var(--nav-border);background:color-mix(in srgb, var(--nav-surface) 94%, transparent);-webkit-backdrop-filter:blur(20px);width:18rem;max-width:calc(100vw - 2rem);box-shadow:var(--nav-shadow);visibility:hidden;opacity:0;border-radius:16px;padding:8px;transition:opacity .26s,transform .38s cubic-bezier(.22,1,.36,1),visibility .38s;position:absolute;top:calc(100% + .6rem);right:0;overflow:hidden;transform:translateY(-8px)scale(.97)}.nav-panel.is-open{visibility:visible;opacity:1;transform:translateY(0)scale(1)}.nav-panel__glow{pointer-events:none;background:radial-gradient(ellipse 85% 60% at 88% -15%, color-mix(in srgb, var(--nav-accent) 18%, transparent), transparent 70%);position:absolute;inset:0}.nav-panel__body{position:relative}.nav-panel__title{letter-spacing:.22em;text-transform:uppercase;color:var(--third-color);padding:8px 12px;font-size:.6rem;font-weight:500}.nav-panel__list{flex-direction:column;gap:2px;list-style:none;display:flex}.nav-rule{background:linear-gradient(90deg, transparent, var(--nav-border) 15%, var(--nav-border) 85%, transparent);height:1px;margin:8px 0;position:relative}.nav-reveal{opacity:0;transition:opacity .3s,transform .45s cubic-bezier(.22,1,.36,1);transform:translateY(6px)}.nav-reveal.is-shown{opacity:1;transform:translateY(0)}.nav-rule.is-shown{transform:none}.nav-item{width:100%;color:var(--first-color);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:8px 12px;transition:background-color .25s,color .25s;display:flex;position:relative}.nav-item:hover{background:var(--nav-surface-2)}.nav-item:focus-visible{outline:2px solid var(--nav-accent);outline-offset:-2px}.nav-item.is-active{background:color-mix(in srgb, var(--nav-accent) 12%, transparent);color:var(--nav-accent)}.nav-item:before{content:"";background:var(--nav-accent);border-radius:999px;width:2px;height:0;transition:height .32s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-item:hover:before,.nav-item:focus-visible:before{height:42%}.nav-item.is-active:before{height:62%}.nav-item__icon{width:18px;height:18px;color:var(--third-color);flex-shrink:0;transition:color .25s}.nav-item:hover .nav-item__icon,.nav-item.is-active .nav-item__icon{color:var(--nav-accent)}.nav-item__text{flex:1;min-width:0;display:block}.nav-item__label{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;display:block;overflow:hidden}.nav-item__label:first-letter{text-transform:uppercase}.nav-item__hint{color:var(--third-color);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.nav-item__arrow{width:15px;height:15px;color:var(--nav-accent);opacity:0;flex-shrink:0;transition:opacity .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1);transform:translate(-4px)}.nav-item:hover .nav-item__arrow,.nav-item.is-active .nav-item__arrow{opacity:1;transform:translate(0)}@media (prefers-reduced-motion:reduce){.burger-line,.nav-panel,.nav-reveal,.nav-item:before{transition:none}}