:root{--accent:gold;--muted:#c4c6d6;--error:#ffb5b5;--border:#ffcc0055;--surface:rgba(0,0,0,.4)}
.brand-image{max-width:100%;object-fit:contain;margin-top:10px}.subtitle{color:var(--muted);line-height:1.6;margin-bottom:14px}.notice{border:1px solid var(--border);border-radius:8px;padding:12px;margin:16px 0;color:var(--accent);line-height:1.5}
.data-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.balances{grid-template-columns:repeat(2,minmax(0,1fr))}
.status{min-height:24px;line-height:1.6;overflow-wrap:anywhere;margin:12px 0}.error{color:var(--error);min-height:22px;line-height:1.5}.hint{font-size:.9rem;color:var(--muted);line-height:1.65;margin:10px 0;overflow-wrap:anywhere}
.button{min-height:44px;width:auto;min-width:120px;transition:background .2s,transform .2s}.button-2{min-width:240px}.secondary{background:transparent;color:var(--accent);border:1px solid var(--accent);box-shadow:none}.secondary:hover:not(:disabled){color:#000}
.mode-switch .button[aria-pressed="true"]{background:var(--accent);color:#000;border:1px solid var(--accent);box-shadow:0 0 8px var(--accent)}
.mode-switch .button[aria-pressed="false"]{background:transparent;color:var(--accent);border:1px solid var(--accent);box-shadow:none}
.mode-switch .button[aria-pressed="false"]:hover:not(:disabled){background:#ffcc0022;color:var(--accent)}
button,input,select,summary{touch-action:manipulation}button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input:focus-visible,select:focus-visible{outline:none;border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent),0 0 0 2px #ffcc0033}.button:disabled{opacity:.48}
.address,.referral-list{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.address{color:var(--muted);font-size:.9rem;margin:10px 0 20px}.balances{max-width:560px;margin:18px auto}.trade-input{max-width:520px;text-align:left}.input-group input,.query-form input,select{min-height:48px;font-size:16px;background:var(--surface);color:#fff;border:1px solid var(--accent);border-radius:5px;padding:10px;width:100%}select{color-scheme:dark}
.percent-buttons{display:flex;gap:8px;margin:12px 0 20px}.percent-buttons button{flex:1;min-height:44px;border:1px solid var(--border);border-radius:5px;background:transparent;color:var(--accent);font-size:15px;cursor:pointer}.percent-buttons button:hover{background:#ffcc0022}
.quote{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:520px;margin:20px auto;text-align:left;padding:18px;background:var(--surface);border-radius:8px}.quote dt{color:var(--muted);line-height:1.5}.quote dd{text-align:right;color:var(--accent);overflow-wrap:anywhere;font-variant-numeric:tabular-nums;line-height:1.5}
.chart{min-height:260px;margin:20px 0;display:flex;align-items:center;justify-content:center;color:var(--muted)}.chart svg{display:block;width:100%;height:auto}.chart text{fill:var(--muted);font-size:12px}.chart polyline{stroke:var(--accent);stroke-width:2;fill:none}.chart circle{fill:var(--accent)}
.table-wrap{overflow-x:auto;max-width:100%;margin:15px 0}table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}th,td{padding:12px 10px;border-bottom:1px solid var(--border);line-height:1.5}th{color:var(--accent);font-weight:600}td{color:#e4e6ee;font-variant-numeric:tabular-nums}caption{color:var(--muted);text-align:left;line-height:1.5;padding:10px 0}table a{color:var(--accent)}
details{margin:12px 0;text-align:left}summary{cursor:pointer;padding:12px;color:var(--accent);min-height:44px}h3{font-size:1.05rem;color:var(--accent);margin:24px 0 14px}.query-form{display:grid;grid-template-columns:1fr auto;gap:10px;text-align:left}.query-form label{grid-column:1/-1;color:var(--accent)}.query-form button{margin:0}.query-form input{min-width:0}.referral-list{text-align:left;padding-left:30px;font-size:.9rem;color:var(--muted);line-height:1.7}.referral-list li{padding:5px 0}.description p{margin:12px 0}.footer{color:var(--muted);overflow-wrap:anywhere;padding-bottom:24px;line-height:1.6}
[hidden]{display:none!important}.value{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
@media(max-width:600px){.container{padding:16px}.content{padding:18px 14px}.title{font-size:1.65rem;overflow-wrap:anywhere}.section-title{font-size:1.35rem}.balances{grid-template-columns:1fr 1fr}.mode-switch{display:flex;gap:8px}.mode-switch .button{flex:1;min-width:0;padding:10px;margin:8px 0}.quote{font-size:.9rem;gap:10px;padding:12px}.query-form{grid-template-columns:1fr}.query-form button{width:100%}.chart{min-height:190px}.button-2{min-width:0;width:100%;max-width:300px}.button{margin:8px 4px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:600px){.data-grid:not(.balances){grid-template-columns:1fr}}
.language-bar{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-bottom:8px}.language-bar label{color:var(--muted);font-size:.9rem}.language-bar select{width:auto;min-width:170px;max-width:100%;min-height:44px}
.trade-input,.quote,.description,details{text-align:start}.quote dd{text-align:end}.quote dd[dir=ltr]{unicode-bidi:isolate}.value{unicode-bidi:isolate}.language-bar option{font-family:system-ui,sans-serif}
@media(max-width:600px){.language-bar{flex-wrap:wrap}.language-bar select{min-width:150px}.percent-buttons button{min-width:0;overflow-wrap:anywhere}.content,.data-item{min-width:0}}