.main-nav {position: sticky;top: 0;z-index: 100;background: color-mix(in srgb, var(--bg) 88%, transparent);backdrop-filter: blur(12px);border-bottom: 1px solid var(--line);}.main-nav.scrolled {background: color-mix(in srgb, var(--bg) 97%, transparent);}.nav-container {width: var(--shell);margin-inline: auto;display: flex;align-items: center;justify-content: space-between;gap: 1.5rem;min-height: 68px;}.nav-logo {text-decoration: none;display: inline-flex;align-items: center;}.logo-text {font-family: var(--font-display);font-size: 1.15rem;font-weight: 700;letter-spacing: .18em;color: var(--text);transition: color .18s var(--ease);}.nav-logo:hover .logo-text {color: var(--accent-hi);}.nav-menu {display: flex;align-items: center;gap: .35rem;}.nav-link {padding: .55rem .85rem;border-radius: var(--radius-s);color: var(--text-2);font-size: .95rem;font-weight: 500;text-decoration: none;background: none;border: none;font-family: inherit;cursor: pointer;transition: color .18s var(--ease), background .18s var(--ease);}.nav-link:hover,.nav-link.active {color: var(--text);background: var(--surface-2);}.nav-link-login {--da-bg: #0d0b16;--da-ink: #f4f2ff;--da-frame: linear-gradient(120deg, rgba(139, 92, 246, .95), rgba(34, 211, 238, .75) 55%, rgba(139, 92, 246, .95));position: relative;isolation: isolate;overflow: hidden;display: inline-flex;align-items: center;gap: .6rem;height: 42px;padding: 0 1rem 0 .3rem;border: 1px solid transparent;border-radius: 12px;background: linear-gradient(var(--da-bg), var(--da-bg)) padding-box, var(--da-frame) border-box;color: var(--da-ink);font-weight: 600;white-space: nowrap;box-shadow: 0 4px 14px rgba(0, 0, 0, .35);transition: transform .18s var(--ease), box-shadow .25s var(--ease);}.nav-link-login::after {content: '';position: absolute;inset: 0;z-index: -1;pointer-events: none;background: linear-gradient(100deg, transparent 30%, rgba(255, 255, 255, .12) 50%, transparent 70%);transform: translateX(-120%);}.nav-link-login:hover {background: linear-gradient(var(--da-bg), var(--da-bg)) padding-box, var(--da-frame) border-box;color: var(--da-ink);transform: translateY(-1px);box-shadow: 0 10px 28px rgba(139, 92, 246, .32), 0 0 0 1px rgba(139, 92, 246, .25);}.nav-link-login:hover::after {transform: translateX(120%);transition: transform .8s ease;}.nav-link-login .da-mark {display: grid;place-items: center;flex-shrink: 0;overflow: hidden;width: 32px;height: 32px;border-radius: 9px;background: linear-gradient(135deg, #7c3aed 0%, #5b45f0 45%, #0ea5c6 100%);box-shadow: 0 0 0 1px rgba(255, 255, 255, .12) inset, 0 4px 12px rgba(124, 58, 237, .45);}.nav-link-login .da-mark svg {width: 19px;height: 19px;display: block;}.nav-link-login .da-mark.has-ava {padding: 2px;}.nav-link-login .da-ava {width: 100%;height: 100%;border-radius: 7px;object-fit: cover;display: block;}.nav-link-login .da-pre {color: rgba(244, 242, 255, .66);font-weight: 500;}.nav-link-login .da-brand {font-family: var(--font-display);font-weight: 800;font-size: .82rem;letter-spacing: .06em;}.nav-link-login .da-brand b {font-weight: 800;background: linear-gradient(90deg, #c4b5fd, #22d3ee);-webkit-background-clip: text;background-clip: text;color: transparent;}@media (prefers-reduced-motion: reduce) {.nav-link-login,.nav-link-login::after {transition: none;}}.nav-toggle {display: none;}.nav-toggle-btn {display: none;width: 44px;height: 44px;align-items: center;justify-content: center;cursor: pointer;}.hamburger,.hamburger::before,.hamburger::after {display: block;width: 22px;height: 2px;background: var(--text);border-radius: 2px;transition: transform .2s var(--ease), opacity .2s var(--ease);}.hamburger::before,.hamburger::after {content: '';position: relative;}.hamburger::before { top: -7px; }.hamburger::after { top: 5px; }.nav-toggle:checked ~ .nav-toggle-btn .hamburger {background: transparent;}.nav-toggle:checked ~ .nav-toggle-btn .hamburger::before {transform: translateY(7px) rotate(45deg);}.nav-toggle:checked ~ .nav-toggle-btn .hamburger::after {transform: translateY(-5px) rotate(-45deg);}@media (max-width: 860px) {.nav-toggle-btn {display: inline-flex;}.nav-menu {position: absolute;left: 0;right: 0;top: 100%;flex-direction: column;align-items: stretch;gap: 0;padding: .5rem;background: var(--bg);border-bottom: 1px solid var(--line);display: none;}.nav-toggle:checked ~ .nav-menu {display: flex;}.nav-link {padding: .85rem;min-height: 44px;display: flex;align-items: center;}.nav-link-login {justify-content: center;margin-top: .35rem;height: auto;min-height: 48px;}}.nav-search {position: relative;margin-left: auto;}.nav-search + .nav-bell {margin-left: 0;}.nav-search__panel {padding-bottom: .25rem;}.nav-search__input {display: block;width: calc(100% - 1.5rem);margin: .75rem;padding: .65rem .8rem;border: 1px solid var(--line-strong);border-radius: var(--radius-s);background: var(--bg-sunken);color: var(--text);font: inherit;font-size: 16px;}.nav-search__input:focus-visible {outline: 2px solid var(--accent);outline-offset: 1px;}.nav-search__group {padding: .6rem 1rem .3rem;font-size: .72rem;font-weight: 600;letter-spacing: .16em;text-transform: uppercase;color: var(--text-3);}.nav-search__all {display: block;padding: .6rem 1rem;font-size: .85rem;color: var(--accent-hi);text-decoration: none;}.nav-search__all:hover {color: var(--text);}.nav-bell {position: relative;margin-left: auto;}.nav-bell__btn {position: relative;display: grid;place-items: center;width: 40px;height: 40px;border: none;border-radius: var(--radius-s);background: transparent;color: var(--text-2);cursor: pointer;transition: color .18s var(--ease), background .18s var(--ease);}.nav-bell__btn:hover,.nav-bell__btn[aria-expanded="true"] {background: var(--surface-2);color: var(--text);}.nav-bell__badge {position: absolute;top: 4px;right: 3px;min-width: 17px;height: 17px;padding: 0 4px;border-radius: 999px;background: var(--glitch-a);color: #fff;font-size: .68rem;font-weight: 700;line-height: 17px;text-align: center;}.nav-bell__panel {position: absolute;right: 0;top: calc(100% + 8px);z-index: 150;width: min(380px, calc(100vw - 24px));max-height: min(70vh, 520px);overflow-y: auto;border: 1px solid var(--line-strong);border-radius: var(--radius);background: var(--surface);box-shadow: 0 20px 44px rgba(0, 0, 0, .5);}.nav-bell__head {display: flex;align-items: center;justify-content: space-between;padding: .8rem 1rem;border-bottom: 1px solid var(--line);}.nav-bell__label {font-size: .72rem;font-weight: 600;letter-spacing: .16em;text-transform: uppercase;color: var(--text-3);}.nav-bell__all {border: none;background: none;color: var(--accent-hi);font: inherit;font-size: .82rem;cursor: pointer;}.nav-bell__all:disabled {opacity: .5;}.nav-bell__item {display: flex;flex-direction: column;gap: .2rem;padding: .75rem 1rem;border-bottom: 1px solid var(--line);color: var(--text-2);text-decoration: none;}.nav-bell__item:hover {background: var(--surface-2);}.nav-bell__item.is-unread {position: relative;padding-left: 1.6rem;}.nav-bell__item.is-unread::before {content: '';position: absolute;left: .8rem;top: 1.15rem;width: 7px;height: 7px;border-radius: 50%;background: var(--glitch-a);}.nav-bell__title {font-size: .9rem;font-weight: 500;color: var(--text);}.nav-bell__body {font-size: .82rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}.nav-bell__time {font-size: .75rem;color: var(--text-3);}.nav-bell__state {padding: 1.25rem 1rem;font-size: .88rem;color: var(--text-3);}@media (max-width: 860px) {.nav-bell__panel {position: fixed;left: 12px;right: 12px;top: 64px;width: auto;}}