body.ag-ui {
  --a-bg: #f6f7f4; --a-card: #ffffff; --a-card2: #ffffff; --a-line: rgba(10,10,10,.09); --a-line2: rgba(10,10,10,.18);
  --a-text: #0a0a0a; --a-muted: rgba(10,10,10,.68); --a-dim: rgba(10,10,10,.52);
  --a-green: #90e619; --a-green-h: #7ac70f; --a-green-t: #4d7c0f; --a-green-bg: #f4fce8;
  --a-warn: #b45309; --a-warn-bg: #fff8eb; --a-bad: #b91c1c; --a-bad-bg: #fef2f2;
  --a-r: 10px;
  background: var(--a-bg); color: var(--a-text); font-family: var(--sans, 'Inter', 'PingFang SC', 'Noto Sans SC', system-ui, sans-serif);
  color-scheme: light; margin: 0; min-height: 100vh; display: flex; flex-direction: column;
}
body.ag-ui a { color: inherit; }
body.ag-ui h1, body.ag-ui h2, body.ag-ui h3 { font-family: var(--display, 'Space Grotesk', 'PingFang SC', sans-serif); font-weight: 600; letter-spacing: -.01em; margin: 0; line-height: 1.2; text-wrap: wrap; }
body.ag-ui #agent-root { flex: 1 0 auto; }
.ag-wrap { max-width: 1240px; margin: 0 auto; padding-left: max(20px, env(safe-area-inset-left, 0px)); padding-right: max(20px, env(safe-area-inset-right, 0px)); width: 100%; box-sizing: border-box; }
body.ag-ui *, body.ag-ui *::before, body.ag-ui *::after { box-sizing: border-box; }
body.ag-ui :focus-visible { outline: 2px solid var(--a-green); outline-offset: 2px; }


