:root{--nav-width-expanded:270px;--nav-width-collapsed:82px;--nav-bg:#121a23f5;--nav-border:var(--color-line);--nav-text:var(--color-muted);--nav-text-active:var(--color-text);--nav-accent:var(--color-accent);--nav-radius:20px;--nav-transition:width .4s cubic-bezier(.22, 1, .36, 1), transform .4s cubic-bezier(.22, 1, .36, 1), background .3s ease}.site-navigation{z-index:9999;width:var(--nav-width-collapsed);border-radius:var(--nav-radius);-webkit-backdrop-filter:none;box-shadow:none;transition:var(--nav-transition);background:0 0;border:0;flex-direction:column;display:flex;position:fixed;top:18px;bottom:18px;left:18px;overflow:visible}.site-navigation.is-expanded{width:max-content;max-width:calc(100vw - 36px)}.navigation-brand{flex-shrink:0;height:92px;padding:0 19px}.brand-link,.navigation-brand{align-items:center;display:flex}.brand-link{width:100%;color:inherit;gap:13px;text-decoration:none}.brand-mark{color:#0a0c12;background:#fff;border-radius:12px;flex:0 0 40px;place-items:center;width:40px;height:40px;transition:transform .3s,box-shadow .3s;display:grid;box-shadow:0 8px 25px #00000040}.brand-mark svg{width:25px;height:25px;display:block}.brand-link:hover .brand-mark{transform:translateY(-1px)rotate(-2deg);box-shadow:0 10px 30px #00000052}.brand-content{flex-direction:column;min-width:0;transition:opacity .25s,transform .3s;display:flex}.brand-name{color:#fff;font-size:var(--type-ui);letter-spacing:.12em;white-space:nowrap;font-weight:800}.brand-name span{opacity:.45}.brand-tagline{color:#ffffff59;font-size:var(--type-meta);letter-spacing:.16em;white-space:nowrap;margin-top:4px;font-weight:700}.menu-toggle{cursor:pointer;z-index:5;background:#ffffff09;border:1px solid #ffffff12;border-radius:10px;place-items:center;gap:4px;width:38px;height:38px;padding:9px;transition:background .25s,transform .25s;display:grid;position:absolute;top:25px;right:17px}.menu-toggle:hover{background:#ffffff17;transform:translateY(-1px)}.menu-toggle span{background:#fffc;border-radius:20px;width:17px;height:1.5px;transition:transform .3s,opacity .2s;display:block}.site-navigation.is-collapsed .menu-toggle span:first-child{transform:translateY(5.5px)rotate(45deg)}.site-navigation.is-collapsed .menu-toggle span:nth-child(2){opacity:0}.site-navigation.is-collapsed .menu-toggle span:last-child{transform:translateY(-5.5px)rotate(-45deg)}.navigation-drawer{flex-direction:column;flex:1;min-height:0;padding:18px 12px 14px;display:flex}.navigation-section-title{color:#ffffff40;font-size:var(--type-meta);letter-spacing:.18em;margin:0 12px 12px;font-weight:800;transition:opacity .25s,transform .3s;display:block}.navigation-links{flex-direction:column;gap:6px;display:flex}.navigation-link{height:54px;color:var(--nav-text);border-radius:13px;align-items:center;gap:15px;padding:0 13px;text-decoration:none;transition:color .25s,background .25s,transform .25s;display:flex;position:relative;overflow:hidden}.navigation-link:hover{color:#fff;background:#ffffff0e;transform:translate(2px)}.navigation-link.active{color:var(--nav-text-active);background:linear-gradient(90deg,#ffffff18,#ffffff06)}.navigation-icon{flex-shrink:0;place-items:center;width:25px;height:25px;display:grid}.navigation-icon svg{stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.navigation-label{font-size:var(--type-ui);letter-spacing:-.01em;white-space:nowrap;font-weight:600;transition:opacity .2s,transform .3s}.active-indicator{background:#fff;border-radius:5px 0 0 5px;width:3px;height:22px;position:absolute;top:50%;right:0;transform:translateY(-50%);box-shadow:0 0 16px #fff9}.navigation-footer{border-top:1px solid #ffffff0e;justify-content:space-between;align-items:center;margin-top:auto;padding:15px 12px 5px;transition:opacity .25s,transform .3s;display:flex}.status-indicator{align-items:center;gap:8px;display:flex}.status-dot{background:var(--color-accent-soft);border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 4px #65e6a114,0 0 15px #65e6a173}.status-text{color:#ffffff61;font-size:var(--type-meta);letter-spacing:.13em;font-weight:800}.navigation-version{color:#fff3;font-size:var(--type-meta);font-weight:600}.site-navigation.is-collapsed .navigation-brand{padding-left:20px}.site-navigation.is-collapsed .brand-content,.site-navigation.is-collapsed .navigation-label,.site-navigation.is-collapsed .navigation-section-title{opacity:0;pointer-events:none;transform:translate(-8px)}.site-navigation.is-collapsed .navigation-link{justify-content:center;gap:0;padding:0}.site-navigation.is-collapsed .navigation-footer{justify-content:center}.site-navigation.is-collapsed .navigation-version,.site-navigation.is-collapsed .status-text{display:none}.navigation-backdrop{z-index:-1;background:#0000008c;position:fixed;inset:0}.navigation-fade-enter-active,.navigation-fade-leave-active{transition:opacity .25s}.navigation-fade-enter-from,.navigation-fade-leave-to{opacity:0}@media (width<=700px){.site-navigation{border:1px solid var(--nav-border);background:linear-gradient(180deg,#ffffff09,#fff0),var(--nav-bg);border-radius:18px;width:58px;height:70px;transition:height .4s cubic-bezier(.22,1,.36,1),background .3s;inset:12px 12px auto auto;overflow:visible;box-shadow:0 24px 80px #00000059,inset 0 1px #ffffff0a}.site-navigation.mobile-open{width:calc(100% - 24px);height:calc(100dvh - 24px);left:12px;right:12px;overflow:hidden}.navigation-brand{height:70px;padding:0 14px;display:none}.site-navigation.mobile-open .navigation-brand{display:flex}.brand-content{opacity:1;transform:none}.menu-toggle{top:16px;right:14px}.site-navigation.is-collapsed:not(.mobile-open) .menu-toggle span:first-child{transform:none}.site-navigation.is-collapsed:not(.mobile-open) .menu-toggle span:nth-child(2){opacity:1}.site-navigation.is-collapsed:not(.mobile-open) .menu-toggle span:last-child{transform:none}.navigation-drawer{opacity:0;pointer-events:none;padding:15px 10px 12px;transition:opacity .25s,transform .35s cubic-bezier(.22,1,.36,1);transform:translateY(-10px)}.site-navigation.mobile-open .navigation-drawer{opacity:1;pointer-events:auto;transform:translateY(0)}.navigation-label,.navigation-section-title{opacity:1;transform:none}.navigation-link{height:58px}.navigation-footer{opacity:1;transform:none}.navigation-version,.status-text{display:block}}.brand-link:focus-visible,.menu-toggle:focus-visible,.navigation-link:focus-visible{outline-offset:3px;outline:2px solid #fffc}@media (prefers-reduced-motion:reduce){.brand-content,.menu-toggle,.navigation-drawer,.navigation-label,.navigation-link,.site-navigation{transition:none!important}}.nav-lock{overflow:hidden}