.navigation{position:fixed;z-index:1000;background-color:var(--color-background);border-color:var(--color-border)}.navigation-container{display:flex;height:100%}.navigation-logo{display:none}.navigation-logo-link{display:flex;align-items:center;padding:var(--spacing-md);text-decoration:none;color:var(--color-text);font-weight:700;font-size:var(--font-size-xl);transition:color var(--transition-fast)}.navigation-logo-link:focus,.navigation-logo-link:hover{color:var(--color-primary);outline:none}.navigation-logo-text{background:linear-gradient(135deg,var(--color-primary),#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.navigation-list{display:flex;list-style:none;margin:0;padding:0;width:100%}.navigation-item{flex:1 1}.navigation-link{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--touch-target-min);padding:var(--spacing-sm) var(--spacing-xs);text-decoration:none;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-md);transition:color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.navigation-link:focus,.navigation-link:hover{color:var(--color-primary);background-color:rgba(79,70,229,.08);outline:none}.navigation-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.navigation-link:active{transform:scale(.95)}.navigation-link--active{color:var(--color-primary)}.navigation-link--active:focus,.navigation-link--active:hover{background-color:rgba(79,70,229,.12)}.navigation-link-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-bottom:var(--spacing-xs);transition:transform var(--transition-fast)}.nav-icon{width:100%;height:100%}.navigation-link--active .navigation-link-icon{transform:scale(1.1)}.navigation-link-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.navigation-active-indicator{position:absolute;background-color:var(--color-primary);border-radius:var(--radius-full);transition:all var(--transition-normal)}@media (max-width:767px){.navigation{bottom:0;left:0;right:0;height:64px;border-top:1px solid var(--color-border);box-shadow:0 -2px 10px rgba(0,0,0,.05);padding-bottom:env(safe-area-inset-bottom,0)}.navigation-container{flex-direction:row;align-items:stretch;padding:0 var(--spacing-xs)}.navigation-list{flex-direction:row;align-items:stretch;gap:var(--spacing-xs)}.navigation-item{display:flex;align-items:stretch}.navigation-link{width:100%;gap:2px}.navigation-active-indicator{bottom:4px;left:50%;transform:translateX(-50%);width:4px;height:4px}body{padding-bottom:calc(64px + env(safe-area-inset-bottom, 0))}}@media (min-width:768px){.navigation{top:0;left:0;bottom:0;width:220px;border-right:1px solid var(--color-border);box-shadow:2px 0 10px rgba(0,0,0,.03)}.navigation-container{flex-direction:column;padding:var(--spacing-lg) var(--spacing-md)}.navigation-logo{display:block;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.navigation-list{flex-direction:column;gap:var(--spacing-xs)}.navigation-item{flex:none}.navigation-link{flex-direction:row;justify-content:flex-start;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);gap:var(--spacing-sm)}.navigation-link-icon{margin-bottom:0;flex-shrink:0}.navigation-link-label{flex-grow:1}.navigation-active-indicator{top:50%;left:0;transform:translateY(-50%);width:3px;height:24px;border-radius:0 var(--radius-sm) var(--radius-sm) 0}body{padding-left:220px;padding-bottom:0}}@media (min-width:1024px){.navigation{width:260px}.navigation-container{padding:var(--spacing-xl) var(--spacing-lg)}.navigation-link{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base)}.navigation-link-icon{width:28px;height:28px}.navigation-active-indicator{width:4px;height:28px}body{padding-left:260px}}.navigation-footer{margin-top:auto;padding-top:var(--spacing-md);border-top:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.navigation-language-switcher{width:100%}.navigation-keyboard-hint,.navigation-theme-toggle{width:100%;max-width:44px}@media (max-width:767px){.navigation-footer{display:none}}@media (min-width:768px){.navigation-footer{padding:var(--spacing-md);flex-direction:column}.navigation-language-switcher{margin-bottom:var(--spacing-xs)}.navigation-theme-toggle{max-width:none}.navigation-keyboard-hint{max-width:none;margin-bottom:var(--spacing-xs)}}:root.dark .navigation{box-shadow:none}:root.dark .navigation-link:focus,:root.dark .navigation-link:hover{background-color:rgba(165,180,252,.15)}:root.dark .navigation-link--active:focus,:root.dark .navigation-link--active:hover{background-color:rgba(165,180,252,.2)}@media (max-width:767px){:root.dark .navigation{box-shadow:0 -2px 10px rgba(0,0,0,.3)}}@media (min-width:768px){:root.dark .navigation{box-shadow:2px 0 10px rgba(0,0,0,.3)}}@media (prefers-color-scheme:dark){:root:not(.light):not(.dark) .navigation{box-shadow:none}@media (max-width:767px){:root:not(.light):not(.dark) .navigation{box-shadow:0 -2px 10px rgba(0,0,0,.2)}}@media (min-width:768px){:root:not(.light):not(.dark) .navigation{box-shadow:2px 0 10px rgba(0,0,0,.2)}}:root:not(.light):not(.dark) .navigation-link:focus,:root:not(.light):not(.dark) .navigation-link:hover{background-color:rgba(79,70,229,.15)}:root:not(.light):not(.dark) .navigation-link--active:focus,:root:not(.light):not(.dark) .navigation-link--active:hover{background-color:rgba(79,70,229,.2)}}@media (prefers-reduced-motion:reduce){.navigation-active-indicator,.navigation-link,.navigation-link-icon{transition:none}.navigation-link:active{transform:none}}@media (forced-colors:active){.navigation{border:2px solid CanvasText}.navigation-link--active{outline:2px solid CanvasText;outline-offset:-2px}.navigation-active-indicator{background-color:CanvasText}}