.page-content { padding-top: 5rem; min-height: 80vh; }
    .form-group { margin-bottom: 1.75rem; }
    .form-label { display:block; font-family:var(--font-label); font-size:0.72rem; letter-spacing:0.2em; text-transform:uppercase; color:var(--text-secondary); margin-bottom:0.6rem; }
    .form-input, .form-select, .form-textarea {
      width:100%; padding:0.9rem 1.1rem; background:rgba(16,16,20,0.8); border:1px solid var(--border-card);
      color:var(--text-primary); font-family:var(--font-body); font-size:1.1rem; outline:none;
      transition:border-color 0.3s cubic-bezier(.32,.72,0,1);
    }
    .form-input:focus, .form-select:focus, .form-textarea:focus { border-color:rgba(160,160,170,0.3); }
    .form-textarea { min-height:120px; resize:vertical; line-height:1.7; }
    .form-select { cursor:pointer; }
    .form-select option { background:#0a0a0c; }
    .btn {
      display:inline-block; font-family:var(--font-label); font-size:0.68rem; letter-spacing:0.22em; text-transform:uppercase;
      padding:0.85em 2.5em; border:1px solid rgba(160,160,170,0.2); background:transparent; color:var(--text-secondary);
      cursor:pointer; transition:all 0.4s cubic-bezier(.32,.72,0,1); text-decoration:none;
      border-radius:8px;
    }
    .btn:hover { border-color:rgba(160,160,170,0.5); color:var(--text-primary); transform:translateY(-1px); }
    .btn:active { transform:scale(0.97); }
    .btn--primary { border-color:var(--house-accent); color:var(--text-primary); }
    .btn--primary:hover { background:rgba(160,160,170,0.05); }
    .btn--small { font-size:0.58rem; padding:0.6em 1.5em; }
    .btn--danger { border-color:rgba(200,80,80,0.3); color:#e08080; }
    .btn--danger:hover { background:rgba(200,80,80,0.05); border-color:rgba(200,80,80,0.5); }
    .alert { padding:1.1rem 1.5rem; margin-bottom:1.5rem; font-family:var(--font-body); font-size:1.05rem; border:1px solid; line-height:1.65; border-radius:8px; box-shadow:inset 0 1px 0 rgba(255,255,255,.04); }
    .alert--error { border-color:rgba(200,80,80,0.3); color:#e08080; background:rgba(200,80,80,0.05); }
    .alert--success { border-color:rgba(80,200,120,0.3); color:#80c880; background:rgba(80,200,120,0.05); }
    .alert--info { border-color:rgba(100,160,200,0.3); color:#80b8d0; background:rgba(100,160,200,0.05); }
    .user-badge {
      display:inline-flex; align-items:center; gap:0.5rem;
      font-family:var(--font-label); font-size:0.72rem; letter-spacing:0.15em; color:var(--text-secondary);
    }
    .user-badge__avatar { font-size:1.2rem; }
    .card {
      background:rgba(12,12,16,0.6); border:1px solid var(--border-card); padding:2rem;
      transition:border-color 0.3s cubic-bezier(.32,.72,0,1);
      border-radius:8px; box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    }
    .card:hover { border-color:rgba(160,160,170,0.12); }
    .badge-count {
      display:inline-flex; align-items:center; justify-content:center;
      min-width:18px; height:18px; padding:0 5px; border-radius:9px;
      background:#e0607a; color:#fff; font-size:0.6rem; font-family:var(--font-mono);
      line-height:1; margin-left:0.3rem; vertical-align:super;
    }
    .title-badge {
      display:inline-block; font-family:var(--font-label); font-size:0.58rem;
      letter-spacing:0.18em; text-transform:uppercase; padding:0.25em 0.8em;
      border:1px solid; opacity:0.9;
    }
    .rte-toolbar { display:flex; flex-wrap:wrap; gap:2px; padding:0.5rem; background:rgba(10,10,14,0.9); border:1px solid var(--border-card); border-bottom:none; }
    .rte-btn { background:none; border:1px solid transparent; color:var(--text-dim); padding:0.35rem 0.6rem; cursor:pointer; font-size:1rem; transition:all 0.25s cubic-bezier(.32,.72,0,1); font-family:var(--font-body); border-radius:6px; }
    .rte-btn:active { transform:scale(0.95); }
    .rte-btn:hover { color:var(--text-primary); border-color:var(--border-card); }
    .rte-btn.active { color:var(--text-primary); border-color:var(--text-dim); }
    .rte-editor { min-height:150px; padding:1rem; background:rgba(16,16,20,0.8); border:1px solid var(--border-card); color:var(--text-primary); font-family:var(--font-body); font-size:1.1rem; line-height:1.7; outline:none; overflow-y:auto; }
    .rte-editor:focus { border-color:rgba(160,160,170,0.3); }
    .rte-editor p { margin:0 0 0.5rem; }
    .lang-select {
      position: relative;
    }
    .lang-select__trigger {
      display: flex;
      align-items: center;
      gap: 0.35rem;
      padding: 0.35rem 0.6rem;
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(255,255,255,0.12);
      border-radius: 6px;
      color: var(--text-primary, #d4d0c8);
      cursor: pointer;
      font-family: var(--font-label);
      font-size: 0.7rem;
      letter-spacing: 0.06em;
      transition: all 0.25s;
    }
    .lang-select__trigger:hover {
      border-color: rgba(212,176,96,0.3);
      background: rgba(212,176,96,0.06);
    }
    .lang-select__flag { font-size: 1rem; line-height: 1; }
    .lang-select__code { text-transform: uppercase; }
    .lang-select__chevron {
      font-size: 0.5rem;
      color: var(--text-dim);
      transition: transform 0.2s;
    }
    .lang-select.open .lang-select__chevron { transform: rotate(180deg); }
    .lang-select__dropdown {
      position: absolute;
      top: 100%;
      right: 0;
      margin-top: 0.4rem;
      min-width: 180px;
      background: rgba(8,8,12,0.95);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      border: 1px solid rgba(212,176,96,0.15);
      border-radius: 10px;
      box-shadow: 0 12px 40px rgba(0,0,0,0.5);
      z-index: 200;
      overflow: hidden;
      animation: langDropIn 0.2s cubic-bezier(.32,.72,0,1) both;
    }
    @keyframes langDropIn {
      from { opacity: 0; transform: translateY(-6px) scale(0.96); }
      to   { opacity: 1; transform: translateY(0) scale(1); }
    }
    .lang-select__option {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      width: 100%;
      padding: 0.55rem 0.75rem;
      background: none;
      border: none;
      border-bottom: 1px solid rgba(255,255,255,0.04);
      color: var(--text-primary, #d4d0c8);
      cursor: pointer;
      font-family: var(--font-body);
      font-size: 0.85rem;
      text-align: left;
      transition: background 0.2s;
    }
    .lang-select__option:last-child { border-bottom: none; }
    .lang-select__option:hover { background: rgba(212,176,96,0.08); }
    .lang-select__option.active {
      background: rgba(212,176,96,0.06);
      color: var(--gold-accent, #d4b060);
    }
    .lang-select__option-code {
      font-family: var(--font-label);
      font-size: 0.5rem;
      letter-spacing: 0.1em;
      color: var(--text-dim);
      margin-left: auto;
    }
    .lang-select__check {
      color: var(--gold-accent, #d4b060);
      font-size: 0.7rem;
    }
    .notif-popup-overlay {
      position:fixed; inset:0; z-index:10000;
      background:rgba(4,4,6,0.7); backdrop-filter:blur(4px);
      display:flex; align-items:center; justify-content:center;
      opacity:0; transition:opacity 0.25s cubic-bezier(.32,.72,0,1);
      pointer-events:none;
    }
    .notif-popup-overlay.is-visible { opacity:1; pointer-events:auto; }
    .notif-popup {
      background:rgba(14,14,18,0.97); border:1px solid rgba(160,160,170,0.15);
      max-width:440px; width:90vw; padding:0;
      transform:translateY(12px) scale(0.97);
      transition:transform 0.3s cubic-bezier(.32,.72,0,1);
      border-radius:12px; box-shadow:0 8px 32px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.04);
      overflow:hidden;
    }
    .notif-popup-overlay.is-visible .notif-popup { transform:translateY(0) scale(1); }
    .notif-popup__header {
      display:flex; align-items:center; gap:0.6rem;
      padding:0.9rem 1.2rem; border-bottom:1px solid rgba(160,160,170,0.08);
    }
    .notif-popup__icon { font-size:1rem; color:var(--text-secondary); }
    .notif-popup__cat {
      font-family:var(--font-label,sans-serif); font-size:0.55rem; letter-spacing:0.2em;
      text-transform:uppercase; color:var(--text-dim); flex:1;
    }
    .notif-popup__close {
      background:none; border:none; color:var(--text-faint); cursor:pointer;
      font-size:0.9rem; padding:0.2rem 0.4rem; transition:color 0.25s cubic-bezier(.32,.72,0,1);
    }
    .notif-popup__close:hover { color:var(--text-primary); }
    .notif-popup__title {
      padding:1rem 1.2rem 0.5rem; color:var(--text-primary);
      font-family:var(--font-body,serif); font-size:0.95rem; line-height:1.6;
    }
    .notif-popup__msg {
      padding:0.25rem 1.2rem 1rem; color:var(--text-secondary);
      font-size:0.85rem; line-height:1.7; white-space:pre-wrap;
    }
    .notif-popup__actions {
      padding:0.75rem 1.2rem; border-top:1px solid rgba(160,160,170,0.08);
      display:flex; gap:0.75rem; justify-content:flex-end;
    }
    .notif-popup__link {
      font-family:var(--font-label,sans-serif); font-size:0.58rem; letter-spacing:0.15em;
      text-transform:uppercase; color:var(--text-secondary); text-decoration:none;
      padding:0.5em 1.2em; border:1px solid rgba(160,160,170,0.15);
      transition:all 0.3s cubic-bezier(.32,.72,0,1);
    }
    .notif-popup__link { border-radius:6px; }
    .notif-popup__link:hover { color:var(--text-primary); border-color:rgba(160,160,170,0.35); }
    .notif-popup__link:active { transform:scale(0.97); }
    @keyframes shimmer {
      0% { background-position: -200% center; }
      100% { background-position: 200% center; }
    }
    .nav-brand__diamond {
      display: inline-block;
      transition: transform 0.3s cubic-bezier(.32,.72,0,1);
    }
    .nav-brand:hover .nav-brand__diamond { transform: scale(1.15) rotate(15deg); }
    .nav-tagline {
      font-family: var(--font-body);
      font-size: 0.72rem;
      font-style: italic;
      color: var(--text-faint, #504e48);
      margin-left: 0.75rem;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 320px;
      opacity: 0.6;
      transition: opacity 0.3s cubic-bezier(.32,.72,0,1);
      cursor: default;
      user-select: none;
    }
    .nav-tagline:hover {
      opacity: 1;
    }
    @media (max-width: 1100px) {
      .nav-tagline { max-width: 200px; font-size: 0.65rem; }
    }
    @media (max-width: 900px) {
      .nav-tagline { display: none; }
    }
    .nav-brand:hover {
      background: linear-gradient(90deg, var(--text-dim) 0%, #c0b894 40%, #d4cfa8 50%, #c0b894 60%, var(--text-dim) 100%);
      background-size: 200% auto;
      -webkit-background-clip: text; background-clip: text;
      -webkit-text-fill-color: transparent;
      animation: shimmer 2s ease-in-out infinite;
    }
    .nav-link.is-active { color: #e0ddd6; }
    .nav-link.is-active::after {
      content: '';
      position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%);
      width: 4px; height: 4px; border-radius: 50%;
      background: var(--house-accent, rgba(160,160,170,0.6));
      box-shadow: 0 0 6px var(--house-accent, rgba(160,160,170,0.4));
    }
    .nav-chevron {
      display: inline-block; margin-left: 0.25em; font-size: 0.55em;
      opacity: 0.5; transition: transform 0.25s cubic-bezier(.32,.72,0,1), opacity 0.25s cubic-bezier(.32,.72,0,1);
      vertical-align: middle;
    }
    .nav-item--has-dropdown:hover .nav-chevron,
    .nav-item.is-dropdown-open .nav-chevron {
      transform: rotate(180deg); opacity: 0.8;
    }
    .nav.scrolled::after {
      content: '';
      position: absolute; bottom: -1px; left: 0; right: 0; height: 1px;
      background: linear-gradient(90deg, transparent, var(--house-accent, rgba(160,160,170,0.2)), transparent);
      opacity: 0.5;
    }
    .nav-item { position: relative; list-style: none; }
    .nav-dropdown {
      position: absolute; top: calc(100% + 12px); left: 50%; transform: translateX(-50%);
      background: rgba(6,6,9,0.96); backdrop-filter: blur(24px) saturate(1.0); -webkit-backdrop-filter: blur(24px) saturate(1.0);
      border: 1px solid rgba(212,176,96,0.05);
      min-width: 200px; padding: 0.5rem 0;
      opacity: 0; visibility: hidden;
      transform: translateX(-50%) translateY(8px);
      transition: opacity 0.35s cubic-bezier(.32,.72,0,1), transform 0.35s cubic-bezier(.32,.72,0,1), visibility 0.35s cubic-bezier(.32,.72,0,1);
      z-index: 200; pointer-events: none;
      border-radius: 12px;
      box-shadow: 0 12px 48px rgba(0,0,0,.5);
    }
    .nav-dropdown.is-open {
      opacity: 1; visibility: visible;
      transform: translateX(-50%) translateY(0);
      pointer-events: auto;
    }
    .nav-dropdown__link {
      display: flex; align-items: center; gap: 0.6rem;
      padding: 0.55rem 1.2rem; margin: 0.1rem 0.4rem;
      font-family: var(--font-body); font-size: 0.92rem; color: rgba(232, 222, 200, 0.78);
      text-decoration: none; transition: color 0.25s cubic-bezier(.32,.72,0,1), background 0.25s cubic-bezier(.32,.72,0,1), transform 0.25s cubic-bezier(.32,.72,0,1);
      white-space: nowrap; border-radius: 8px;
      position: relative;
    }
    .nav-dropdown__link:hover {
      color: #f0e7cf; background: rgba(212,176,96,0.05);
      transform: translateX(2px);
    }
    .nav-dropdown__link:active { transform: scale(0.98); }
    .nav-dropdown__icon { font-size: 0.95rem; width: 1.3rem; text-align: center; opacity: 0.55; color: rgba(212, 176, 96, 0.6); transition: opacity 0.25s, color 0.25s; }
    .nav-dropdown__link:hover .nav-dropdown__icon { opacity: 0.9; color: rgba(212, 176, 96, 0.85); }
    .nav-dropdown__divider {
      height: 1px; margin: 0.4rem 1rem;
      background: linear-gradient(90deg, transparent, rgba(212,176,96,0.06), transparent);
    }
    .nav-dropdown--mega {
      left: 50%; transform: translateX(-50%); min-width: 740px; padding: 1.5rem 1.8rem;
      border-radius: 14px;
      border-color: rgba(212,176,96,0.08);
    }
    .nav-dropdown--mega.is-open {
      transform: translateX(-50%) translateY(0);
    }
    .nav-mega__label {
      font-family: var(--font-label); font-size: 0.5rem; letter-spacing: 0.32em;
      text-transform: uppercase; color: rgba(212,176,96,0.85); margin-bottom: 0.8rem;
      padding-bottom: 0.5rem;
      border-bottom: 1px solid rgba(212,176,96,0.18);
    }
    .nav-mega__panels {
      display: grid; grid-template-columns: 1fr 260px; gap: 1.5rem;
    }
    .nav-mega__house-card {
      display: flex; align-items: center; gap: 0.9rem;
      padding: 0.5rem 0.6rem; margin-bottom: 0.35rem;
      text-decoration: none; transition: transform 0.35s cubic-bezier(.32,.72,0,1), background 0.35s cubic-bezier(.32,.72,0,1), box-shadow 0.35s cubic-bezier(.32,.72,0,1);
      border-radius: 10px; overflow: hidden;
      border: 1px solid transparent;
    }
    .nav-mega__house-card:hover {
      transform: translateX(4px); background: rgba(212,176,96,0.02);
      border-color: rgba(212,176,96,0.05);
    }
    .nav-mega__house-card:active { transform: scale(0.98); }
    .nav-mega__house-card:hover .nav-mega__house-arrow {
      opacity: 1; transform: translateX(0);
    }
    .nav-mega__house-card:hover .nav-mega__house-thumb {
      filter: brightness(0.75) saturate(0.9);
      border-color: var(--card-accent);
    }
    .nav-mega__house-thumb {
      width: 76px; height: 54px; flex-shrink: 0;
      background-size: cover; background-position: center;
      border-left: 3px solid rgba(212,176,96,0.25);
      filter: brightness(0.85) saturate(0.95);
      transition: filter 0.4s cubic-bezier(.32,.72,0,1), border-color 0.4s cubic-bezier(.32,.72,0,1);
      border-radius: 8px;
    }
    .nav-mega__house-body { flex: 1; min-width: 0; }
    .nav-mega__house-name {
      display: block; font-family: var(--font-label); font-size: 0.65rem;
      letter-spacing: 0.14em; text-transform: uppercase; color: #fbf2d8;
      line-height: 1.3;
    }
    .nav-mega__house-sub {
      display: block; font-family: var(--font-body); font-size: 0.85rem;
      color: rgba(251, 242, 216, 0.78); font-style: italic;
      margin-top: 0.1rem;
    }
    .nav-mega__house-arrow {
      font-family: var(--font-body); font-size: 0.9rem; color: rgba(212, 176, 96, 0.7);
      opacity: 0; transform: translateX(-4px);
      transition: opacity 0.25s cubic-bezier(.32,.72,0,1), transform 0.25s cubic-bezier(.32,.72,0,1);
      flex-shrink: 0; padding-right: 0.2rem;
    }
    .nav-mega__panel-side {
      border-left: 1px solid rgba(212,176,96,0.04); padding-left: 1.3rem;
    }
    .nav-mega__builder-card {
      background: rgba(12,12,16,0.6); border: 1px solid rgba(212,176,96,0.06);
      padding: 1.1rem 1.3rem; transition: border-color 0.35s cubic-bezier(.32,.72,0,1), background 0.35s cubic-bezier(.32,.72,0,1), box-shadow 0.35s cubic-bezier(.32,.72,0,1); cursor: pointer;
      border-radius: 10px; box-shadow: 0 1px 0 rgba(255,255,255,.02) inset;
    }
    .nav-mega__builder-card:hover {
      border-color: rgba(212,176,96,0.12); background: rgba(16,16,22,0.8);
      box-shadow: 0 4px 20px rgba(0,0,0,0.15), 0 1px 0 rgba(255,255,255,.02) inset;
    }
    .nav-mega__builder-header {
      display: flex; align-items: center; gap: 0.6rem; margin-bottom: 0.5rem;
    }
    .nav-mega__builder-avatar {
      position: relative; width: 38px; height: 38px;
      display: flex; align-items: center; justify-content: center;
      background: rgba(160,160,170,0.06); border: 1px solid rgba(160,160,170,0.1);
      border-radius: 50%; flex-shrink: 0;
    }
    .nav-mega__builder-icon { font-size: 0.85rem; color: var(--text-dim); }
    .nav-mega__builder-avatar img { border-radius: 50%; }
    .nav-mega__status-dot {
      position: absolute; bottom: 0px; right: 0px;
      width: 10px; height: 10px; border-radius: 50%;
      border: 2px solid rgba(12,12,16,0.96);
    }
    .nav-mega__status-dot--online  { background: #50c878; box-shadow: 0 0 4px rgba(80,200,120,0.5); }
    .nav-mega__status-dot--busy    { background: #e0a050; box-shadow: 0 0 4px rgba(224,160,80,0.5); }
    .nav-mega__status-dot--away    { background: #c0a050; box-shadow: 0 0 4px rgba(192,160,80,0.4); }
    .nav-mega__status-dot--offline { background: #706c64; }
    .nav-mega__builder-info { flex: 1; }
    .nav-mega__builder-name {
      display: block; font-family: var(--font-label); font-size: 0.7rem;
      letter-spacing: 0.14em; color: #fbf2d8;
    }
    .nav-mega__builder-server {
      display: block; font-family: var(--font-mono); font-size: 0.62rem;
      color: rgba(251, 242, 216, 0.7); letter-spacing: 0.05em;
    }
    .nav-mega__builder-status {
      font-family: var(--font-label); font-size: 0.48rem; letter-spacing: 0.15em;
      text-transform: uppercase; padding: 0.2em 0.6em; border-radius: 6px;
    }
    .nav-mega__builder-status--online  { color: #50c878; background: rgba(80,200,120,0.08); }
    .nav-mega__builder-status--busy    { color: #e0a050; background: rgba(224,160,80,0.08); }
    .nav-mega__builder-status--away    { color: #c0a050; background: rgba(192,160,80,0.08); }
    .nav-mega__builder-status--offline { color: #706c64; background: rgba(112,108,100,0.08); }
    .nav-mega__builder-bio {
      font-family: var(--font-body); font-size: 0.88rem; font-style: italic;
      color: rgba(251, 242, 216, 0.88); line-height: 1.6; margin: 0.4rem 0 0.6rem;
    }
    .nav-mega__builder-specs { display: flex; flex-wrap: wrap; gap: 0.3rem; }
    .nav-mega__spec-tag {
      font-family: var(--font-label); font-size: 0.5rem; letter-spacing: 0.12em;
      text-transform: uppercase; color: rgba(251, 242, 216, 0.7);
      padding: 0.2em 0.6em; border: 1px solid rgba(212,176,96,0.18);
      border-radius: 4px; transition: border-color 0.25s, color 0.25s;
    }
    .nav-mega__builder-card:hover .nav-mega__spec-tag {
      border-color: rgba(212,176,96,0.35); color: #fbf2d8;
    }
    .nav-mega__footer {
      display: flex; gap: 1.5rem; margin-top: 0.9rem;
      padding-top: 0.7rem; border-top: 1px solid rgba(var(--menu-accent), 0.22);
    }
    .nav-mega__footer-link {
      font-family: var(--font-label); font-size: 0.6rem; letter-spacing: 0.18em;
      text-transform: uppercase; color: rgba(var(--menu-accent), 0.92); text-decoration: none;
      transition: color 0.3s cubic-bezier(.32,.72,0,1), transform 0.3s cubic-bezier(.32,.72,0,1);
    }
    .nav-mega__footer-link:hover { color: var(--menu-accent-solid, #d4b060); transform: translateX(2px); }
    .nav-minimap { position: relative; z-index: 95; display: flex; align-items: center; margin-left: 0.35rem; }
    .nav-minimap__orb {
      position: relative; width: 42px; height: 42px; border-radius: 50%;
      background: radial-gradient(circle at 35% 35%, rgba(50,48,56,0.9), rgba(12,12,16,0.95));
      border: 1.5px solid rgba(212,176,96,0.2);
      box-shadow: 0 0 0 1px rgba(0,0,0,0.4), 0 0 12px rgba(212,176,96,0.06), inset 0 0 8px rgba(0,0,0,0.4);
      display: flex; align-items: center; justify-content: center;
      cursor: pointer; transition: border-color 0.35s cubic-bezier(.32,.72,0,1), box-shadow 0.35s cubic-bezier(.32,.72,0,1), transform 0.35s cubic-bezier(.32,.72,0,1);
      z-index: 2;
    }
    .nav-minimap__orb:hover,
    .nav-minimap.is-open .nav-minimap__orb {
      border-color: rgba(212,176,96,0.4);
      box-shadow: 0 0 0 1px rgba(0,0,0,0.4), 0 0 20px rgba(212,176,96,0.1), inset 0 0 8px rgba(0,0,0,0.3);
      transform: scale(1.04);
    }
    .nav-minimap__orb-symbol {
      font-size: 1.3rem; color: var(--text-secondary); line-height: 1;
    }
    .nav-minimap__orb-img {
      width: 100%; height: 100%; border-radius: 50%; object-fit: cover; display: block;
    }
    .nav-minimap__status {
      position: absolute; bottom: 0; right: 0;
      width: 10px; height: 10px; border-radius: 50%;
      border: 2px solid rgba(12,12,16,0.95); z-index: 3;
    }
    .nav-minimap__status--online  { background: #50c878; box-shadow: 0 0 5px rgba(80,200,120,0.6); }
    .nav-minimap__status--busy    { background: #e0a050; box-shadow: 0 0 5px rgba(224,160,80,0.5); }
    .nav-minimap__status--away    { background: #c0a050; box-shadow: 0 0 5px rgba(192,160,80,0.4); }
    .nav-minimap__status--offline { background: #706c64; }
    .nav-minimap__menu {
      position: absolute; top: calc(100% + 12px); right: -20px;
      background: rgba(10,10,14,0.97); backdrop-filter: blur(24px) saturate(1.2); -webkit-backdrop-filter: blur(24px) saturate(1.2);
      border: 1px solid rgba(212,176,96,0.08);
      min-width: 210px; padding: 0.5rem 0;
      opacity: 0; visibility: hidden; transform: translateY(10px) scale(0.98);
      transition: opacity 0.35s cubic-bezier(.32,.72,0,1), transform 0.35s cubic-bezier(.32,.72,0,1), visibility 0.35s cubic-bezier(.32,.72,0,1);
      z-index: 200; pointer-events: none;
      border-radius: 12px; box-shadow: 0 12px 48px rgba(0,0,0,.45), 0 1px 0 rgba(255,255,255,.03) inset;
    }
    .nav-minimap.is-open .nav-minimap__menu {
      opacity: 1; visibility: visible; transform: translateY(0) scale(1); pointer-events: auto;
    }
    .nav-minimap__header {
      padding: 0.6rem 1rem 0.5rem; line-height: 1.5;
      display: flex; align-items: center; gap: 0.6rem;
    }
    .nav-minimap__header-avatar {
      width: 32px; height: 32px; border-radius: 50%; flex-shrink: 0;
      background: rgba(160,160,170,0.08); border: 1px solid rgba(140,120,90,0.2);
      display: flex; align-items: center; justify-content: center;
      font-size: 1rem; color: var(--text-secondary); overflow: hidden;
    }
    .nav-minimap__header-avatar img {
      width: 100%; height: 100%; object-fit: cover; border-radius: 50%;
    }
    .nav-minimap__header-info { flex: 1; min-width: 0; }
    .nav-minimap__name {
      display: block; font-family: var(--font-label); font-size: 0.6rem;
      letter-spacing: 0.12em; color: var(--text-primary);
      white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    }
    .nav-minimap__role {
      display: block; font-family: var(--font-mono); font-size: 0.52rem;
      color: var(--text-faint); letter-spacing: 0.05em;
    }
    .nav-minimap__divider {
      height: 1px; margin: 0.35rem 0.9rem;
      background: linear-gradient(90deg, transparent, rgba(212,176,96,0.06), transparent);
    }
    .nav-minimap__link {
      display: flex; align-items: center; gap: 0.5rem;
      padding: 0.5rem 1.1rem; margin: 0.1rem 0.3rem;
      font-family: var(--font-body); font-size: 0.85rem; color: var(--text-secondary);
      text-decoration: none; transition: color 0.25s cubic-bezier(.32,.72,0,1), background 0.25s cubic-bezier(.32,.72,0,1), transform 0.25s cubic-bezier(.32,.72,0,1);
      border-radius: 8px;
    }
    .nav-minimap__link:hover { color: var(--text-primary); background: rgba(212,176,96,0.04); transform: translateX(2px); }
    .nav-minimap__link:active { transform: scale(0.98); }
    .nav-minimap__link.is-active { color: #e0ddd6; }
    .nav-minimap__link--studio { color: var(--ayleid-blue); }
    .nav-minimap__link--studio:hover { color: var(--ayleid-glow); background: rgba(106,158,180,0.04); }
    .nav-minimap__link--admin { color: var(--gold-accent, #d4b060); opacity: 0.7; }
    .nav-minimap__link--admin:hover { color: var(--gold-glow); opacity: 1; background: rgba(212,176,96,0.04); }
    .nav-minimap__link--logout { color: #706c64; }
    .nav-minimap__link--logout:hover { color: #b0aca4; background: rgba(160,160,170,0.03); }
    .nav-enter {
      font-family: var(--font-label); font-size: 0.52rem; letter-spacing: 0.22em;
      text-transform: uppercase; color: var(--text-dim); text-decoration: none;
      padding: 0.4em 1.2em; border: 1px solid rgba(212,176,96,0.12);
      transition: all 0.35s cubic-bezier(.32,.72,0,1);
      border-radius: 8px; background: rgba(212,176,96,0.02);
    }
    .nav-enter:hover, .nav-enter.is-active {
      border-color: rgba(212,176,96,0.3); color: var(--gold-accent, #d4b060);
      background: rgba(212,176,96,0.04);
      box-shadow: 0 0 12px rgba(212,176,96,0.06);
    }
    .nav-enter:active { transform: scale(0.97); }
    .nav-brand, .nav-right { position: relative; z-index: 95; }
    .nav-links { z-index: 95; }
    .lore-chapnav.is-hidden-by-dropdown {
      opacity: 0; pointer-events: none;
      transition: opacity 0.2s cubic-bezier(.32,.72,0,1);
    }
    @keyframes bellRing {
      0%   { transform: rotate(0deg); }
      8%   { transform: rotate(14deg); }
      16%  { transform: rotate(-12deg); }
      24%  { transform: rotate(10deg); }
      32%  { transform: rotate(-8deg); }
      40%  { transform: rotate(5deg); }
      48%  { transform: rotate(-3deg); }
      56%  { transform: rotate(1deg); }
      64%  { transform: rotate(0deg); }
      100% { transform: rotate(0deg); }
    }
    @keyframes bellBounce {
      0%, 64%, 100% { transform: translateY(0); }
      10% { transform: translateY(-2px); }
      20% { transform: translateY(0); }
      30% { transform: translateY(-1.5px); }
      40% { transform: translateY(0); }
    }
    .notif-bell__btn.has-unread .notif-bell__icon {
      animation: bellRing 1.2s cubic-bezier(.36,.07,.19,.97) infinite;
      animation-delay: 0.5s;
      transform-origin: top center;
    }
    .notif-bell__btn.has-unread {
      animation: bellBounce 1.2s cubic-bezier(.36,.07,.19,.97) infinite;
      animation-delay: 0.5s;
    }
    .notif-bell__btn.has-unread .notif-bell__icon,
    .notif-bell__btn.has-unread {
      animation-iteration-count: 3;
      animation-fill-mode: both;
    }
    .nav__search {
      font-size: 1rem; background: none; border: none; color: var(--text-dim);
      cursor: pointer; padding: 0.3rem 0.5rem; transition: color 0.3s cubic-bezier(.32,.72,0,1), transform 0.3s cubic-bezier(.32,.72,0,1);
      font-family: var(--font-body);
      border-radius: 6px;
    }
    .nav__search:hover { color: var(--gold-accent, #d4b060); transform: scale(1.1); }
    @media (max-width: 768px) {
      .nav-toggle { display: block; }
      .nav-toggle span {
        transition: transform 0.35s cubic-bezier(.16,1,.3,1), opacity 0.2s ease;
      }
      .nav-toggle.is-open span:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
      .nav-toggle.is-open span:nth-child(2) { opacity: 0; transform: scaleX(0.4); }
      .nav-toggle.is-open span:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }
      body.nav-open { overflow: hidden; }
      .nav-links {
        display: flex; position: fixed; inset: 0;
        width: 100%; max-width: 100%;
        background: rgba(6,6,10,0.98);
        backdrop-filter: blur(32px) saturate(1.1); -webkit-backdrop-filter: blur(32px) saturate(1.1);
        flex-direction: column; align-items: stretch; justify-content: flex-start;
        gap: 0; padding: 0; z-index: 100;
        opacity: 0; visibility: hidden; pointer-events: none;
        transition: opacity 0.35s cubic-bezier(.16,1,.3,1), visibility 0s 0.35s;
        overflow-y: auto; overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
      }
      .nav-links.open {
        opacity: 1; visibility: visible; pointer-events: auto;
        transition: opacity 0.35s cubic-bezier(.16,1,.3,1), visibility 0s 0s;
      }
      .nav-links::before { display: none; }
      .nav-links::after {
        content: '◆ ESO Housing';
        display: block; order: -1;
        padding: 1.2rem 1.5rem 0.7rem;
        font-family: var(--font-display); font-size: 0.52rem;
        letter-spacing: 0.45em; text-transform: uppercase;
        color: rgba(212,176,96,0.25);
        border-bottom: 1px solid rgba(212,176,96,0.04);
        margin-bottom: 0.3rem;
        flex-shrink: 0;
        background: linear-gradient(180deg, rgba(212,176,96,0.01), transparent);
      }
      .nav-item {
        padding: 0; opacity: 0; transform: translateY(10px);
        transition: opacity 0.3s ease, transform 0.35s cubic-bezier(.16,1,.3,1);
        border-bottom: 1px solid rgba(212,176,96,0.03);
      }
      .nav-links.open .nav-item {
        opacity: 1; transform: translateY(0);
      }
      .nav-links.open .nav-item:nth-child(1) { transition-delay: 0.06s; }
      .nav-links.open .nav-item:nth-child(2) { transition-delay: 0.11s; }
      .nav-links.open .nav-item:nth-child(3) { transition-delay: 0.16s; }
      .nav-links.open .nav-item:nth-child(4) { transition-delay: 0.21s; }
      .nav-link, .nav-links .nav-link {
        display: flex; align-items: center; justify-content: space-between;
        padding: 0.9rem 1.5rem; font-size: 0.68rem; letter-spacing: 0.22em;
        min-height: 52px;
      }
      .nav-link:hover, .nav-links .nav-link:hover {
        background: rgba(212,176,96,0.02);
      }
      .nav-link.is-active { color: var(--gold-accent, #d4b060); }
      .nav-link.is-active::after { display: none; }
      .nav-link.is-active::before { display: none; }
      .nav-chevron {
        display: inline-flex; align-items: center; justify-content: center;
        width: 28px; height: 28px; border-radius: 50%;
        background: rgba(160,160,170,0.05);
        transition: transform 0.3s cubic-bezier(.16,1,.3,1), background 0.25s;
        margin-left: auto; font-size: 0.55em;
      }
      .nav-item--has-dropdown.is-mobile-open > .nav-link .nav-chevron {
        transform: rotate(180deg);
        background: rgba(212,176,96,0.08);
        color: var(--gold, #d4b060);
      }
      .nav-dropdown, .nav-dropdown--mega {
        position: static; transform: none;
        background: rgba(0,0,0,0.12); border: none;
        backdrop-filter: none; -webkit-backdrop-filter: none;
        min-width: 0; padding: 0; pointer-events: auto;
        max-height: 0; overflow: hidden; opacity: 0;
        transition: max-height 0.4s cubic-bezier(.16,1,.3,1),
                    opacity 0.3s ease, padding 0.4s cubic-bezier(.16,1,.3,1);
        visibility: visible;
        border-radius: 0;
        box-shadow: none;
      }
      .nav-item--has-dropdown.is-mobile-open > .nav-dropdown,
      .nav-item--has-dropdown.is-mobile-open > .nav-dropdown--mega {
        max-height: 80vh; opacity: 1; padding: 0.3rem 0;
        overflow-y: auto; -webkit-overflow-scrolling: touch;
      }
      .nav-dropdown__link {
        padding: 0.7rem 1.5rem 0.7rem 2.8rem; font-size: 0.75rem;
        min-height: 48px; display: flex; align-items: center;
        position: relative;
        transition: background 0.2s ease;
        transform: none;
      }
      .nav-dropdown__link:active {
        background: rgba(212,176,96,0.04);
      }
      .nav-dropdown__icon {
        display: inline-flex; width: 1.3rem; margin-right: 0.5rem;
        justify-content: center; font-size: 0.85rem; opacity: 0.4;
      }
      .nav-dropdown__divider {
        display: block; height: 1px; margin: 0.2rem 2rem;
        background: rgba(212,176,96,0.04);
      }
      .nav-mega__panels { grid-template-columns: 1fr; gap: 0; }
      .nav-mega__panel-side { display: none; }
      .nav-mega__footer { flex-direction: column; gap: 0; padding: 0 1.5rem; }
      .nav-mega__footer-link {
        padding: 0.5rem 0; font-size: 0.6rem;
        color: var(--gold, #d4b060); opacity: 0.7;
      }
      .nav-mega__label { padding: 0 1.5rem; font-size: 0.45rem; margin-bottom: 0.2rem; }
      .nav-mega__panel-main { padding: 0 0.5rem; }
      .nav-mega { padding: 0; }
      .nav-mega__house-card {
        margin-bottom: 0; padding: 0.55rem 1rem; min-height: 46px;
        border-bottom: 1px solid rgba(160,160,170,0.04);
        border-radius: 4px;
        transition: background 0.2s ease;
      }
      .nav-mega__house-card:active {
        background: rgba(212,176,96,0.06);
      }
      .nav-mega__house-name { font-size: 0.68rem; }
      .nav-mega__house-thumb {
        display: block; width: 36px; height: 36px; flex-shrink: 0;
        border-radius: 4px; background-size: cover; background-position: center;
        border: 1px solid rgba(160,160,170,0.08);
      }
      .nav-mega__house-sub {
        display: block; font-size: 0.55rem; margin-top: 0.1rem;
        opacity: 0.5;
      }
      .nav-mega__house-arrow { display: none; }
      .nav-minimap__menu { right: auto; left: -40px; }
      .nav-minimap__orb { width: 36px; height: 36px; }
      .nav-enter { margin-right: 0.3rem; }
      .lore-chapnav.is-hidden-by-dropdown { opacity: 0; pointer-events: none; }
    }
    .nav-dropdown[data-dropdown="houses"] {
      --menu-accent: 200, 128, 110;     
      --menu-accent-solid: #c8806e;
    }
    .nav-dropdown[data-dropdown="browse"] {
      --menu-accent: 126, 168, 196;     
      --menu-accent-solid: #7ea8c4;
    }
    .nav-dropdown[data-dropdown="community"] {
      --menu-accent: 143, 178, 154;     
      --menu-accent-solid: #8fb29a;
    }
    .nav-dropdown[data-dropdown="news"] {
      --menu-accent: 214, 161, 101;     
      --menu-accent-solid: #d6a165;
    }
    .nav-dropdown[data-dropdown="archives"] {
      --menu-accent: 224, 96, 122;      
      --menu-accent-solid: #e0607a;
    }
    .nav-dropdown {
      --menu-accent: 212, 176, 96;
      --menu-accent-solid: #d4b060;
    }
    .nav-dropdown--mega .nav-mega__label {
      color: rgba(var(--menu-accent), 0.92);
      border-bottom-color: rgba(var(--menu-accent), 0.22);
    }
    .nav-mega__rowgrid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0.15rem 1.5rem;
      padding: 0.25rem 0;
    }
    .nav-mega__row {
      display: grid;
      grid-template-columns: 1.4rem 1fr;
      grid-template-rows: auto auto;
      grid-template-areas: "icon label" "icon desc";
      gap: 0.05rem 0.8rem;
      padding: 0.55rem 0.75rem;
      text-decoration: none;
      position: relative;
      border-radius: 3px;
      transition: background 0.25s var(--ease-premium, cubic-bezier(.32,.72,0,1)), color 0.25s;
    }
    .nav-mega__row::before {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      width: 2px;
      height: 0;
      background: linear-gradient(180deg, transparent, rgba(var(--menu-accent), 0.65), transparent);
      transition: height 0.3s var(--ease-premium, cubic-bezier(.32,.72,0,1)), top 0.3s;
      border-radius: 1px;
    }
    .nav-mega__row:hover,
    .nav-mega__row.is-current {
      background: rgba(var(--menu-accent), 0.07);
    }
    .nav-mega__row:hover::before,
    .nav-mega__row.is-current::before {
      height: 60%;
      top: 20%;
    }
    .nav-mega__row-icon {
      grid-area: icon;
      color: rgba(var(--menu-accent), 0.85);
      font-size: 0.95rem;
      align-self: center;
      text-align: center;
      transition: transform 0.25s var(--ease-premium, cubic-bezier(.32,.72,0,1)), color 0.25s;
    }
    .nav-mega__row:hover .nav-mega__row-icon {
      color: rgba(var(--menu-accent), 1);
      transform: scale(1.1);
    }
    .nav-mega__row-label {
      grid-area: label;
      font-family: var(--font-label, 'Cinzel', serif);
      font-size: 0.7rem;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: rgba(248, 244, 232, 0.92);
    }
    .nav-mega__row-desc {
      grid-area: desc;
      font-family: var(--font-body, 'Cormorant Garamond', serif);
      font-size: 0.85rem;
      font-style: italic;
      color: rgba(220, 215, 200, 0.78);
      line-height: 1.35;
    }
    .nav-mega__featured {
      display: flex;
      flex-direction: column;
      gap: 0.6rem;
    }
    .nav-mega__featured-card {
      display: flex;
      flex-direction: column;
      gap: 0.3rem;
      padding: 0.6rem 0.75rem;
      text-decoration: none;
      color: inherit;
      border: 1px solid rgba(212,176,96,0.1);
      border-radius: 3px;
      transition: border-color 0.3s var(--ease-premium, cubic-bezier(.32,.72,0,1)), background 0.3s;
    }
    .nav-mega__featured-card:hover {
      border-color: rgba(212,176,96,0.3);
      background: rgba(212,176,96,0.03);
    }
    .nav-mega__featured-img {
      width: 100%;
      height: 80px;
      object-fit: cover;
      border-radius: 2px;
      opacity: 0.82;
      transition: opacity 0.3s;
    }
    .nav-mega__featured-card:hover .nav-mega__featured-img { opacity: 1; }
    .nav-mega__featured-title {
      font-family: var(--font-label, 'Cinzel', serif);
      font-size: 0.65rem;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: var(--text-secondary, #b0aca4);
    }
    .nav-mega__featured-meta {
      font-family: var(--font-body, 'Cormorant Garamond', serif);
      font-size: 0.78rem;
      font-style: italic;
      color: var(--text-dim, #7a7670);
    }
    .nav-dropdown--mega.nav-dropdown--news .nav-mega__rowgrid { grid-template-columns: 1fr; }
    @media (max-width: 720px) {
      .nav-mega__rowgrid { grid-template-columns: 1fr; gap: 0; }
      .nav-mega__featured { display: none; }
    }
    .nav-mega__linklist { display: flex; flex-direction: column; gap: 0.15rem; }
    .nav-mega__linklist .nav-dropdown__link {
      padding: 0.55rem 0.8rem;
      margin: 0;
      gap: 0.7rem;
      align-items: flex-start;
    }
    .nav-mega__linklist .nav-dropdown__icon {
      margin-top: 0.1rem;
    }
    .nav-mega__linkbody { display: flex; flex-direction: column; gap: 0.15rem; min-width: 0; }
    .nav-mega__linkname {
      font-family: var(--font-label);
      font-size: 0.66rem;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: rgba(248, 244, 232, 0.94);
      transition: color 0.25s cubic-bezier(.32,.72,0,1);
      line-height: 1.2;
    }
    .nav-mega__linklist .nav-dropdown__link:hover .nav-mega__linkname {
      color: rgba(var(--menu-accent), 1);
    }
    .nav-mega__linkdesc {
      font-family: var(--font-body);
      font-size: 0.85rem;
      font-style: italic;
      color: rgba(220, 215, 200, 0.78);
      line-height: 1.35;
      white-space: normal;
    }
    .nav-mega__linklist .nav-dropdown__link.is-current .nav-mega__linkname {
      color: rgba(var(--menu-accent), 1);
    }
    .nav-mega__linklist .nav-dropdown__link.is-current {
      background: rgba(var(--menu-accent), 0.07);
    }
    .nav-mega__linklist .nav-dropdown__link:hover {
      background: rgba(var(--menu-accent), 0.06);
    }
    .nav-mega__linklist .nav-dropdown__icon {
      color: rgba(var(--menu-accent), 0.7);
      transition: color 0.25s cubic-bezier(.32,.72,0,1), opacity 0.25s;
    }
    .nav-mega__linklist .nav-dropdown__link:hover .nav-dropdown__icon {
      color: rgba(var(--menu-accent), 1);
    }
    .nav-mega__simple-card {
      display: block;
      text-decoration: none;
      color: inherit;
      padding: 0.5rem;
      border-radius: 10px;
      border: 1px solid rgba(var(--menu-accent), 0.08);
      transition: background 0.3s cubic-bezier(.32,.72,0,1), border-color 0.3s cubic-bezier(.32,.72,0,1), transform 0.3s cubic-bezier(.32,.72,0,1);
    }
    .nav-mega__simple-card:hover {
      background: rgba(var(--menu-accent), 0.05);
      border-color: rgba(var(--menu-accent), 0.22);
      transform: translateY(-1px);
    }
    .nav-mega__simple-card-img {
      width: 100%;
      height: 110px;
      object-fit: cover;
      border-radius: 6px;
      display: block;
      opacity: 0.82;
      transition: opacity 0.3s cubic-bezier(.32,.72,0,1);
    }
    .nav-mega__simple-card:hover .nav-mega__simple-card-img { opacity: 1; }
    .nav-mega__simple-card-img-placeholder {
      width: 100%;
      height: 110px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgba(255,255,255,0.02);
      border-radius: 6px;
      color: rgba(var(--menu-accent), 0.4);
      font-size: 1.4rem;
    }
    .nav-mega__simple-card-title {
      display: block;
      font-family: var(--font-body);
      font-size: 0.96rem;
      font-style: italic;
      color: rgba(248, 244, 232, 0.96);
      margin: 0.55rem 0 0.25rem;
      line-height: 1.3;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .nav-mega__simple-card-meta {
      display: block;
      font-family: var(--font-label);
      font-size: 0.55rem;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: rgba(var(--menu-accent), 0.78);
    }
    .nav-mega__hero-card {
      position: relative;
      display: block;
      text-decoration: none;
      color: inherit;
      width: 100%;
      min-height: 240px;
      border-radius: 12px;
      overflow: hidden;
      border: 1px solid rgba(var(--menu-accent), 0.1);
      background: rgba(10,10,12,0.6);
      transition: border-color 0.35s cubic-bezier(.32,.72,0,1),
                  transform 0.35s cubic-bezier(.32,.72,0,1),
                  box-shadow 0.35s cubic-bezier(.32,.72,0,1);
      isolation: isolate;
    }
    .nav-mega__hero-card::before {
      content: '';
      position: absolute;
      left: 0; top: 0; bottom: 0;
      width: 3px;
      background: var(--card-accent, rgba(var(--menu-accent), 0.7));
      opacity: 0.9;
      z-index: 3;
      transition: width 0.35s cubic-bezier(.32,.72,0,1), opacity 0.35s;
    }
    .nav-mega__hero-card:hover {
      border-color: rgba(var(--menu-accent), 0.32);
      transform: translateY(-2px);
      box-shadow: 0 18px 40px -28px rgba(0,0,0,0.85);
    }
    .nav-mega__hero-card:hover::before { width: 5px; opacity: 1; }
    .nav-mega__hero-img {
      position: absolute;
      inset: 0;
      background-size: cover;
      background-position: center;
      opacity: 0.42;
      transform: scale(1.02);
      transition: opacity 0.45s cubic-bezier(.32,.72,0,1),
                  transform 0.6s cubic-bezier(.32,.72,0,1);
      z-index: 1;
    }
    .nav-mega__hero-card:hover .nav-mega__hero-img {
      opacity: 0.62;
      transform: scale(1.06);
    }
    .nav-mega__hero-img--emblem {
      display: flex;
      align-items: center;
      justify-content: center;
      background: radial-gradient(circle at 50% 40%, rgba(212,176,96,0.08), rgba(6,6,8,0.7) 70%);
      color: rgba(212,176,96,0.4);
      font-size: 5rem;
      opacity: 1;
      transform: none;
    }
    .nav-mega__hero-card:hover .nav-mega__hero-img--emblem {
      transform: none;
      color: rgba(212,176,96,0.6);
    }
    .nav-mega__hero-overlay {
      position: absolute;
      inset: 0;
      background:
        linear-gradient(180deg,
          rgba(6,6,8,0.45) 0%,
          rgba(6,6,8,0.65) 50%,
          rgba(6,6,8,0.95) 100%);
      z-index: 2;
    }
    .nav-mega__hero-body {
      position: absolute;
      left: 0; right: 0; bottom: 0;
      padding: 1.1rem 1.25rem 1rem;
      display: flex;
      flex-direction: column;
      gap: 0.35rem;
      z-index: 3;
    }
    .nav-mega__hero-eyebrow {
      font-family: var(--font-label, 'Cinzel', serif);
      font-size: 0.58rem;
      letter-spacing: 0.28em;
      text-transform: uppercase;
      color: var(--card-accent, rgba(var(--menu-accent), 0.95));
      opacity: 0.98;
    }
    .nav-mega__hero-title {
      font-family: var(--font-label, 'Cinzel', serif);
      font-size: 1.05rem;
      letter-spacing: 0.04em;
      color: #fbf2d8;
      line-height: 1.2;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .nav-mega__hero-cta {
      margin-top: 0.35rem;
      font-family: var(--font-body, 'Cormorant Garamond', serif);
      font-size: 0.85rem;
      font-style: italic;
      color: rgba(251,242,216,0.72);
      display: inline-flex;
      align-items: center;
      gap: 0.4rem;
      transition: color 0.3s;
    }
    .nav-mega__hero-arrow {
      display: inline-block;
      transition: transform 0.35s cubic-bezier(.32,.72,0,1);
    }
    .nav-mega__hero-card:hover .nav-mega__hero-cta { color: #fbf2d8; }
    .nav-mega__hero-card:hover .nav-mega__hero-arrow { transform: translateX(4px); }
    @media (max-width: 720px) {
      .nav-mega__hero-card { min-height: 180px; }
      .nav-mega__hero-title { font-size: 0.95rem; }
    }
    .nav {
      background: rgba(6, 6, 8, 0.32);
      backdrop-filter: blur(8px) saturate(1.1);
      -webkit-backdrop-filter: blur(8px) saturate(1.1);
      border-bottom: 1px solid rgba(212, 176, 96, 0.06);
    }
    .nav-link.is-active::before {
      width: 100%;
      left: 0;
    }
    .nav__search:focus-visible,
    .lang-select__trigger:focus-visible,
    .lang-select__option:focus-visible,
    .notif-bell__btn:focus-visible,
    .nav-minimap__orb:focus-visible,
    .nav-enter:focus-visible,
    .nav-toggle:focus-visible {
      outline: 2px solid rgba(212, 176, 96, 0.6);
      outline-offset: 3px;
      border-radius: 4px;
      box-shadow: 0 0 0 4px rgba(212, 176, 96, 0.1);
    }
    @media (max-width: 768px) {
      .nav {
        transition: transform 0.3s cubic-bezier(.32,.72,0,1),
                    background 0.5s var(--ease-premium),
                    padding 0.5s var(--ease-premium),
                    box-shadow 0.5s var(--ease-premium);
      }
      .nav.nav--hidden {
        transform: translateY(-100%);
      }
    }
    @keyframes nav-bell-pulse {
      0%   { box-shadow: 0 0 0 0 rgba(212, 176, 96, 0.55), 0 0 0 0 rgba(212, 176, 96, 0); }
      60%  { box-shadow: 0 0 0 12px rgba(212, 176, 96, 0), 0 0 16px 2px rgba(212, 176, 96, 0.35); }
      100% { box-shadow: 0 0 0 0 rgba(212, 176, 96, 0), 0 0 0 0 rgba(212, 176, 96, 0); }
    }
    .notif-bell__btn.has-unread.is-pulsing {
      animation: nav-bell-pulse 2s cubic-bezier(.32,.72,0,1) 3;
    }
    .notif-bell__btn.has-unread.is-pulsing:hover {
      animation: none;
    }
    @keyframes nav-brand-grand-shimmer {
      0%   {
        background-position: 200% center;
        text-shadow: 0 0 0 rgba(212, 176, 96, 0);
      }
      40%  {
        text-shadow: 0 0 18px rgba(212, 176, 96, 0.45);
      }
      100% {
        background-position: -200% center;
        text-shadow: 0 0 0 rgba(212, 176, 96, 0);
      }
    }
    .nav-brand.is-first-hover {
      background: linear-gradient(90deg,
        var(--text-dim) 0%,
        #c0b894 30%,
        #f0d28a 50%,
        #c0b894 70%,
        var(--text-dim) 100%);
      background-size: 250% auto;
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      animation: nav-brand-grand-shimmer 4s cubic-bezier(.32, .72, 0, 1) 1 forwards;
    }
:root {
  --fd-bg-deep:  #0a0b10;
  --fd-bg:       #0c0e14;
  --fd-bg-card:  #14161e;
  --fd-bg-elev:  #1a1d27;
  --fd-line:     rgba(255,255,255,.08);
  --fd-line-2:   rgba(255,255,255,.14);
  --fd-ink:       #edeef2;
  --fd-ink-soft:  #aab0bd;
  --fd-ink-mute:  #71768a;
  --fd-ink-faint: #4d5160;
  --fd-accent:      #e0a64e;
  --fd-accent-ink:  #0c0e14;
  --fd-accent-glow: color-mix(in srgb, #e0a64e 38%, transparent);
  --fd-accent-soft: color-mix(in srgb, #e0a64e 14%, transparent);
  --fd-ok:    #50c878;  
  --fd-warn:  #e0a050;  
  --fd-err:   #e08080;  
  --fd-info:  #6a9eb4;  
  --fd-muted: #706c64;  
  --fd-display: 'Newsreader', 'Cinzel', Georgia, serif;
  --fd-body:    'Manrope', 'Inter', system-ui, -apple-system, sans-serif;
  --fd-mono:    'JetBrains Mono', 'IBM Plex Mono', ui-monospace, monospace;
  --fd-r-sm: 8px;
  --fd-r-md: 14px;
  --fd-r-lg: 20px;
  --fd-r-xl: 26px;
  --fd-sp-1: 4px;
  --fd-sp-2: 8px;
  --fd-sp-3: 12px;
  --fd-sp-4: 16px;
  --fd-sp-5: 24px;
  --fd-sp-6: 32px;
  --fd-sp-7: 48px;
  --fd-ease:   cubic-bezier(.22,.78,.27,1);
  --fd-t-fast: 180ms var(--fd-ease);
  --fd-t-med:  340ms var(--fd-ease);
  --fd-t-slow: 620ms var(--fd-ease);
  --fd-shadow-card: 0 24px 60px -30px rgba(0,0,0,.8);
  --fd-shadow-pop:  0 18px 50px -16px rgba(0,0,0,.7);
  --fd-maxw: 1380px;
  --fd-z-toast: 11000;
}
.fd-btn {
  font-family: var(--fd-body);
  font-weight: 600;
  font-size: 13.5px;
  line-height: 1;
  padding: 11px 20px;
  border-radius: var(--fd-r-sm);
  border: 1px solid transparent;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  transition: background var(--fd-t-fast), border-color var(--fd-t-fast),
              color var(--fd-t-fast), transform var(--fd-t-fast), filter var(--fd-t-fast);
}
.fd-btn:focus-visible {
  outline: 2px solid var(--fd-accent);
  outline-offset: 2px;
}
.fd-btn--primary { background: var(--fd-accent); color: var(--fd-accent-ink); }
.fd-btn--primary:hover { filter: brightness(1.08); transform: translateY(-1px); }
.fd-btn--ghost { background: transparent; border-color: var(--fd-line-2); color: var(--fd-ink); }
.fd-btn--ghost:hover { border-color: var(--fd-accent); color: var(--fd-accent); }
.fd-btn--quiet { background: rgba(255,255,255,.05); color: var(--fd-ink-soft); }
.fd-btn--quiet:hover { background: rgba(255,255,255,.09); color: var(--fd-ink); }
.fd-btn[disabled], .fd-btn.is-loading { opacity: .55; pointer-events: none; }
.fd-chip {
  font-family: var(--fd-mono);
  font-size: 11px;
  letter-spacing: .04em;
  color: var(--fd-ink-soft);
  background: rgba(255,255,255,.05);
  border: 1px solid var(--fd-line);
  padding: 6px 12px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: border-color var(--fd-t-fast), color var(--fd-t-fast), background var(--fd-t-fast);
}
.fd-chip--active {
  color: var(--fd-accent);
  border-color: color-mix(in srgb, var(--fd-accent) 34%, transparent);
  background: var(--fd-accent-soft);
}
.fd-chip__x { color: var(--fd-ink-faint); cursor: pointer; }
.fd-chip__x:hover { color: var(--fd-err); }
.fd-field input,
.fd-field textarea {
  width: 100%;
  font-family: var(--fd-body);
  font-size: 14px;
  color: var(--fd-ink);
  background: var(--fd-bg-deep);
  border: 1px solid var(--fd-line-2);
  border-radius: var(--fd-r-sm);
  padding: 11px 14px;
  outline: none;
  transition: border-color var(--fd-t-fast), box-shadow var(--fd-t-fast);
}
.fd-field input::placeholder,
.fd-field textarea::placeholder { color: var(--fd-ink-faint); }
.fd-field input:focus,
.fd-field textarea:focus {
  border-color: var(--fd-accent);
  box-shadow: 0 0 0 3px var(--fd-accent-soft);
}
.fd-field--err input,
.fd-field--err textarea { border-color: var(--fd-err); }
.fd-field--ok input,
.fd-field--ok textarea { border-color: var(--fd-ok); }
.fd-skeleton {
  border-radius: var(--fd-r-sm);
  background: linear-gradient(100deg,
    rgba(255,255,255,.04) 30%,
    rgba(255,255,255,.10) 50%,
    rgba(255,255,255,.04) 70%);
  background-size: 200% 100%;
  animation: fd-shimmer 1.4s infinite;
}
@keyframes fd-shimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}
.fd-skeleton-card {
  border: 1px solid var(--fd-line);
  border-radius: var(--fd-r-md);
  padding: 14px;
  background: var(--fd-bg);
}
.fd-skeleton-card__media { height: 180px; margin-bottom: 12px; border-radius: var(--fd-r-sm); }
.fd-skeleton-card__line  { height: 13px; margin-bottom: 8px; }
.fd-skeleton-card__line--short { width: 45%; }
.fd-toast-host {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: var(--fd-z-toast);
  display: flex;
  flex-direction: column;
  gap: 10px;
  pointer-events: none;
  max-width: min(430px, calc(100vw - 44px));
}
.fd-toast {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 13px 16px;
  border-radius: var(--fd-r-md);
  background: var(--fd-bg-elev);
  border: 1px solid var(--fd-line-2);
  box-shadow: var(--fd-shadow-pop);
  color: var(--fd-ink);
  pointer-events: auto;
  transform: translateY(14px);
  opacity: 0;
  transition: transform var(--fd-t-med), opacity var(--fd-t-med);
}
.fd-toast.is-in  { transform: translateY(0); opacity: 1; }
.fd-toast.is-out { transform: translateY(14px); opacity: 0; }
.fd-toast__dot { width: 9px; height: 9px; border-radius: 50%; flex: none; margin-top: 5px; }
.fd-toast--ok   .fd-toast__dot { background: var(--fd-ok); }
.fd-toast--err  .fd-toast__dot { background: var(--fd-err); }
.fd-toast--warn .fd-toast__dot { background: var(--fd-warn); }
.fd-toast--info .fd-toast__dot { background: var(--fd-info); }
.fd-toast__body { flex: 1; min-width: 0; }
.fd-toast__title { font-family: var(--fd-body); font-weight: 600; font-size: 13.5px; }
.fd-toast__msg   { color: var(--fd-ink-mute); font-size: 12.5px; line-height: 1.45; margin-top: 2px; }
.fd-toast__close {
  background: none; border: 0; color: var(--fd-ink-faint);
  font-size: 15px; line-height: 1; cursor: pointer; padding: 2px 4px; flex: none;
  transition: color var(--fd-t-fast);
}
.fd-toast__close:hover { color: var(--fd-ink); }
.fd-empty {
  text-align: center;
  padding: 40px 22px;
  border: 1px dashed var(--fd-line-2);
  border-radius: var(--fd-r-md);
}
.fd-empty__icon { font-size: 30px; color: var(--fd-accent); opacity: .7; }
.fd-empty__title { font-family: var(--fd-display); font-weight: 500; font-size: 20px; margin: 12px 0 6px; }
.fd-empty__text  { color: var(--fd-ink-mute); font-size: 13.5px; max-width: 360px; margin: 0 auto 16px; line-height: 1.5; }
@media (prefers-reduced-motion: reduce) {
  .fd-skeleton { animation: none; background: rgba(255,255,255,.06); }
  .fd-toast { transition: opacity var(--fd-t-fast); transform: none; }
  .fd-toast.is-in { transform: none; }
  .fd-toast.is-out { transform: none; }
}
.cmd-section { margin-bottom: 6px; }
.cmd-section__label {
  color: var(--fd-accent) !important;
}
.cmd-item { position: relative; }
.cmd-item .search-result__icon { color: var(--fd-accent); }
.cmd-item__kbd {
  margin-left: auto;
  flex: none;
  font-family: var(--fd-mono);
  font-size: 12px;
  color: var(--fd-ink-faint);
  border: 1px solid var(--fd-line-2);
  border-radius: 6px;
  padding: 2px 7px;
  opacity: 0;
  transition: opacity var(--fd-t-fast), color var(--fd-t-fast), border-color var(--fd-t-fast);
}
.cmd-item:hover .cmd-item__kbd,
.cmd-item.focused .cmd-item__kbd {
  opacity: 1;
  color: var(--fd-accent);
  border-color: color-mix(in srgb, var(--fd-accent) 34%, transparent);
}
.search-overlay__input-row:focus-within {
  border-color: var(--fd-accent) !important;
  box-shadow: 0 0 0 3px var(--fd-accent-soft);
}
.search-overlay__esc,
.search-overlay__hint kbd {
  font-family: var(--fd-mono);
}
@view-transition { navigation: auto; }
::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 200ms;
  animation-timing-function: var(--fd-ease);
}
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root) { animation: none; }
}