.section-nav.svelte-xqhoew{position:sticky;top:0;z-index:100;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0;box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.nav-tech.svelte-xqhoew,.nav-media.svelte-xqhoew{background:rgba(var(--color-surface-rgb),.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.nav-container.svelte-xqhoew{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0}.logo-wrapper.svelte-xqhoew{display:flex;align-items:center;padding:0 var(--spacing-md);flex-shrink:0;margin-right:var(--spacing-sm);position:relative}.nav-logo.svelte-xqhoew{cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;position:relative;padding:var(--spacing-xs);border-radius:8px;border:1px solid transparent}.nav-logo.svelte-xqhoew:hover{transform:scale(1.05);background-color:rgba(var(--color-primary-rgb),.05);border-color:rgba(var(--color-primary-rgb),.2);box-shadow:0 2px 4px #0000000d}.nav-logo.svelte-xqhoew:active{transform:scale(.98)}.click-indicator.svelte-xqhoew{position:absolute;bottom:-2px;right:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:50%;border:1px solid rgba(var(--color-primary-rgb),.3);color:var(--color-primary);opacity:.7;transition:all var(--transition-normal)}.click-indicator.svelte-xqhoew svg:where(.svelte-xqhoew){width:14px;height:14px}.nav-logo.svelte-xqhoew:hover .click-indicator:where(.svelte-xqhoew){opacity:1;transform:translateY(2px)}.nav-list-wrapper.svelte-xqhoew{position:relative;flex-grow:1;overflow:hidden;margin:0 var(--spacing-sm)}.nav-list-container.svelte-xqhoew{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:var(--spacing-xs) 0 var(--spacing-sm) 0}.nav-list-container.svelte-xqhoew::-webkit-scrollbar{display:none}.section-nav.svelte-xqhoew ul:where(.svelte-xqhoew){display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-md);list-style:none;margin:0;padding:0 var(--spacing-md);width:max-content}.section-nav.svelte-xqhoew a:where(.svelte-xqhoew){display:flex;align-items:center;font-family:var(--font-secondary);font-weight:700;font-size:var(--text-sm);color:var(--color-text);text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:12px;transition:all var(--transition-normal);position:relative;overflow:hidden;white-space:nowrap}.nav-tech.svelte-xqhoew a:where(.svelte-xqhoew):before,.nav-media.svelte-xqhoew a:where(.svelte-xqhoew):before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:transparent;z-index:-1;transform:translateY(100%);transition:transform var(--transition-normal)}.nav-tech.svelte-xqhoew a:where(.svelte-xqhoew):before,.nav-media.svelte-xqhoew a:where(.svelte-xqhoew):before{background:linear-gradient(to bottom,var(--color-primary-light),rgba(var(--color-primary-rgb),.15))}.nav-tech.svelte-xqhoew a:where(.svelte-xqhoew):hover,.nav-tech.svelte-xqhoew a.active:where(.svelte-xqhoew),.nav-media.svelte-xqhoew a:where(.svelte-xqhoew):hover,.nav-media.svelte-xqhoew a.active:where(.svelte-xqhoew){color:var(--color-primary);transform:translateY(-2px)}.section-nav.svelte-xqhoew a:where(.svelte-xqhoew):hover:before,.section-nav.svelte-xqhoew a.active:where(.svelte-xqhoew):before{transform:translateY(0)}.icon.svelte-xqhoew{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:var(--spacing-xs);opacity:.8;transition:all var(--transition-normal);position:relative}.icon.svelte-xqhoew svg:where(.svelte-xqhoew){width:18px;height:18px;stroke-width:2px}.nav-tech.svelte-xqhoew a:where(.svelte-xqhoew):hover .icon:where(.svelte-xqhoew),.nav-tech.svelte-xqhoew a.active:where(.svelte-xqhoew) .icon:where(.svelte-xqhoew),.nav-media.svelte-xqhoew a:where(.svelte-xqhoew):hover .icon:where(.svelte-xqhoew),.nav-media.svelte-xqhoew a.active:where(.svelte-xqhoew) .icon:where(.svelte-xqhoew){opacity:1;transform:scale(1.1)}.nav-tech.svelte-xqhoew a:where(.svelte-xqhoew):hover .icon:where(.svelte-xqhoew):after,.nav-tech.svelte-xqhoew a.active:where(.svelte-xqhoew) .icon:where(.svelte-xqhoew):after,.nav-media.svelte-xqhoew a:where(.svelte-xqhoew):hover .icon:where(.svelte-xqhoew):after,.nav-media.svelte-xqhoew a.active:where(.svelte-xqhoew) .icon:where(.svelte-xqhoew):after{content:"";position:absolute;width:30px;height:30px;background:var(--color-primary-light);border-radius:50%;z-index:-1;animation:svelte-xqhoew-pulse 1.5s infinite ease-in-out}@keyframes svelte-xqhoew-pulse{0%{transform:scale(.9);opacity:.8}50%{transform:scale(1.2);opacity:.4}to{transform:scale(.9);opacity:.8}}.label.svelte-xqhoew{position:relative}.label.svelte-xqhoew:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;transform:scaleX(0);transition:transform var(--transition-normal)}.nav-tech.svelte-xqhoew .label:where(.svelte-xqhoew):after,.nav-media.svelte-xqhoew .label:where(.svelte-xqhoew):after{background:var(--color-primary)}.section-nav.svelte-xqhoew a:where(.svelte-xqhoew):hover .label:where(.svelte-xqhoew):after,.section-nav.svelte-xqhoew a.active:where(.svelte-xqhoew) .label:where(.svelte-xqhoew):after{transform:scaleX(1)}.nav-popup.svelte-xqhoew{position:absolute;top:calc(100% + 5px);left:0;z-index:1000;display:flex;align-items:flex-start;justify-content:flex-start;animation:svelte-xqhoew-fadeIn .2s forwards}@keyframes svelte-xqhoew-fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.popup-content.svelte-xqhoew{background:var(--color-surface);border-radius:12px;padding:var(--spacing-md);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);width:220px;max-width:100%;border:1px solid var(--color-border)}.popup-option.svelte-xqhoew{display:flex;align-items:center;padding:var(--spacing-sm);border-radius:8px;text-decoration:none;color:var(--color-text);font-weight:600;transition:all var(--transition-normal);border:1px solid transparent}.popup-option.active.svelte-xqhoew{background:var(--color-primary-light);color:var(--color-primary);border-color:rgba(var(--color-primary-rgb),.2)}.popup-option.svelte-xqhoew:hover{background:var(--color-primary-light);color:var(--color-primary);border-color:rgba(var(--color-primary-rgb),.4);transform:translate(2px)}.popup-icon.svelte-xqhoew{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:var(--spacing-md);color:currentColor}.popup-icon.svelte-xqhoew svg:where(.svelte-xqhoew){width:18px;height:18px;stroke-width:2px}.scroll-indicator.svelte-xqhoew{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--color-background);border-radius:50%;box-shadow:0 2px 4px #0000001a;z-index:10;opacity:.8;border:1px solid var(--color-border);pointer-events:none}.scroll-indicator.svelte-xqhoew svg:where(.svelte-xqhoew){width:16px;height:16px;color:var(--color-text)}.scroll-indicator.left.svelte-xqhoew{left:0}.scroll-indicator.right.svelte-xqhoew{right:0}@media (max-width: 992px){.nav-logo.svelte-xqhoew{transform:scale(1)}}@media (max-width: 768px){.nav-container.svelte-xqhoew{flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.logo-wrapper.svelte-xqhoew{margin-bottom:var(--spacing-xs);padding:0}.nav-list-wrapper.svelte-xqhoew{width:100%;margin:0}.nav-logo.svelte-xqhoew{transform:scale(.95)}.section-nav.svelte-xqhoew a:where(.svelte-xqhoew){padding:var(--spacing-xs) var(--spacing-sm);flex-direction:column;text-align:center;min-width:70px;touch-action:manipulation}.section-nav.svelte-xqhoew ul:where(.svelte-xqhoew){padding:0 var(--spacing-lg)}.icon.svelte-xqhoew{margin-right:0;margin-bottom:var(--spacing-xs)}.scroll-indicator.svelte-xqhoew{width:28px;height:28px;top:40%}.scroll-indicator.left.svelte-xqhoew{left:4px}.scroll-indicator.right.svelte-xqhoew{right:4px}.click-indicator.svelte-xqhoew{bottom:-4px;right:-2px}.nav-popup.svelte-xqhoew{position:fixed;top:60px;left:50%;transform:translate(-50%);width:85%;max-width:300px;animation:svelte-xqhoew-mobileMenuIn .2s forwards}@keyframes svelte-xqhoew-mobileMenuIn{0%{opacity:0;transform:translateY(-10px) translate(-50%)}to{opacity:1;transform:translateY(0) translate(-50%)}}.popup-content.svelte-xqhoew{width:100%}}@media (max-width: 375px){.nav-container.svelte-xqhoew{padding:var(--spacing-xs) 0;gap:var(--spacing-sm)}.nav-logo.svelte-xqhoew{transform:scale(.85)}.section-nav.svelte-xqhoew a:where(.svelte-xqhoew){min-width:60px;padding:var(--spacing-xs) var(--spacing-xs)}.section-nav.svelte-xqhoew ul:where(.svelte-xqhoew){gap:var(--spacing-sm);padding:0 var(--spacing-md)}.label.svelte-xqhoew{font-size:.85em}.icon.svelte-xqhoew svg:where(.svelte-xqhoew){width:16px;height:16px}.scroll-indicator.svelte-xqhoew{width:24px;height:24px}.click-indicator.svelte-xqhoew{width:18px;height:18px}.click-indicator.svelte-xqhoew svg:where(.svelte-xqhoew){width:12px;height:12px}}@media (max-width: 480px){.nav-logo.svelte-xqhoew{transform:scale(.9)}.section-nav.svelte-xqhoew ul:where(.svelte-xqhoew){gap:var(--spacing-sm)}}@media (max-width: 812px) and (orientation: landscape){.section-nav.svelte-xqhoew{padding:var(--spacing-xs) 0}.nav-container.svelte-xqhoew{flex-direction:row;align-items:center;padding:0}.logo-wrapper.svelte-xqhoew{margin-bottom:0}.nav-logo.svelte-xqhoew{transform:scale(.8)}.section-nav.svelte-xqhoew a:where(.svelte-xqhoew){padding:var(--spacing-xs) var(--spacing-sm)}}