*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #080808;--surface: #0d0d0d;--raised: #111;--border: #1c1c1c;--border2: #252525;--gold: #f5a623;--gold-dim: #b8731a;--green: #22c55e;--red: #ef4444;--text: #e2e2e2;--muted: #555;--faint: #2a2a2a;--mono: "JetBrains Mono", "Courier New", monospace;--sans: "Space Grotesk", system-ui, sans-serif;font-family:var(--sans);font-size:14px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}body{min-height:100vh}.app{min-height:100vh;display:grid;grid-template-rows:52px 56px 1fr}.header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--border);background:var(--surface)}.logo{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;letter-spacing:.04em;color:var(--text);text-decoration:none}.logo-diamond{color:var(--gold);font-size:18px;line-height:1}.logo-sub{font-size:11px;font-weight:400;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-left:2px}.connect-btn{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:7px 16px;background:transparent;border:1px solid var(--gold);color:var(--gold);cursor:pointer;transition:background .15s,color .15s}.connect-btn:hover{background:var(--gold);color:#000}.wallet-pill{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;color:var(--text);padding:7px 14px;border:1px solid var(--border2);background:var(--raised);cursor:pointer;position:relative}.wallet-pill:hover{border-color:var(--muted)}.wallet-dot{width:6px;height:6px;background:var(--green);border-radius:50%}.wallet-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--raised);border:1px solid var(--border2);min-width:160px;z-index:100}.wallet-dropdown button{display:block;width:100%;padding:10px 14px;text-align:left;background:transparent;border:none;color:var(--text);font-family:var(--sans);font-size:12px;cursor:pointer}.wallet-dropdown button:hover{background:var(--faint)}.stats-bar{display:flex;align-items:center;gap:0;border-bottom:1px solid var(--border);background:var(--surface);overflow-x:auto}.stat{display:flex;flex-direction:column;padding:0 28px;border-right:1px solid var(--border);height:100%;justify-content:center;gap:2px;white-space:nowrap}.stat-label{font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.stat-value{font-family:var(--mono);font-size:15px;font-weight:500;color:var(--text)}.stat-value.gold{color:var(--gold)}.main{display:grid;grid-template-columns:360px 1fr;overflow:hidden}.panel{background:var(--surface);overflow-y:auto}.panel+.panel{border-left:1px solid var(--border)}.panel-title{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:18px 20px 10px;border-bottom:1px solid var(--border)}.comp-table{width:100%;border-collapse:collapse}.comp-table tr{border-bottom:1px solid var(--border);transition:background .1s}.comp-table tr:hover{background:var(--raised)}.comp-table tr:last-child{border-bottom:none}.comp-table td{padding:11px 20px;vertical-align:middle}.comp-symbol{font-weight:700;font-size:13px;letter-spacing:.02em;width:52px}.comp-name{font-size:11px;color:var(--muted);width:80px}.comp-weight{font-family:var(--mono);font-size:12px;color:var(--muted);width:40px}.comp-bar-cell{width:90px;padding:11px 12px}.comp-bar-track{height:3px;background:var(--faint);border-radius:2px;overflow:hidden}.comp-bar-fill{height:100%;background:var(--gold);opacity:.7;border-radius:2px}.comp-price{font-family:var(--mono);font-size:12px;text-align:right;color:var(--text)}.right-panel{display:flex;flex-direction:column}.section{padding:20px;border-bottom:1px solid var(--border)}.section-head{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}.token-rows{display:flex;flex-direction:column;gap:6px}.token-row{display:grid;grid-template-columns:52px 1fr 90px;align-items:center;gap:10px}.token-row-sym{font-size:12px;font-weight:700;letter-spacing:.03em}.token-input{font-family:var(--mono);font-size:13px;background:var(--bg);border:1px solid var(--border2);color:var(--text);padding:7px 10px;width:100%;outline:none;transition:border-color .15s}.token-input:focus{border-color:var(--gold-dim)}.token-input::placeholder{color:var(--muted)}.token-bal{font-family:var(--mono);font-size:11px;color:var(--muted);text-align:right;cursor:pointer;-webkit-user-select:none;user-select:none}.token-bal:hover{color:var(--gold)}.preview-box{margin-top:14px;padding:14px;background:var(--bg);border:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.preview-row{display:flex;justify-content:space-between;align-items:baseline}.preview-label{font-size:11px;color:var(--muted);letter-spacing:.04em}.preview-val{font-family:var(--mono);font-size:13px;color:var(--text)}.preview-val.gold{color:var(--gold);font-weight:500}.redeem-breakdown{margin-top:10px;display:flex;flex-direction:column;gap:4px}.breakdown-row{display:flex;justify-content:space-between}.breakdown-sym{font-size:11px;color:var(--muted);font-weight:600}.breakdown-amt{font-family:var(--mono);font-size:11px;color:var(--text)}.btn{font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:11px 20px;border:none;cursor:pointer;transition:opacity .15s,transform .1s;width:100%;margin-top:14px}.btn:active{transform:scale(.99)}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.btn-primary{background:var(--gold);color:#000}.btn-primary:hover:not(:disabled){opacity:.85}.btn-outline{background:transparent;color:var(--gold);border:1px solid var(--gold)}.btn-outline:hover:not(:disabled){background:var(--gold);color:#000}.btn-ghost{background:var(--faint);color:var(--text);border:1px solid var(--border2)}.btn-ghost:hover:not(:disabled){background:var(--raised)}.status{font-size:11px;margin-top:10px;padding:8px 12px;border-left:2px solid}.status.ok{border-color:var(--green);color:var(--green);background:#22c55e0d}.status.err{border-color:var(--red);color:var(--red);background:#ef44440d}.status.wait{border-color:var(--gold);color:var(--gold);background:#f5a6230d}.connect-prompt{padding:24px 20px;font-size:12px;color:var(--muted);border:1px dashed var(--border2);text-align:center;margin:20px}.divider{border:none;border-top:1px solid var(--border);margin:0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--faint);border-radius:2px}