body.ag-ui .btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 42px; padding: 0 16px; border-radius: 8px; border: 1px solid var(--a-line2); background: transparent; color: var(--a-text); font: inherit; font-size: 14px; font-weight: 600; text-decoration: none; cursor: pointer; white-space: nowrap; transition: background .12s, border-color .12s; }
body.ag-ui .btn:hover { background: rgba(10,10,10,.04); border-color: rgba(10,10,10,.32); color: var(--a-text); }
body.ag-ui .btn-primary { background: var(--a-green); border-color: var(--a-green); color: #0b0d0a; }
body.ag-ui .btn-primary:hover { background: var(--a-green-h); border-color: var(--a-green-h); color: #0b0d0a; }
body.ag-ui .btn-sm { min-height: 34px; padding: 0 12px; font-size: 13px; }
body.ag-ui .btn[disabled] { opacity: .4; cursor: not-allowed; }
body.ag-ui .ag-danger { border-color: #fca5a5 !important; color: var(--a-bad) !important; background: transparent !important; }
body.ag-ui .btn.btn-primary.ag-danger { background: #dc2626 !important; border-color: #dc2626 !important; color: #fff !important; }
body.ag-ui .chips { display: flex; flex-wrap: wrap; gap: 8px; }
body.ag-ui .chip { display: inline-flex; align-items: center; min-height: 34px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--a-line2); background: transparent; color: var(--a-muted); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
body.ag-ui .chip:hover { color: var(--a-text); border-color: rgba(10,10,10,.32); }
body.ag-ui .chip.on { background: var(--a-green-bg); border-color: var(--a-green); color: var(--a-green-t); }
body.ag-ui .chip.off { border-style: dashed; color: var(--a-dim); cursor: default; }
.ag-link { background: none; border: 0; padding: 0; font: inherit; font-size: 13px; font-weight: 600; color: var(--a-green-t); cursor: pointer; text-decoration: none; }
.ag-link:hover { text-decoration: underline; }


.agt { position: sticky; top: 0; z-index: 30; background: rgba(255,255,255,.95); backdrop-filter: blur(8px); border-bottom: 1px solid var(--a-line); }
.agt-in { max-width: 1240px; margin: 0 auto; padding: 0 max(20px, env(safe-area-inset-right, 0px)) 0 max(20px, env(safe-area-inset-left, 0px)); height: 62px; display: flex; align-items: center; gap: 24px; }
.agt-brand { display: flex; align-items: center; gap: 9px; text-decoration: none; flex: 0 0 auto; }
.agt-brand b { font-family: var(--mono, ui-monospace, monospace); font-weight: 800; font-size: 19px; letter-spacing: .02em; }
.agt-nav { display: flex; gap: 22px; }
.agt-nav a { font-size: 14px; font-weight: 600; color: var(--a-muted); text-decoration: none; padding: 6px 0; border-bottom: 2px solid transparent; }
.agt-nav a:hover { color: var(--a-text); }
.agt-nav a.on { color: var(--a-text); border-bottom-color: var(--a-green); }
.agt-sp { flex: 1; }
.ag-net { font-family: var(--mono, ui-monospace, monospace); font-size: 11px; letter-spacing: .06em; padding: 4px 9px; border: 1px solid var(--a-line2); border-radius: 999px; color: var(--a-muted); display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.ag-net::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--a-green); }
.agt-w { position: relative; }
.agt-wbtn { display: inline-flex; align-items: center; gap: 8px; min-height: 38px; padding: 0 14px; border-radius: 8px; border: 1px solid var(--a-line2); background: var(--a-card); color: var(--a-text); font-family: var(--mono, ui-monospace, monospace); font-size: 12.5px; cursor: pointer; white-space: nowrap; }
.agt-wbtn i { width: 7px; height: 7px; border-radius: 50%; border: 1px solid var(--a-dim); }
.agt-wbtn i.on { background: var(--a-green); border-color: var(--a-green); }
.agt-menu { position: absolute; right: 0; top: calc(100% + 6px); min-width: 180px; background: var(--a-card2); border: 1px solid var(--a-line2); border-radius: 8px; padding: 4px; display: flex; flex-direction: column; z-index: 40; box-shadow: 0 12px 30px rgba(10,10,10,.12); }
.agt-menu button, .agt-menu a { text-align: left; background: none; border: 0; color: var(--a-text); font: inherit; font-size: 13px; padding: 10px 12px; border-radius: 6px; cursor: pointer; text-decoration: none; }
.agt-menu button:hover, .agt-menu a:hover { background: rgba(10,10,10,.04); }
.agt-burger { display: none; width: 40px; height: 40px; border: 1px solid var(--a-line2); border-radius: 8px; background: transparent; flex-direction: column; align-items: center; justify-content: center; gap: 4px; cursor: pointer; }
.agt-burger span { width: 16px; height: 2px; background: var(--a-text); }
.agt-mm { display: none; flex-direction: column; padding: 8px max(20px, env(safe-area-inset-left, 0px)) 14px; border-top: 1px solid var(--a-line); }
.agt-mm a { padding: 11px 0; font-weight: 600; text-decoration: none; border-bottom: 1px solid var(--a-line); }
.agt-mm a.on { color: var(--a-green-t); }
.agf { border-top: 1px solid var(--a-line); margin-top: auto; }
.agf .ag-wrap { padding-top: 22px; padding-bottom: calc(28px + env(safe-area-inset-bottom, 0px)); display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 12px; color: var(--a-dim); }
.agf b { font-family: var(--mono, ui-monospace, monospace); color: var(--a-muted); }


.ag-hero .ag-wrap { padding-top: 44px; padding-bottom: 8px; display: flex; flex-direction: column; gap: 14px; }
.ag-hero h1 { font-size: clamp(32px, 4.6vw, 56px); line-height: 1.12; letter-spacing: -.025em; }
.ag-hero h1 em { font-style: normal; color: var(--a-green-t); }
.ag-hero p { margin: 0; font-size: 17px; color: var(--a-muted); }
.ag-home2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding-top: 24px; padding-bottom: 56px; }
.ag-entry { background: var(--a-card); border: 1px solid var(--a-line); border-radius: var(--a-r); padding: 24px; display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.ag-entry-k { font-family: var(--display, sans-serif); font-size: 22px; font-weight: 600; }
.ag-entry p { margin: 0; color: var(--a-muted); font-size: 15px; }
.ag-entry ul, .ag-notes { margin: 0; padding-left: 18px; color: var(--a-muted); font-size: 14px; display: flex; flex-direction: column; gap: 5px; }
.ag-entry li::marker, .ag-notes li::marker { color: var(--a-green); }
.ag-entry-acts, .ag-btns, .ag-actrow { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.ag-entry-acts { margin-top: auto; padding-top: 4px; }


.ag-shell { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 32px; padding-top: 28px; padding-bottom: 64px; align-items: start; }
.ag-solo { padding-top: 28px; padding-bottom: 64px; }
.ag-side { position: sticky; top: 82px; display: flex; flex-direction: column; gap: 2px; }
.ag-side-i { padding: 10px 12px; border-radius: 8px; font-size: 14px; font-weight: 600; color: var(--a-muted); text-decoration: none; }
.ag-side-i:hover { color: var(--a-text); background: rgba(10,10,10,.03); }
.ag-side-i.on { color: var(--a-text); background: var(--a-card2); box-shadow: inset 2px 0 0 var(--a-green); }
.ag-main { display: flex; flex-direction: column; gap: 24px; min-width: 0; }
.ag-demo { align-self: flex-start; font-size: 12px; font-weight: 600; color: var(--a-warn); background: var(--a-warn-bg); border: 1px solid #f5c27a; border-radius: 999px; padding: 3px 10px; }
.ag-back { font-size: 13px; font-weight: 600; color: var(--a-muted); text-decoration: none; align-self: flex-start; }
.ag-back:hover { color: var(--a-text); }
.ag-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 14px 24px; }
.ag-head > div:first-child { flex: 1 1 360px; min-width: 0; }
.ag-head h1 { font-size: clamp(26px, 3vw, 36px); margin-top: 4px; }
.ag-head p { margin: 8px 0 0; color: var(--a-muted); font-size: 15px; }
.ag-head .ag-tags { margin-top: 10px; }
.ag-mode { margin: 0 !important; font-size: 13px !important; color: var(--a-green-t) !important; font-weight: 600; }
.ag-mode.alt { color: var(--a-warn) !important; }
.kicker { font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--a-dim); }
.ag-quota { font-family: var(--mono, monospace); font-size: 12.5px; padding: 7px 12px; border: 1px solid var(--a-line2); border-radius: 999px; text-decoration: none; color: var(--a-text); white-space: nowrap; }
.ag-sec { display: flex; flex-direction: column; gap: 14px; }
.ag-h2 { font-size: 19px; }
.ag-sub { margin: 6px 0 0; color: var(--a-muted); font-size: 14px; }
.ag-sechead { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 10px 20px; }
.ag-src { font-size: 12.5px; color: var(--a-dim); }

.ag-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(270px, 100%), 1fr)); gap: 14px; }
.ag-cards.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ag-cards.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ag-card { background: var(--a-card); border: 1px solid var(--a-line); border-radius: var(--a-r); padding: 20px; display: flex; flex-direction: column; gap: 11px; min-width: 0; }
.ag-card.big { padding: 22px; background: linear-gradient(180deg, rgba(144,230,25,.06), transparent 60%), var(--a-card); }
.ag-card h3 { font-size: 17px; }
.ag-card.big h3 { font-size: 20px; }
.ag-card p { margin: 0; font-size: 14px; line-height: 1.55; color: var(--a-muted); }
.ag-card > .btn, .ag-card > .ag-btns { margin-top: auto; }
.ag-card > .btn { align-self: flex-start; }
.ag-cardtitle { font-family: var(--display, sans-serif); font-weight: 600; font-size: 17px; color: var(--a-text); text-decoration: none; }
.ag-kv { display: grid; grid-template-columns: auto 1fr; gap: 4px 14px; font-size: 13px; }
.ag-kv span { color: var(--a-dim); } .ag-kv b { font-weight: 600; font-variant-numeric: tabular-nums; min-width: 0; overflow-wrap: anywhere; }
.ag-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.ag-tag { font-size: 11.5px; font-weight: 600; padding: 2px 9px; border-radius: 999px; border: 1px solid var(--a-line2); color: var(--a-muted); white-space: nowrap; align-self: flex-start; }
.ag-tag.net { color: var(--a-text); }
.ag-tag.hot { color: var(--a-green-t); border-color: #b9e57a; background: var(--a-green-bg); }
.ag-tag.demo { color: var(--a-warn); border-color: #f5c27a; background: var(--a-warn-bg); }
.ag-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; background: var(--a-card); border: 1px solid var(--a-line); border-radius: var(--a-r); padding: 20px 22px; }


.ag-stepbar { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.ag-stepbar li { padding: 10px 12px; border-radius: 8px; background: var(--a-card); border: 1px solid var(--a-line); font-size: 14px; font-weight: 600; color: var(--a-dim); display: flex; gap: 8px; align-items: center; }
.ag-stepbar li span { width: 22px; height: 22px; border-radius: 50%; border: 1px solid currentColor; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; flex: 0 0 auto; }
.ag-stepbar li.on { color: var(--a-text); border-color: var(--a-green); }
.ag-stepbar li.on span { background: var(--a-green); color: #0b0d0a; border-color: var(--a-green); }
.ag-stepbar li.done { color: var(--a-green-t); }
.ag-pick { text-align: left; background: var(--a-card); border: 1px solid var(--a-line); border-radius: var(--a-r); padding: 18px; cursor: pointer; display: flex; flex-direction: column; gap: 6px; font: inherit; color: var(--a-text); }
.ag-pick b { font-family: var(--display, sans-serif); font-size: 17px; }
.ag-pick span { font-size: 14px; color: var(--a-muted); }
.ag-pick.on { border-color: var(--a-green); background: var(--a-green-bg); }
.ag-tbl { display: flex; flex-direction: column; background: var(--a-card); border: 1px solid var(--a-line); border-radius: var(--a-r); overflow: hidden; }
.ag-tr { display: grid; grid-template-columns: minmax(150px, 1fr) minmax(0, 2fr) minmax(90px, auto) auto; gap: 12px; align-items: center; padding: 13px 16px; border-bottom: 1px solid var(--a-line); font-size: 14px; }
.ag-tr:last-child { border-bottom: 0; }
.ag-tr.th { font-size: 11.5px; letter-spacing: .06em; color: var(--a-dim); padding: 9px 16px; }
.ag-tr b { font-family: var(--display, sans-serif); font-weight: 600; }
.ag-tr > span { color: var(--a-muted); min-width: 0; }
.ag-fs { background: var(--a-card); border: 1px solid var(--a-line); border-radius: var(--a-r); margin: 0; padding: 14px 18px 16px; display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.ag-fs legend { font-weight: 700; font-size: 14px; padding: 0 6px; float: left; width: 100%; margin-bottom: 4px; }
.ag-fs legend + * { clear: both; }
.ag-sw, .ag-radio { display: flex; gap: 8px; align-items: center; cursor: pointer; font-size: 14px; }
.ag-sw input, .ag-radio input { width: 16px; height: 16px; accent-color: var(--a-green); }
.ag-grid3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.ag-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.ag-field label, .ag-label { font-size: 12.5px; font-weight: 600; color: var(--a-muted); }
.ag-input { display: flex; align-items: center; border: 1px solid var(--a-line2); border-radius: 8px; background: #fff; min-width: 0; }
.ag-input:focus-within { border-color: var(--a-green); }
.ag-input.bad { border-color: var(--a-bad); }
.ag-input input, .ag-input select { flex: 1; min-width: 0; width: 100%; border: 0; outline: 0; background: transparent; color: var(--a-text); font: inherit; font-size: 16px; padding: 10px 12px; font-variant-numeric: tabular-nums; }
.ag-input select option { background: var(--a-card2); color: var(--a-text); }
.ag-input input:disabled, .ag-input select:disabled { color: var(--a-dim); }
.ag-input .unit { padding: 0 12px; font-weight: 600; font-size: 13px; color: var(--a-muted); white-space: nowrap; }
.ag-err { font-size: 12.5px; color: var(--a-bad); }
.ag-actrow { justify-content: flex-end; }


.ag-box { background: var(--a-card); border: 1px solid var(--a-line); border-radius: var(--a-r); padding: 18px 20px; display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.ag-box.soft { background: transparent; }
.ag-box h2 { font-size: 16px; }
.ag-box p { margin: 0; font-size: 14px; color: var(--a-muted); }
.ag-boxhead { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.ag-trade { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
.ag-stats { display: flex; flex-wrap: wrap; gap: 10px; }
.ag-stat { flex: 1 1 150px; background: var(--a-card); border: 1px solid var(--a-line); border-radius: var(--a-r); padding: 12px 14px; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.ag-k { font-size: 11.5px; letter-spacing: .04em; color: var(--a-dim); }
.ag-v { font-family: var(--display, sans-serif); font-size: 18px; font-weight: 600; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.ag-mono, .ag-mint { font-family: var(--mono, ui-monospace, monospace); }
.ag-mint { font-size: 12px; word-break: break-all; }
.up { color: var(--a-green-t); } .down { color: var(--a-bad); }
.ag-sum { border: 1px solid var(--a-line); border-radius: 8px; overflow: hidden; }
.ag-row { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font-size: 14px; }
.ag-row > span:first-child { color: var(--a-muted); flex: 0 0 auto; }
.ag-row > :last-child { text-align: right; min-width: 0; font-variant-numeric: tabular-nums; }
.ag-row.note > span:first-child { flex: 1; font-size: 12.5px; color: var(--a-dim); text-align: left; }
.ag-sum .ag-row { padding: 9px 12px; border-bottom: 1px solid var(--a-line); }
.ag-sum .ag-row:last-child { border-bottom: 0; }
.ag-msg { font-size: 13.5px; padding: 10px 12px; border-radius: 8px; border: 1px solid var(--a-line2); background: #fafafa; color: var(--a-text); display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; }
.ag-msg.warn { border-color: #f5c27a; background: var(--a-warn-bg); color: #92400e; }
.ag-msg.bad { border-color: #fca5a5; background: var(--a-bad-bg); color: #991b1b; }
.ag-msg.ok { border-color: #b9e57a; background: var(--a-green-bg); color: #3f6212; }
.ag-msg span { flex-basis: 100%; }
.ag-st { font-size: 12px; font-weight: 600; padding: 2px 8px; border-radius: 999px; border: 1px solid var(--a-line2); color: var(--a-muted); white-space: nowrap; }
.ag-st.ok { background: var(--a-green-bg); border-color: #b9e57a; color: var(--a-green-t); }
.ag-st.bad { background: var(--a-bad-bg); border-color: #fca5a5; color: var(--a-bad); }
.ag-st.wait { background: var(--a-warn-bg); border-color: #f5c27a; color: var(--a-warn); }
.ag-empty { padding: 28px 22px; border: 1px dashed var(--a-line2); border-radius: var(--a-r); color: var(--a-muted); font-size: 15px; display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
.ag-empty b { color: var(--a-text); font-size: 17px; }
.ag-democtl { border-top: 1px dashed #f5c27a; padding-top: 12px; display: flex; flex-direction: column; gap: 8px; }
.ag-democtl .ag-k { color: var(--a-warn); }
.ag-table, .ag-wtbl { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.ag-table th, .ag-wtbl th { text-align: left; font-size: 11.5px; color: var(--a-dim); font-weight: 500; padding: 8px 10px; border-bottom: 1px solid var(--a-line2); }
.ag-table td, .ag-wtbl td { padding: 10px; border-bottom: 1px solid var(--a-line); font-variant-numeric: tabular-nums; vertical-align: top; }
.ag-wtbl th:not(:first-child), .ag-wtbl td:not(:first-child) { text-align: right; }
.ag-tabs { display: flex; gap: 22px; border-bottom: 1px solid var(--a-line); overflow-x: auto; }
.ag-tabs button { background: none; border: 0; font: inherit; font-weight: 600; font-size: 15px; padding: 9px 0; color: var(--a-muted); border-bottom: 2px solid transparent; margin-bottom: -1px; cursor: pointer; white-space: nowrap; }
.ag-tabs button.on { color: var(--a-text); border-bottom-color: var(--a-green); }


.ag-setups { list-style: none; margin: 0; padding: 0; background: var(--a-card); border: 1px solid var(--a-line); border-radius: var(--a-r); }
.ag-setup { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 14px 16px; border-bottom: 1px solid var(--a-line); }
.ag-setup:last-child { border-bottom: 0; }
.ag-setup b { font-size: 15px; } .ag-setup p { margin: 2px 0 0; font-size: 13.5px; color: var(--a-muted); }
.ag-n { width: 28px; height: 28px; border-radius: 50%; border: 1px solid var(--a-line2); display: flex; align-items: center; justify-content: center; font-size: 13px; }
.ag-setup.done .ag-n { background: var(--a-green); border-color: var(--a-green); color: #0b0d0a; }


.ag-mask { position: fixed; inset: 0; background: rgba(10,10,10,.4); z-index: 60; display: flex; justify-content: flex-end; }
.ag-mask.center { align-items: center; justify-content: center; padding: 16px; }
.ag-modal { width: min(500px, 100%); max-height: calc(100vh - 32px); overflow-y: auto; background: var(--a-card2); border: 1px solid var(--a-line2); border-radius: 12px; padding: 20px 22px; display: flex; flex-direction: column; gap: 14px; color: var(--a-text); }
.ag-drawer { width: min(520px, 100%); height: 100%; background: var(--a-card2); border-left: 1px solid var(--a-line2); overflow-y: auto; padding: 20px 22px 0; display: flex; flex-direction: column; gap: 16px; color: var(--a-text); }
.ag-drawer-foot { position: sticky; bottom: 0; margin-top: auto; background: var(--a-card2); padding: 12px 0 calc(18px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--a-line); display: flex; flex-direction: column; gap: 8px; }
.ag-modal h2, .ag-drawer h2 { font-size: 19px; }
.ag-mhead { display: flex; align-items: center; gap: 12px; }
.ag-x { margin-left: auto; width: 36px; height: 36px; border-radius: 8px; border: 1px solid var(--a-line2); background: transparent; color: var(--a-text); cursor: pointer; font-size: 18px; line-height: 1; flex: 0 0 auto; }
.ag-acts { display: flex; gap: 10px; flex-wrap: wrap; position: sticky; bottom: -20px; background: var(--a-card2); padding: 10px 0 2px; }
.ag-acts .btn { flex: 1 1 140px; }
.ag-btn-full { width: 100%; }
.ag-risk .ag-row { padding: 9px 0; border-bottom: 1px solid var(--a-line); }
.ag-stages { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; font-size: 13.5px; color: var(--a-dim); }
.ag-stages li.done { color: var(--a-green-t); font-weight: 600; }
.ag-stages li.on { color: var(--a-text); font-weight: 700; }
.ag-toast { position: fixed; left: 50%; bottom: calc(24px + env(safe-area-inset-bottom, 0px)); transform: translateX(-50%); background: var(--a-text); color: #fff; padding: 10px 16px; border-radius: 8px; font-size: 14px; font-weight: 600; z-index: 80; max-width: calc(100% - 32px); }
body.ag-ui .wpill { position: relative; display: inline-flex; }
body.ag-ui .wpill-menu { position: absolute; top: calc(100% + 6px); right: 0; z-index: 40; min-width: 180px; display: flex; flex-direction: column; background: var(--a-card2); border: 1px solid var(--a-line2); border-radius: 8px; padding: 4px; box-shadow: 0 12px 30px rgba(10,10,10,.12); }
body.ag-ui .wpill-item { text-align: left; background: none; border: 0; color: var(--a-text); font: inherit; font-size: 13px; padding: 10px 12px; border-radius: 6px; cursor: pointer; }
body.ag-ui .wpill-item:hover { background: rgba(10,10,10,.04); }

@media (max-width: 1100px) { .ag-cards.four { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 900px) {
  .agt-nav, .agt-in > .ag-net { display: none; }
  .agt-burger { display: flex; }
  .agt-mm:not([hidden]) { display: flex; }
  .agt-in { gap: 12px; }
  .ag-shell { grid-template-columns: minmax(0, 1fr); gap: 14px; padding-top: 14px; }
  .ag-solo { padding-top: 14px; }
  .ag-side { position: static; flex-direction: row; gap: 8px; }
  .ag-side-i { padding: 8px 12px; background: var(--a-card); }
  .ag-side-i.on { box-shadow: inset 0 -2px 0 var(--a-green); }
  .ag-hero .ag-wrap { padding-top: 24px; gap: 10px; }
  .ag-hero p { font-size: 15px; }
  .ag-home2 { padding-top: 16px; }
  .ag-home2, .ag-cards.two, .ag-trade, .ag-grid3 { grid-template-columns: minmax(0, 1fr); }
  .ag-tr { grid-template-columns: minmax(0, 1fr) auto; }
  .ag-tr > span { grid-column: 1 / -1; }
  .ag-tr.th { display: none; }
  .ag-stepbar li { padding: 8px; font-size: 12.5px; }
  .ag-table thead { display: none; }
  .ag-table, .ag-table tbody, .ag-table tr, .ag-table td { display: block; width: 100%; }
  .ag-table tr { border-bottom: 1px solid var(--a-line); padding: 8px 0; }
  .ag-table td { border: 0; padding: 3px 0; display: flex; justify-content: space-between; gap: 12px; }
  .ag-table td::before { content: attr(data-k); color: var(--a-dim); font-size: 12px; }
  .ag-setup { grid-template-columns: 32px minmax(0, 1fr); }
  .ag-setup-r { grid-column: 2; }
  .ag-drawer { border-left: 0; }
  .ag-entry { padding: 20px 18px; }
  .ag-stat { flex-basis: 140px; }
}
@media (max-width: 560px) { .ag-cards.four { grid-template-columns: minmax(0, 1fr); } .ag-stepbar li { flex-direction: column; text-align: center; gap: 4px; } }


body.ag-ui p, body.ag-ui li, body.ag-ui span, body.ag-ui h1, body.ag-ui h2, body.ag-ui h3 { word-break: normal; line-break: auto; }

.ag-btns > .btn, .ag-entry-acts > .btn, .ag-actrow > .btn, .ag-btns > .wpill { flex: 1 1 0; min-width: 0; }
.ag-btns > .wpill > .btn { width: 100%; }
.ag-card > .btn, .ag-card > .ag-btns { align-self: stretch; width: 100%; }
.ag-empty > .btn, .ag-empty > .ag-btns { align-self: stretch; width: 100%; }
.ag-setup-r .btn { min-width: 140px; }
.ag-cta .btn { flex: 0 0 auto; min-width: 180px; }
@media (max-width: 900px) {
  .ag-head > .ag-btns, .ag-head > .btn, .ag-head > a.btn { flex: 1 1 100%; }
  .ag-head > .btn, .ag-head > a.btn { width: 100%; }
  .ag-cta .btn { flex: 1 1 100%; }
  .ag-setup-r, .ag-setup-r .btn { width: 100%; }
  .ag-row > .btn { flex: 0 0 auto; }
}


.ag-page { padding-top: 18px; padding-bottom: 56px; display: flex; flex-direction: column; gap: 20px; }
.ag-topline { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.ag-topline:empty { display: none; }
.ag-subnav { display: flex; gap: 6px; background: var(--a-card); border: 1px solid var(--a-line); border-radius: 999px; padding: 4px; }
.ag-subnav a { padding: 7px 16px; border-radius: 999px; font-size: 14px; font-weight: 600; color: var(--a-muted); text-decoration: none; }
.ag-subnav a.on { background: var(--a-green); color: #0a0a0a; }
.ag-hero .ag-wrap { padding-top: 40px; padding-bottom: 4px; gap: 14px; }
.ag-hero h1 { font-size: clamp(30px, 4vw, 50px); }
.ag-hero p { max-width: 740px; font-size: 17px; line-height: 1.7; }
.ag-home2 { align-items: stretch; padding-bottom: 20px; }
.ag-entry h2 { font-size: 22px; }
.ag-hint { font-size: 13.5px !important; color: var(--a-green-t) !important; font-weight: 600; }
.ag-howto { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; padding-bottom: 48px; }
.ag-howto-k { font-size: 13px; font-weight: 700; color: var(--a-muted); }
.ag-howto ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; counter-reset: h; }
.ag-howto li { counter-increment: h; font-size: 14px; padding: 6px 12px 6px 8px; border: 1px solid var(--a-line2); border-radius: 999px; background: #fff; display: flex; align-items: center; gap: 6px; }
.ag-howto li::before { content: counter(h); width: 20px; height: 20px; border-radius: 50%; background: var(--a-green-bg); color: var(--a-green-t); font-size: 12px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }
.ag-quotanote { margin: 0; font-size: 13px; color: var(--a-muted); padding: 10px 12px; border-radius: 8px; background: #fff; border: 1px dashed var(--a-line2); }
button.ag-tr.pick { width: 100%; text-align: left; background: #fff; border: 0; border-bottom: 1px solid var(--a-line); font: inherit; color: var(--a-text); cursor: pointer; }
button.ag-tr.pick:last-child { border-bottom: 0; }
button.ag-tr.pick:hover, button.ag-tr.pick.on { background: var(--a-green-bg); }
.ag-dir { font-size: 13px; }
.ag-go { font-size: 13px; font-weight: 700; color: var(--a-green-t); white-space: nowrap; }
.ag-formhead { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 12px; }
.ag-formhead b { font-family: var(--display, sans-serif); font-size: 18px; }
.ag-formhead span { font-size: 13.5px; color: var(--a-muted); flex: 1 1 auto; }
.ag-fs-h { font-weight: 700; font-size: 14px; }
.ag-info { padding: 10px 12px; border-radius: 8px; background: var(--a-bg); font-size: 14px; color: var(--a-muted); }
.ag-inforow { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 14px; color: var(--a-muted); padding: 10px 12px; background: var(--a-bg); border-radius: 8px; }
.ag-inforow b { color: var(--a-text); }
.ag-tz { font-size: 11px; font-weight: 600; color: var(--a-dim); border: 1px solid var(--a-line2); border-radius: 4px; padding: 0 4px; margin-left: 4px; }
.ag-dl { display: grid; grid-template-columns: auto 1fr; gap: 6px 14px; margin: 0; font-size: 13px; padding: 10px 12px; background: var(--a-bg); border-radius: 8px; }
.ag-dl dt { color: var(--a-dim); white-space: nowrap; } .ag-dl dd { margin: 0; }
.ag-more summary { cursor: pointer; font-size: 13.5px; font-weight: 600; color: var(--a-green-t); padding: 4px 0; }
.ag-more[open] summary { margin-bottom: 8px; }
.ag-why { margin: 0 !important; font-size: 13.5px !important; color: var(--a-muted) !important; }
.ag-status { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; padding: 14px 16px; border-radius: var(--a-r); border: 1px solid var(--a-line2); background: #fff; }
.ag-status > div { flex: 1 1 320px; display: flex; flex-direction: column; gap: 6px; align-items: flex-start; }
.ag-status p { margin: 0; font-size: 14px; color: var(--a-muted); }
.ag-status.ok { border-color: #b9e57a; background: var(--a-green-bg); }
.ag-status.wait { border-color: #f5c27a; background: var(--a-warn-bg); }
.ag-status.bad { border-color: #fca5a5; background: var(--a-bad-bg); }
.ag-status > .btn { flex: 0 0 auto; min-width: 160px; }
.ag-ctrl { width: 100%; }
.ag-demo-link { font-size: 12px; color: var(--a-warn); align-self: flex-start; }
.ag-democtl { border-style: dashed; border-color: #f5c27a; background: #fffdf8; }
.ag-demo-wallet { padding: 10px 12px; display: flex; flex-direction: column; gap: 8px; border-color: var(--a-text); }
.ag-demo-wallet .ag-row { padding: 0; border: 0; }
.ag-demo-wallet select { font: inherit; font-size: 13px; }
.ag-tabs { gap: 18px; }
@media (max-width: 900px) {
  .ag-page { padding-top: 12px; gap: 14px; }
  .ag-hero .ag-wrap { padding-top: 20px; }
  .ag-hero p { font-size: 15px; }
  .ag-howto { padding-bottom: 32px; }
  .ag-subnav { flex: 1 1 100%; }
  .ag-subnav a { flex: 1; text-align: center; }
  .ag-status > .btn { flex: 1 1 100%; }
  .ag-head h1 { font-size: 26px; }
  button.ag-tr.pick { grid-template-columns: minmax(0, 1fr) auto; }
  button.ag-tr.pick .ag-dir { display: none; }
}

.ag-addr { border: 1px solid var(--a-line); border-radius: 8px; padding: 10px 12px; display: flex; flex-direction: column; gap: 6px; }
.ag-addr .ag-mint { font-size: 13px; overflow-wrap: anywhere; word-break: break-all; }
.ag-democtl .ag-btns > .btn { flex: 1 1 28%; }
.ag-modal, .ag-drawer { overflow-x: hidden; }

/* v6 */
.ag-hero h1 { font-size: clamp(32px, 4.6vw, 56px); line-height: 1.15; }
.ag-hero p { max-width: none; }
.ag-hsec { display: flex; flex-direction: column; gap: 16px; padding-top: 32px; }
.ag-hsec-last { padding-bottom: 56px; }
.ag-hsec-h { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 24px; }
.ag-hsec-h > div { flex: 1 1 420px; min-width: 0; }
.ag-hsec-h h2 { font-size: 26px; }
.ag-hsec-h p { margin: 6px 0 0; color: var(--a-muted); font-size: 15px; }
.ag-hsec-h > .btn { flex: 0 0 auto; min-width: 180px; }
.ag-chiplist { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; }
.ag-chiplist li { font-size: 12.5px; padding: 3px 10px; border-radius: 999px; background: var(--a-bg); border: 1px solid var(--a-line); color: var(--a-muted); }
.ag-card h3 + p { margin-top: -2px; }
.ag-entry h3 { font-size: 20px; }
.ag-skill { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: 16px; align-items: stretch; }
.ag-chat { background: var(--a-card); border: 1px solid var(--a-line); border-radius: var(--a-r); display: flex; flex-direction: column; overflow: hidden; min-width: 0; }
.ag-chat-h { display: flex; align-items: center; gap: 6px; padding: 10px 14px; border-bottom: 1px solid var(--a-line); font-size: 12.5px; color: var(--a-dim); }
.ag-chat-h i { width: 9px; height: 9px; border-radius: 50%; background: var(--a-line2); }
.ag-chat-h b { margin-left: 6px; font-weight: 600; color: var(--a-muted); }
.ag-chat-tabs { margin-left: auto; display: flex; gap: 4px; }
.ag-chat-tabs span { padding: 2px 8px; border-radius: 999px; }
.ag-chat-tabs span.on { background: var(--a-green-bg); color: var(--a-green-t); font-weight: 600; }
.ag-chat-b { height: 268px; padding: 16px; display: flex; flex-direction: column; gap: 10px; overflow: hidden; background: #fbfcf9; }
.ag-bub { max-width: 88%; padding: 9px 12px; border-radius: 12px; font-size: 14px; line-height: 1.55; }
.ag-bub.u { align-self: flex-end; background: var(--a-green-bg); border: 1px solid #cfee9f; border-bottom-right-radius: 4px; }
.ag-bub.a { align-self: flex-start; background: #fff; border: 1px solid var(--a-line); border-bottom-left-radius: 4px; display: flex; flex-direction: column; gap: 4px; }
.ag-call { align-self: flex-start; display: inline-flex; gap: 8px; align-items: center; font-size: 12.5px; font-weight: 600; color: var(--a-green-t); border: 1px dashed #b9e57a; background: #fff; border-radius: 999px; padding: 4px 11px; }
.ag-call .spin { width: 10px; height: 10px; border: 2px solid #cfee9f; border-top-color: var(--a-green-t); border-radius: 50%; animation: agSpin .8s linear infinite; }
.ag-call.done .spin { animation: none; border-color: var(--a-green-t); background: var(--a-green); }
.ag-chat .new { animation: agIn .35s ease both; }
.ag-chat-f { padding: 10px 14px; border-top: 1px solid var(--a-line); display: flex; gap: 10px; align-items: center; }
.ag-chat-f span { flex: 1; min-width: 0; font-size: 13px; color: var(--a-dim); border: 1px solid var(--a-line2); border-radius: 8px; padding: 8px 10px; }
.ag-chat-f b { font-size: 12px; color: var(--a-green-t); white-space: nowrap; }
@keyframes agIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes agSpin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .ag-chat .new, .ag-call .spin { animation: none; } }

.ag-cards.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ag-cards.one { grid-template-columns: minmax(0, 1fr); }
.ag-listbar { display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: center; justify-content: space-between; }
.ag-search { flex: 0 1 340px; display: flex; align-items: center; gap: 8px; border: 1px solid var(--a-line2); border-radius: 999px; background: #fff; padding: 0 14px; min-height: 40px; color: var(--a-dim); }
.ag-search input { border: 0; outline: 0; font: inherit; font-size: 15px; flex: 1; min-width: 0; background: transparent; color: var(--a-text); }
.ag-search:focus-within { border-color: var(--a-green); }

.ag-grid2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.ag-grid4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.ag-grid1 { display: grid; gap: 14px; }
.ag-fs > p.ag-src { margin: 0; }
.ag-fs-note { background: transparent; }
.ag-curtpl { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; background: #fff; border: 1px solid #b9e57a; box-shadow: inset 3px 0 0 var(--a-green); border-radius: var(--a-r); padding: 14px 18px; }
.ag-curtpl > div { display: flex; flex-direction: column; gap: 3px; min-width: 0; flex: 1 1 300px; }
.ag-curtpl b { font-family: var(--display, sans-serif); font-size: 19px; }
.ag-curtpl .btn { flex: 0 0 auto; min-width: 150px; }
.ag-quick { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
body.ag-ui .ag-quick .chip { min-height: 28px; font-size: 12.5px; padding: 0 10px; }
.ag-token { border: 1px solid var(--a-line); border-radius: 8px; padding: 12px; display: flex; flex-direction: column; gap: 10px; }
.ag-token.ok { border-color: #b9e57a; } .ag-token.bad { border-color: #fca5a5; }
.ag-token-h { display: flex; align-items: center; gap: 10px; }
.ag-token-h > div { flex: 1; min-width: 0; }
.ag-tlogo { width: 34px; height: 34px; border-radius: 50%; background: var(--a-green-bg); color: var(--a-green-t); font-weight: 700; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.ag-checks { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px 10px; font-size: 13px; }
.ag-checks li { display: flex; justify-content: space-between; gap: 8px; padding: 6px 10px; border-radius: 6px; background: var(--a-bg); }
.ag-checks li span { color: var(--a-dim); white-space: nowrap; } .ag-checks li b { font-weight: 600; text-align: right; }
.ag-checks li.ok b { color: var(--a-green-t); } .ag-checks li.bad b { color: var(--a-bad); } .ag-checks li.warn b { color: var(--a-warn); }
.ag-rlist { list-style: none; margin: 0; padding: 0; border: 1px solid var(--a-line); border-radius: 8px; }
.ag-rlist li { display: grid; grid-template-columns: 116px minmax(0, 1fr); gap: 12px; padding: 9px 12px; border-bottom: 1px solid var(--a-line); font-size: 14px; }
.ag-rlist li:last-child { border-bottom: 0; }
.ag-rlist li span { color: var(--a-muted); } .ag-rlist li b { font-weight: 600; font-variant-numeric: tabular-nums; }
.ag-mblock { display: flex; flex-direction: column; gap: 8px; } .ag-mblock > b { font-size: 14px; }
.ag-trade { align-items: stretch; }
.ag-boxfoot { margin-top: auto !important; }
.ag-row-act { align-items: center !important; }
.ag-row-act small { display: block; font-size: 12px; color: var(--a-dim); margin-top: 2px; }
.ag-row-act .btn { min-width: 96px; }
.ag-alpha-wide { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 2fr) 200px; gap: 16px 28px; align-items: center; background: #fff; border: 1px solid var(--a-line); border-radius: var(--a-r); padding: 18px 20px; }
.ag-alpha-wide.off { grid-template-columns: minmax(0, 1fr) 200px; }
.ag-alpha-wide > div:first-child { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.ag-aw-kv { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px 16px; }
.ag-aw-kv div { display: flex; flex-direction: column; gap: 3px; min-width: 0; } .ag-aw-kv b { font-size: 15px; font-variant-numeric: tabular-nums; }
.ag-add { border-style: dashed; align-items: center; justify-content: center; text-align: center; text-decoration: none; color: var(--a-muted); min-height: 200px; font-size: 14px; }
.ag-add b { font-size: 16px; color: var(--a-text); }
.ag-add:hover { border-color: var(--a-green); background: var(--a-green-bg); }
.ag-cardfoot { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: -2px; }
.ag-link.ag-muted { color: var(--a-dim); font-weight: 500; }
.ag-head > .ag-btns { flex: 0 0 auto; flex-wrap: nowrap; }
.ag-head > .ag-btns > .btn, .ag-head > .ag-btns > .wpill { flex: 0 0 136px; }
body.ag-ui .ag-head > .ag-btns .btn { min-height: 42px; padding: 0 16px; background: transparent; font-size: 14px; }
body.ag-ui .ag-head > .ag-btns .btn:hover { background: rgba(10,10,10,.04); }
@media (max-width: 1000px) {
  .ag-cards.three { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ag-grid4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ag-alpha-wide { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 900px) {
  .ag-skill { grid-template-columns: minmax(0, 1fr); }
  .ag-checks { grid-template-columns: minmax(0, 1fr); }
  .ag-alpha-wide.off { grid-template-columns: minmax(0, 1fr); }
  .ag-aw-kv { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ag-hsec { padding-top: 24px; }
  .ag-hsec-h h2 { font-size: 22px; }
  .ag-hsec-h > .btn { flex: 1 1 100%; }
  .ag-curtpl .btn { flex: 1 1 100%; }
  .ag-head > .ag-btns { flex: 1 1 100%; }
  .ag-head > .ag-btns > .btn, .ag-head > .ag-btns > .wpill { flex: 1 1 0; }
}
@media (max-width: 700px) {
  .ag-cards.three, .ag-cards.two { grid-template-columns: minmax(0, 1fr); }
  .ag-search { flex: 1 1 100%; order: -1; }
  .ag-grid4 { grid-template-columns: minmax(0, 1fr); }
  .ag-rlist li { grid-template-columns: 96px minmax(0, 1fr); }
  .ag-chat-b { height: 250px; }
  .ag-add { min-height: 96px; }
}


.ag-htbl td { vertical-align: middle; }
.ag-htbl td b { font-weight: 600; }
.ag-htbl tr.alert td { background: var(--a-bad-bg); }
.ag-halert { display: block; margin-top: 4px; font-size: 12px; font-weight: 600; color: var(--a-bad); }
.ag-tact { display: flex; gap: 6px; justify-content: flex-end; }
.ag-tact .btn { min-width: 68px; }
.ag-pcts { display: flex; gap: 8px; }
.ag-pcts .chip { flex: 1 1 0; justify-content: center; }
.ag-v.up, .ag-src.up { color: var(--a-green-t); } .ag-v.down, .ag-src.down { color: var(--a-bad); }
@media (max-width: 900px) {
  .ag-htbl tr { background: #fff; border: 1px solid var(--a-line); border-radius: var(--a-r); padding: 10px 14px; margin-bottom: 10px; }
  .ag-htbl tr.alert { border-color: #fca5a5; background: var(--a-bad-bg); }
  .ag-htbl tr.alert td { background: transparent; }
  .ag-htbl td > div { text-align: right; }
  .ag-htbl td[data-k=""]::before { display: none; }
  .ag-htbl td[data-k=""] { padding-top: 8px; }
  .ag-tact { width: 100%; } .ag-tact .btn { flex: 1 1 0; }
}
@media (max-width: 900px) {
  .ag-htbl td::before { flex: 0 0 auto; white-space: nowrap; }
  .ag-htbl td > div { min-width: 0; }
  .ag-htbl + .ag-cardfoot { flex-direction: column; align-items: flex-start; }
}


.ag-wck { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; user-select: none; }
.ag-wck input { width: 16px; height: 16px; accent-color: var(--a-green); pointer-events: none; margin: 0; }
.ag-wck .ag-src { margin-left: 2px; font-size: 12px; }
.ag-wsel tr.off td { color: var(--a-dim); }
.ag-wsel tr.off b { color: var(--a-dim); font-weight: 600; }

/* v6.4 */
.ag-modal > *, .ag-drawer > * { flex-shrink: 0; }
.ag-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.ag-stat { align-items: center; justify-content: center; text-align: center; padding: 14px 12px; min-height: 92px; gap: 6px; }
.ag-stat .ag-k { display: inline-flex; align-items: center; justify-content: center; gap: 2px; }
.ag-stat .ag-v { font-size: 20px; line-height: 1.2; }
.ag-stat .ag-src { line-height: 1.2; }
.ag-sub2 { display: block; font-size: 11.5px; margin-top: 2px; }
.ag-htbl th:nth-child(n+2):nth-child(-n+7), .ag-htbl td:nth-child(n+2):nth-child(-n+7) { text-align: right; }
.ag-htbl th:last-child { width: 1%; }
.ag-htbl td { white-space: nowrap; }
.ag-htbl td:first-child { white-space: normal; }
@media (max-width: 700px) {
  .ag-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ag-stat { min-height: 84px; }
  .ag-stat .ag-v { font-size: 18px; }
}
@media (max-width: 900px) {
  .ag-htbl td { white-space: normal; text-align: right !important; }
  .ag-htbl td > div { text-align: right; }
}
@media (max-width: 760px) { .ag-subnav a { padding: 7px 8px; font-size: 13.5px; } }


.ag-stat { align-items: flex-start; justify-content: flex-start; text-align: left; min-height: 0; padding: 12px 14px; gap: 4px; }
.ag-stat .ag-k { justify-content: flex-start; }
.ag-stat .ag-v { font-size: 19px; }
body.ag-ui .ag-mint { word-break: break-all; overflow-wrap: anywhere; }
.ag-row > span:first-child { white-space: nowrap; }
.ag-row > b, .ag-row > :last-child { overflow-wrap: anywhere; }
.ag-toast { font-size: 13px; padding: 9px 14px; white-space: nowrap; max-width: calc(100% - 48px); overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 700px) {
  .ag-dl { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .ag-dl dt { margin-top: 8px; font-size: 12px; }
  .ag-dl dt:first-child { margin-top: 0; }
  button.ag-tr.pick { grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; padding: 14px 16px; }
  button.ag-tr.pick > b { grid-column: 1; grid-row: 1; }
  button.ag-tr.pick > .ag-go { grid-column: 2; grid-row: 1; }
  button.ag-tr.pick > span:not(.ag-go):not(.ag-dir) { grid-column: 1 / -1; grid-row: 2; font-size: 13.5px; }
  .ag-modal { padding: 18px 16px; }
  .ag-sum .ag-row { padding: 9px 10px; gap: 10px; }
  .ag-stat { padding: 11px 12px; }
  .ag-stat .ag-v { font-size: 17px; }
  .ag-rlist li { grid-template-columns: 88px minmax(0, 1fr); gap: 10px; padding: 9px 10px; font-size: 13.5px; }
  .ag-head p { font-size: 14px; }
  .ag-kv { font-size: 13px; }
}
.ag-rv { font-weight: 600; } .ag-rv.ok { color: var(--a-green-t); } .ag-rv.risk { color: var(--a-bad); } .ag-rv.na { color: var(--a-warn); }
.ag-wl { display: flex; flex-direction: column; gap: 2px; }
.ag-wl b { font-size: 14px; }
.ag-acts:empty { display: none; }
.ag-toast { white-space: normal; text-align: center; max-width: min(360px, calc(100% - 48px)); width: max-content; }
@media (max-width: 700px) {
  .ag-rlist li { grid-template-columns: 108px minmax(0, 1fr); }
  .ag-rlist li span { white-space: nowrap; }
  .ag-tr > span.ag-st { grid-column: 2; grid-row: 1; justify-self: end; align-self: center; }
  .ag-tr > .btn { grid-column: 1 / -1; }
  .ag-htbl td:first-child { display: block; padding-bottom: 6px; }
  .ag-htbl td:first-child::before { display: none; }
  .ag-htbl td:first-child > div { text-align: left; }
  .ag-htbl td:first-child b { font-size: 15px; }
}


body.ag-en { letter-spacing: 0; }
body.ag-en p, body.ag-en li, body.ag-en dd, body.ag-en span, body.ag-en b { hyphens: manual; overflow-wrap: normal; word-break: normal; }
body.ag-en .ag-kv b, body.ag-en .ag-mint { overflow-wrap: anywhere; }
body.ag-en .ag-rlist li { grid-template-columns: 136px minmax(0, 1fr); }
body.ag-en .ag-dl { grid-template-columns: 116px minmax(0, 1fr); }
body.ag-en .ag-hero h1 { font-size: clamp(30px, 4.2vw, 54px); letter-spacing: -.02em; }
body.ag-en .ag-tr { grid-template-columns: minmax(200px, 1fr) minmax(0, 2fr) minmax(90px, auto) auto; }
@media (max-width: 700px) {
  body.ag-en .ag-rlist li { grid-template-columns: 100px minmax(0, 1fr); }
  body.ag-en .ag-rlist li span { white-space: normal; }
  body.ag-en .ag-dl { grid-template-columns: minmax(0, 1fr); }
  body.ag-en .ag-subnav a { font-size: 13.5px; padding: 7px 6px; }
  body.ag-en .ag-tr { grid-template-columns: minmax(0, 1fr) auto; }
}
.ag-row-act > span:first-child { white-space: normal; flex: 1 1 auto; min-width: 0; }
.ag-row-act > .btn { flex: 0 0 auto; }


.ag-hero-box { display: contents; }
body.ag-en .ag-hero .ag-wrap { padding-top: 24px; padding-bottom: 0; }
body.ag-en .ag-hero-box { display: flex; flex-direction: column; gap: 16px; align-items: flex-start; background: #F2F8E9; border: 1px solid #e1efcc; border-radius: 16px; padding: 48px 48px 44px; }
body.ag-en .ag-hero h1 { font-size: clamp(28px, 4vw, 54px); line-height: 1.12; letter-spacing: -.02em; color: #0a0a0a; }
body.ag-en .ag-hero h1 span, body.ag-en .ag-hero h1 em { display: block; }
body.ag-en .ag-hero h1 em { font-style: normal; color: #4D751B; }
body.ag-en .ag-hero p { max-width: 720px; font-size: 18px; line-height: 1.6; color: rgba(10,10,10,.72); }
body.ag-en .ag-hsec:first-of-type { padding-top: 40px; }
body.ag-en .ag-hero + .ag-hsec { padding-top: 44px; }
@media (max-width: 700px) {
  body.ag-en .ag-hero .ag-wrap { padding-top: 14px; }
  body.ag-en .ag-hero-box { padding: 26px 20px 24px; border-radius: 12px; gap: 12px; }
  body.ag-en .ag-hero h1 { font-size: 29px; }
  body.ag-en .ag-hero h1 span, body.ag-en .ag-hero h1 em { display: inline; }
  body.ag-en .ag-hero p { font-size: 15.5px; }
  body.ag-en .ag-hero + .ag-hsec { padding-top: 32px; }
}
.ag-entry ul.ag-chiplist { flex-direction: row; flex-wrap: wrap; padding-left: 0; gap: 6px; }
.ag-entry ul.ag-chiplist li::marker { content: none; }
.ag-chat-h b { white-space: nowrap; }
.ag-chat-f span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 420px) { .ag-chat-h i { display: none; } .ag-chat-h b { margin-left: 0; } }


body.ag-en .ag-hero .ag-wrap { display: flex; flex-direction: column; gap: 12px; }
body.ag-en .ag-hero .ag-demo { align-self: flex-start; }
body.ag-en .ag-hero-box { gap: 20px; padding: 56px 56px 52px; }
body.ag-en .ag-hero h1 { font-size: clamp(30px, 4.2vw, 56px); line-height: 1.18; }
body.ag-en .ag-hero h1 span { display: block; color: #0a0a0a; }
body.ag-en .ag-hero h1 em { display: inline; color: #0a0a0a; background: var(--a-green, #90e619); padding: 0 .14em; margin-left: -.14em; border-radius: 6px; -webkit-box-decoration-break: clone; box-decoration-break: clone; line-height: 1.32; }
@media (max-width: 700px) {
  body.ag-en .ag-hero .ag-wrap { padding-top: 14px; gap: 10px; }
  body.ag-en .ag-hero-box { padding: 28px 20px 26px; gap: 14px; border-radius: 14px; }
  body.ag-en .ag-hero h1 { font-size: 30px; line-height: 1.22; letter-spacing: -.025em; }
  body.ag-en .ag-hero h1 span { display: block; margin-bottom: 6px; }
  body.ag-en .ag-hero h1 em { display: inline; border-radius: 4px; line-height: 1.38; }
  body.ag-en .ag-hero p { font-size: 15.5px; line-height: 1.6; }
}


@media (max-width: 700px) {
  body.ag-en .ag-rlist li { grid-template-columns: minmax(0, 1fr); gap: 2px; padding: 9px 12px; }
  body.ag-en .ag-rlist li span { font-size: 12px; color: var(--a-dim); }
  .ag-wsel th { white-space: normal; }
  .ag-sum .ag-row > b { flex: 1 1 auto; }
}
@media (max-width: 420px) { .ag-wsel .ag-wck .ag-src { display: none; } .ag-wsel td, .ag-wsel th { padding-left: 6px; padding-right: 6px; } }
body.ag-en .ag-hero p { max-width: none; }