/* ═══ nx — navigate-as-an-ask ═══ */
  .nx{position:fixed;top:0;left:0;right:0;z-index:90;display:flex;align-items:center;
    justify-content:space-between;padding:14px 26px;
    background:color-mix(in oklab, var(--ink) 72%, transparent);
    backdrop-filter:blur(16px);border-bottom:1px solid var(--line-soft);
    transition:padding .3s}
  .nx.scrolled{padding:8px 26px}
  .nx-lock{display:flex;align-items:center;gap:10px;font-weight:500;font-size:13px;
    letter-spacing:.32em;color:var(--card);text-decoration:none;font-family:var(--sans)}
  .nx-lock svg{width:22px;height:22px;color:var(--clay)}
  .nx-go{display:flex;align-items:center;gap:12px;background:rgba(35,32,26,.6);
    border:1px solid var(--line);border-radius:999px;padding:9px 18px;cursor:pointer;
    font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;
    color:var(--stone);transition:all .25s}
  .nx-go:hover{border-color:var(--clay);color:var(--paper)}
  .nx-go .dot{width:7px;height:7px;border-radius:50%;border:1px solid var(--clay);position:relative}
  .nx-go .dot::after{content:"";position:absolute;inset:-5px;border-radius:50%;
    border:1px solid rgba(168,107,67,.4);animation:nxpulse 2.4s infinite}
  @keyframes nxpulse{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.5);opacity:0}}
  .nx-go kbd{font-family:var(--mono);font-size:9px;border:1px solid var(--line);
    border-radius:4px;padding:2px 6px;color:#6d6a54}
  .nx-cta{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;
    color:var(--ember);border:1px solid var(--ember);border-radius:999px;padding:8px 18px;
    text-decoration:none;transition:all .25s}
  .nx-cta:hover{background:var(--ember);color:var(--card)}
  @media (max-width:640px){ .nx-go .lbl,.nx-go kbd{display:none} .nx-cta{display:none} }

  /* the navigator */
  .nx-field{position:fixed;inset:0;z-index:100;background:var(--ink);
    opacity:0;pointer-events:none;transition:opacity .35s}
  body.nx-open .nx-field{opacity:1;pointer-events:auto}
  body.nx-open{overflow:hidden}
  .nx-field::before{content:"";position:absolute;inset:0;opacity:.05;pointer-events:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E")}
  #nxcv{position:absolute;inset:0;width:100%;height:100%}
  .nx-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;
    align-items:center;padding:20px 26px;z-index:2}
  .nx-top .h{font-family:var(--mono);font-size:9.5px;letter-spacing:.26em;text-transform:uppercase;
    color:#4c5142}
  .nx-x{background:none;border:1px solid var(--line);border-radius:50%;width:36px;height:36px;
    color:var(--stone);cursor:pointer;font-size:14px;transition:all .2s}
  .nx-x:hover{border-color:var(--clay);color:var(--paper)}
  .nx-ask{position:absolute;left:50%;top:16%;transform:translateX(-50%);width:min(560px,86vw);
    z-index:2;text-align:center}
  .nx-ask input{width:100%;background:none;border:none;border-bottom:1px solid var(--line);
    color:var(--card);font-family:var(--serif);font-size:clamp(22px,3.4vw,34px);text-align:center;
    padding:10px 6px;outline:none;caret-color:var(--clay)}
  .nx-ask input::placeholder{color:#4f5344;font-style:italic}
  .nx-ask .hint{margin-top:12px;font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;
    text-transform:uppercase;color:#4c5142;min-height:14px}
  .nx-ask .hint b{color:var(--wheat);font-weight:500}


  /* ═══ nx frontier layer ═══ */
  @view-transition{navigation:auto}
  ::view-transition-old(root){animation-duration:.4s}
  ::view-transition-new(root){animation-duration:.4s}
  .nx-lock svg{view-transition-name:tlx-signet}
  #nxgpu{position:absolute;inset:0;width:100%;height:100%;opacity:.85}
  .nx-ask .row{display:flex;gap:10px;align-items:center}
  .nx-ask input{flex:1}
  .nx-mic{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);
    background:none;color:var(--stone);cursor:pointer;font-size:15px;transition:all .25s;
    display:none;align-items:center;justify-content:center}
  .nx-mic.avail{display:flex}
  .nx-mic:hover{border-color:var(--clay);color:var(--paper)}
  .nx-mic.listening{border-color:var(--ember);color:var(--ember);
    animation:nxpulse2 1.2s infinite}
  @keyframes nxpulse2{0%,100%{box-shadow:0 0 0 0 rgba(188,74,36,.35)}50%{box-shadow:0 0 0 10px rgba(188,74,36,0)}}
  .nx-status{position:absolute;left:0;right:0;bottom:18px;display:flex;gap:16px;
    justify-content:center;flex-wrap:wrap;z-index:2;font-family:var(--mono);font-size:8.5px;
    letter-spacing:.18em;text-transform:uppercase}
  .nx-status span{color:#3f4437;transition:color .4s}
  .nx-status span::before{content:"○ ";}
  .nx-status span.on{color:var(--wheat)}
  .nx-status span.on::before{content:"● "}