.woi-nav-drawer{position:fixed;top:0;left:0;bottom:0;width:282px;max-width:86vw;transform:translateX(-105%);transition:.18s;z-index:9999;padding:18px 16px;background:linear-gradient(180deg,#0b111a,#071018);border-right:1px solid rgba(125,211,252,.22);box-shadow:24px 0 70px rgba(0,0,0,.42);overflow-y:auto}
.woi-nav-drawer.is-open{transform:translateX(0)}
.woi-nav-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.46);z-index:9998}
.woi-nav-backdrop.is-open{display:block}
.woi-nav-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.woi-nav-title{font-size:13px;font-weight:1000;letter-spacing:.12em;color:#7dd3fc}
.woi-nav-close{font-size:24px;background:transparent;border:0;color:#e8eef6;cursor:pointer}
.woi-nav-section{margin:18px 0 8px;font-size:11px;font-weight:1000;letter-spacing:.12em;color:rgba(226,232,240,.56)}
.woi-nav-link{display:block;padding:10px 11px;margin:4px 0;border-radius:12px;color:#e8eef6;text-decoration:none;font-size:14px;font-weight:850}
.woi-nav-link:hover{background:rgba(59,130,246,.12)}
.woi-nav-search{display:flex;gap:8px;margin-top:8px}
.woi-nav-input{min-width:0;flex:1;padding:10px;border-radius:12px;background:#071018;color:#e8eef6;border:1px solid rgba(148,163,184,.22)}
.woi-nav-action{padding:10px 12px;border-radius:12px;text-decoration:none;color:#081018;background:#7dd3fc;font-weight:1000}
CSScd /opt/woi/app/woi-scanner-daily

cat > ui/assets/woi_nav.css <<'CSS'
.woi-nav-drawer{position:fixed;top:0;left:0;bottom:0;width:282px;max-width:86vw;transform:translateX(-105%);transition:.18s;z-index:9999;padding:18px 16px;background:linear-gradient(180deg,#0b111a,#071018);border-right:1px solid rgba(125,211,252,.22);box-shadow:24px 0 70px rgba(0,0,0,.42);overflow-y:auto}
.woi-nav-drawer.is-open{transform:translateX(0)}
.woi-nav-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.46);z-index:9998}
.woi-nav-backdrop.is-open{display:block}
.woi-nav-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.woi-nav-title{font-size:13px;font-weight:1000;letter-spacing:.12em;color:#7dd3fc}
.woi-nav-close{font-size:24px;background:transparent;border:0;color:#e8eef6;cursor:pointer}
.woi-nav-section{margin:18px 0 8px;font-size:11px;font-weight:1000;letter-spacing:.12em;color:rgba(226,232,240,.56)}
.woi-nav-link{display:block;padding:10px 11px;margin:4px 0;border-radius:12px;color:#e8eef6;text-decoration:none;font-size:14px;font-weight:850}
.woi-nav-link:hover{background:rgba(59,130,246,.12)}
.woi-nav-search{display:flex;gap:8px;margin-top:8px}
.woi-nav-input{min-width:0;flex:1;padding:10px;border-radius:12px;background:#071018;color:#e8eef6;border:1px solid rgba(148,163,184,.22)}
.woi-nav-action{padding:10px 12px;border-radius:12px;text-decoration:none;color:#081018;background:#7dd3fc;font-weight:1000}

/* NAV-002: Explore button visibility */
.woi-nav-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:136px;
  height:36px;
  padding:0 16px;
  border-radius:14px;
  cursor:pointer;
  user-select:none;

  background:linear-gradient(180deg,rgba(37,99,235,.56),rgba(30,64,175,.36));
  border:1px solid rgba(125,211,252,.56);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 0 18px rgba(59,130,246,.22),
    0 10px 24px rgba(0,0,0,.28);

  color:#ffffff;
  font-size:13px;
  font-weight:1000;
  letter-spacing:.01em;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}

.woi-nav-icon:hover{
  transform:translateY(-1px);
  background:linear-gradient(180deg,rgba(37,99,235,.72),rgba(30,64,175,.46));
  border-color:rgba(125,211,252,.78);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 0 26px rgba(59,130,246,.32),
    0 12px 28px rgba(0,0,0,.32);
}