.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 {background: var(--accent);color: var(--accent-ink);font-weight: 600;}.nav-link-login:hover {background: var(--accent-hi);color: var(--accent-ink);}.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;}}.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;}}