.nav-backdrop{position:fixed;inset:0;background:rgba(4,4,8,.6);backdrop-filter:blur(3px);z-index:90;display:none}
.nav-backdrop.show{display:block}
@media(min-width:861px){.nav-backdrop.show{display:none}}
.chip-model{color:#cfc4ff;border-color:rgba(124,92,255,.35);background:rgba(124,92,255,.1)}
.attach-preview{margin-bottom:9px}
.attach-preview img{max-height:120px;border-radius:10px;border:1px solid var(--line)}
.attach-preview .rm{display:inline-flex;margin-left:8px;font-size:11px;color:var(--mut);cursor:pointer}
.steps-list{margin:14px 0 0 20px;line-height:1.9;color:var(--txt-2);font-size:14px}
.guest-body{display:block}
.guest-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;
  border-bottom:1px solid var(--line);background:rgba(7,7,12,.75);backdrop-filter:blur(16px);position:sticky;top:0;z-index:30}
.guest-head .brand{padding:0;font-size:15.5px}
.guest-head-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.guest-main{display:flex;justify-content:center;padding:0 16px}
.guest-content{width:100%;max-width:980px}
.gate{background:linear-gradient(135deg,rgba(124,92,255,.14),rgba(0,212,255,.07));
  border:1px solid rgba(124,92,255,.35);border-radius:16px;padding:20px;text-align:center;animation:rise .25s ease}
.gate h3{font-size:17px;font-weight:800;letter-spacing:-.02em;margin-bottom:6px}
.gate p{color:var(--txt-2);font-size:13.5px;margin-bottom:16px}
.gate-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.docs-body{display:block}
.docs-wrap{max-width:900px;margin:0 auto;padding:36px 22px 90px}
.docs-wrap h1{font-size:32px;font-weight:800;letter-spacing:-.03em;margin-bottom:10px}
.docs-wrap h2{font-size:20px;font-weight:800;margin:38px 0 12px;letter-spacing:-.02em}
.docs-wrap h3{font-size:15px;font-weight:750;margin:22px 0 8px}
.docs-wrap p,.docs-wrap li{color:var(--txt-2);font-size:14px;line-height:1.75}
.docs-wrap ul{margin:10px 0 10px 20px}
.docs-wrap code{font-family:var(--mono);font-size:12.5px;background:rgba(255,255,255,.06);padding:2px 6px;border-radius:6px}
.docs-nav{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid var(--line)}
.tabs{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}
.tab{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:9px;padding:6px 12px;
  font-size:12.5px;font-weight:650;color:var(--txt-2);cursor:pointer;font-family:var(--font)}
.tab.on{background:rgba(124,92,255,.16);border-color:rgba(124,92,255,.4);color:#fff}
@media(max-width:640px){
  .guest-head{padding:12px 14px}
  .guest-head-right .btn{padding:7px 11px;font-size:12px}
  .chat-wrap{height:calc(100vh - 190px)}
}

/* fix17 -- one-tap conversation rows, pay cards, mode switch */
.conv { position: relative; }
.conv .conv-open {
  display: flex; align-items: center; gap: .5rem; width: 100%;
  padding: .5rem .6rem; padding-right: 4.8rem; border-radius: 10px;
  text-decoration: none; color: inherit; touch-action: manipulation;
}
.conv .conv-open:hover { background: rgba(255,255,255,.06); }
.conv-tools { position: absolute; right: .3rem; top: 50%; transform: translateY(-50%); display: flex; gap: .1rem; }
.conv-tools button {
  background: transparent; border: 0; cursor: pointer; color: inherit;
  opacity: 0; transition: opacity .12s; padding: .15rem .25rem; line-height: 1;
}
.conv:hover .conv-tools button { opacity: .85; }
@media (hover: none) { .conv-tools button { opacity: .7; } }
#modeSeg button.on { font-weight: 700; }
.pay-grid { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .6rem; }
.pay-wallet-card { margin-top: .75rem; padding: .75rem; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; }
.pay-wallet-card .addr { word-break: break-all; margin: .35rem 0 .5rem; }