/* Matches americafirstxrp.us: X-style black + amber gold */
#af-guide-root { all: initial; }
#af-guide-root, #af-guide-root * {
 box-sizing: border-box;
 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
 -webkit-font-smoothing: antialiased;
}
.af-launcher {
 position: fixed; right: 18px; bottom: 18px; z-index: 99999;
 display: flex; align-items: center; gap: 10px;
 border: 1px solid #2f3336; cursor: pointer;
 background: #0a0a0a; color: #e7e9ea;
 padding: 10px 16px 10px 10px; border-radius: 999px;
 box-shadow: 0 18px 50px rgba(0,0,0,.65), 0 0 0 1px rgba(251,191,36,.12);
 font-size: 13px; font-weight: 700;
}
.af-launcher:hover { background: rgba(255,255,255,.03); }
.af-launcher:active { transform: scale(.97); }
.af-launcher-flag {
 width: 32px; height: 32px; border-radius: 50%;
 object-fit: cover; border: 1px solid rgba(251,191,36,.45);
}
.af-panel {
 position: fixed; right: 18px; bottom: 76px;
 width: min(400px, calc(100vw - 20px));
 height: min(640px, calc(100vh - 110px));
 background: #0a0a0a; color: #e7e9ea; border-radius: 20px;
 overflow: hidden; z-index: 99999; display: none; flex-direction: column;
 border: 1px solid #2f3336;
 box-shadow: 0 25px 80px rgba(0,0,0,.85), 0 0 0 1px rgba(251,191,36,.08);
}
.af-panel.open { display: flex; }
.af-head { background: #0a0a0a; border-bottom: 1px solid #2f3336; padding: 0 0 12px; }
.af-banner { position: relative; height: 108px; overflow: hidden; background: #111; }
.af-banner img { width: 100%; height: 100%; object-fit: cover; object-position: center 28%; display: block; }
.af-banner::after {
 content: ""; position: absolute; inset: 0;
 background: linear-gradient(to top, rgba(10,10,10,.98) 0%, rgba(0,0,0,.45) 42%, rgba(0,0,0,.12) 100%);
}
.af-flag-accent {
 position: absolute; top: 8px; left: 10px; right: 10px; height: 3px; border-radius: 2px;
 background: linear-gradient(90deg, #b91c1c 0%, #b91c1c 33%, #e7e9ea 33%, #e7e9ea 66%, #1e3a8a 66%, #1e3a8a 100%);
 opacity: .85; z-index: 3;
}
.af-head-inner { padding: 0 14px; margin-top: -18px; position: relative; z-index: 2; }
.af-stars { color: #fbbf24; letter-spacing: 3px; font-size: 11px; text-align: center; margin: 0 0 8px; }
.af-badge {
 display: inline-flex; align-items: center; gap: 6px;
 background: #000; border: 1px solid #2f3336; color: #fbbf24;
 font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
 padding: 4px 10px; border-radius: 999px;
}
.af-head-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; }
.af-title { margin: 10px 0 2px; font-size: 22px; font-weight: 800; letter-spacing: -.03em; color: #fff; }
.af-sub { margin: 0; font-size: 13px; color: #71767b; }
.af-close {
 border: 0; background: rgba(0,0,0,.45); color: #e7e9ea;
 font-size: 22px; cursor: pointer; line-height: 1; padding: 2px 7px 4px; border-radius: 999px;
}
.af-nfa { margin: 10px 0 0; font-size: 11px; line-height: 1.4; color: #6b7280; }
.af-chips { display: flex; flex-wrap: wrap; gap: 6px; padding: 10px 10px 0; }
.af-chip {
 border: 1px solid #536471; background: transparent; color: #e7e9ea;
 border-radius: 999px; padding: 6px 10px; font-size: 12px; font-weight: 700; cursor: pointer;
}
.af-chip:hover { background: rgba(239,243,244,.1); }
.af-log { flex: 1; overflow: auto; padding: 12px; display: flex; flex-direction: column; gap: 10px; }
.af-log::-webkit-scrollbar { width: 6px; }
.af-log::-webkit-scrollbar-track { background: #000; }
.af-log::-webkit-scrollbar-thumb { background: #333; border-radius: 3px; }
.af-msg { max-width: 92%; padding: 10px 12px; border-radius: 16px; font-size: 14px; line-height: 1.45; white-space: pre-wrap; }
.af-msg.bot { background: #000; border: 1px solid #2f3336; color: #e7e9ea; align-self: flex-start; }
.af-msg.user { background: #e7e9ea; color: #0f1419; font-weight: 650; align-self: flex-end; }
.af-form { display: flex; gap: 8px; padding: 10px; border-top: 1px solid #2f3336; background: #000; }
.af-form input {
 flex: 1; border: 1px solid #2f3336; background: #0a0a0a; color: #e7e9ea;
 border-radius: 999px; padding: 10px 14px; font-size: 14px; outline: none;
}
.af-form input:focus { border-color: #fbbf24; }
.af-form button {
 border: 0; border-radius: 999px;
 background: linear-gradient(180deg, #fbbf24, #d97706);
 color: #0f1419; font-weight: 800; padding: 0 16px; cursor: pointer;
}