:root{color-scheme:light;--bg: #fffaf0;--surface: #ffffff;--surface-2: #fff4d9;--surface-3: #ffe9b0;--line: #eadfc8;--line-soft: rgba(36, 28, 14, .08);--text: #17120a;--muted: #766b5b;--brand: #f5a400;--brand-2: #ffcf33;--brand-3: #e07a00;--brand-soft: rgba(245, 164, 0, .16);--green: #0a9f73;--green-soft: rgba(10, 159, 115, .12);--red: #d9475f;--red-soft: rgba(217, 71, 95, .12);--amber: #f5a400;--blue: #8a5a00}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.home-shell{min-height:100vh;background:radial-gradient(circle at 78% 32%,rgba(255,192,32,.18),transparent 30%),linear-gradient(180deg,#fffdf8,#fffaf0 430px),var(--bg)}.home-header{height:72px;display:grid;grid-template-columns:260px 1fr auto;align-items:center;gap:24px;padding:0 28px;border-bottom:1px solid var(--line);background:#ffffffeb;backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.home-logo{display:inline-flex;align-items:center;gap:10px;min-width:0}.home-logo img{display:block;width:42px;height:42px;object-fit:contain}.home-logo-word{display:inline-flex;align-items:baseline;gap:5px;font-weight:1000;letter-spacing:0}.home-logo-word strong{color:var(--text);font-size:22px}.home-logo-word em{color:var(--brand);font-style:normal;font-size:24px;text-transform:lowercase}.home-nav,.home-auth,.hero-actions{display:flex;align-items:center;gap:12px}.home-nav{gap:26px;color:var(--muted);font-size:14px}.home-nav a:hover{color:var(--text)}#learn,#flow,#spot,#deposit,#assets,#matching,#api{scroll-margin-top:88px}.home-auth{justify-content:end}.home-hero{display:grid;grid-template-columns:minmax(0,1fr) 470px;gap:42px;align-items:center;min-height:620px;padding:52px 42px 34px}.hero-copy{display:grid;align-content:center;gap:22px;max-width:830px}.testnet-banner,.hero-footnote{width:fit-content;display:inline-flex;align-items:center;gap:9px;border-radius:999px}.testnet-banner{padding:9px 13px;color:#0c130f;background:linear-gradient(90deg,var(--brand-2),#ffd56a);font-weight:900;border:1px solid rgba(224,122,0,.22)}.hero-copy h1{margin:0;max-width:780px;font-size:64px;line-height:1.03;letter-spacing:0}.hero-copy p{margin:0;max-width:760px;color:#536174;font-size:18px;line-height:1.8}.hero-primary,.hero-secondary{height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 18px;border-radius:8px;font-weight:900}.hero-primary{color:#17120a;background:linear-gradient(180deg,var(--brand-2),var(--brand));box-shadow:0 12px 26px #f5a4003d}.hero-secondary{color:var(--text);border:1px solid var(--line);background:var(--surface)}.hero-footnote{padding:10px 12px;color:var(--muted);background:#ffffffc7;border:1px solid var(--line)}.hero-terminal{display:grid;gap:18px;padding:20px;background:linear-gradient(135deg,#ffc02038,#e07a0014),var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 30px 90px #141e2e1f}.terminal-top,.terminal-grid,.terminal-balance{border:1px solid var(--line);border-radius:8px;background:#ffffffd1}.terminal-top{display:flex;justify-content:space-between;gap:16px;padding:13px 14px}.terminal-top span,.terminal-balance span,.terminal-balance em,.terminal-grid span,.terminal-grid em{color:var(--muted)}.terminal-balance{display:grid;gap:6px;padding:18px}.terminal-balance strong{font-size:38px;letter-spacing:0}.terminal-balance em{font-style:normal}.terminal-grid{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.terminal-grid div{display:grid;gap:6px;min-width:0;padding:15px;border-top:1px solid var(--line-soft)}.terminal-grid div:nth-child(odd){border-right:1px solid var(--line-soft)}.terminal-grid strong{font-size:18px}.terminal-grid em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-size:12px}.learn-section,.flow-section{padding:36px 42px 56px}.section-heading{display:grid;gap:8px;margin-bottom:18px}.section-heading span{color:var(--brand-3);font-size:13px;font-weight:900;text-transform:uppercase}.section-heading h2{margin:0;font-size:28px;letter-spacing:0}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.feature-card{display:grid;gap:12px;min-height:190px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.feature-card svg{color:var(--brand)}.feature-card h3,.feature-card p{margin:0}.feature-card p{color:var(--muted);line-height:1.7}.flow-line{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--line)}.flow-line div{display:grid;gap:10px;min-height:140px;padding:18px;background:var(--surface)}.flow-line span{color:var(--muted);line-height:1.6}.app-shell{min-height:100vh;background:linear-gradient(180deg,#fffdf8,#fffaf0 270px),var(--bg)}.app-header{height:60px;display:grid;grid-template-columns:240px 1fr auto;align-items:center;gap:20px;padding:0 20px;border-bottom:1px solid var(--line);background:#fffffff0;backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#17120a;color:#fff;font-weight:900}.brand div:last-child{display:grid;gap:2px}.brand strong{font-size:15px}.brand span,.account-card span,.account-card em,.panel-title span,.pair-row small,.quote-grid span,.ticket-meta,.asset-lines,.asset-card em{color:var(--muted)}.brand span{font-size:12px}.top-nav{display:flex;align-items:center;gap:24px;min-width:0}.top-nav a{color:var(--muted);text-decoration:none;font-size:14px;cursor:pointer}.top-nav a:hover{color:var(--text)}.top-nav .active{color:var(--text);font-weight:700}.header-actions,.header-auth{display:flex;align-items:center;gap:9px}.header-auth.logged-in{gap:10px}.user-chip{display:inline-flex;align-items:center;gap:10px;max-width:280px;height:36px;padding:0 12px 0 6px;border:1px solid var(--line);border-radius:999px;background:#fff}.user-avatar{width:28px;height:28px;min-width:28px;min-height:28px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--surface-2)}.user-avatar.fallback{display:grid;place-items:center;color:#fff;background:linear-gradient(180deg,var(--brand-2),var(--brand-3));font-size:12px;font-weight:900}.user-meta{display:grid;gap:1px;min-width:0}.user-meta strong{font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta em{color:var(--muted);font-style:normal;font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.provider-pill{flex-shrink:0;height:22px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:700}.provider-pill.github{color:#17120a;background:#17120a14}.sign-out-btn{width:auto;padding:0 12px}.icon-btn,.oauth-btn,.primary-auth,.quick-actions button{height:36px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;border:1px solid var(--line);color:var(--text);background:#fff}.icon-btn{width:36px}.oauth-btn,.primary-auth{padding:0 14px}.primary-auth{color:#fff;background:#17120a;font-weight:800}.login-gate{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 20px 0;padding:14px 16px;border:1px solid rgba(224,122,0,.28);border-radius:8px;background:linear-gradient(135deg,#ffcf332e,#fffaf0f5)}.login-gate div:first-child{display:grid;gap:4px}.login-gate strong{font-size:15px}.login-gate span{color:var(--muted);font-size:13px}.login-gate-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.account-strip.locked .account-card strong{color:var(--muted)}button:disabled,input:disabled{cursor:not-allowed;opacity:.58}.order-ticket.locked,.panel.locked{position:relative}.panel-lock-note{display:grid;gap:8px;padding:28px 20px 32px;text-align:center;color:var(--muted)}.panel-lock-note svg{margin:0 auto;color:var(--brand-3)}.panel-lock-note strong{color:var(--text);font-size:15px}.panel-lock-note span{font-size:13px}.account-strip{display:grid;grid-template-columns:1.2fr 1fr 1fr 220px;gap:10px;padding:14px 20px 0}.account-card,.quick-actions{min-height:82px;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.account-card{display:grid;gap:4px}.account-card.primary{background:linear-gradient(135deg,#ffc0203d,#e07a0014),var(--surface)}.account-card strong{font-size:24px;letter-spacing:0}.account-card em{font-style:normal;font-size:12px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center}.quick-actions button{width:100%;background:var(--surface-2)}.workspace-grid{display:grid;grid-template-columns:276px minmax(560px,1fr) 352px;grid-template-rows:auto auto;gap:10px;padding:10px 20px 20px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden}.panel-title{height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border-bottom:1px solid var(--line)}.panel-title.small{height:40px;padding:0;border:0}.market-tabs,.timeframe,.segmented{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}.market-tabs{grid-template-columns:repeat(3,1fr);margin:12px}.market-tabs button,.timeframe button,.segmented button{border:0;color:var(--muted);background:var(--surface-2)}.market-tabs button{height:34px}.market-tabs .active,.timeframe .active,.segmented .active{color:var(--text);background:linear-gradient(180deg,#fff7df,var(--surface-3));font-weight:800}.pair-list{display:grid}.pair-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;min-height:54px;padding:0 14px;border:0;border-top:1px solid var(--line-soft);color:var(--text);background:transparent}.pair-row span:first-child{display:grid;gap:3px;justify-items:start}.pair-row.selected{background:var(--brand-soft)}.pair-row em{font-style:normal}.custody-note{display:flex;gap:10px;margin:14px;padding:12px;color:var(--muted);background:#ffc02021;border:1px solid rgba(224,122,0,.18);border-radius:8px;font-size:13px;line-height:1.45}.instrument-bar{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:16px;padding:14px;border-bottom:1px solid var(--line)}.instrument-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.symbol-switch{height:38px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--surface-2);font-weight:900;padding:0 12px}.network-pill,.risk-pill,.mini-toggle{height:26px;display:inline-flex;align-items:center;padding:0 9px;border-radius:999px;font-size:12px}.network-pill{color:var(--green);background:var(--green-soft)}.risk-pill{color:var(--blue);background:#f5a40021}.risk-pill.warn{color:var(--brand-3);background:#e07a0024}.mini-toggle{color:var(--muted);background:var(--surface-2);border:1px solid var(--line)}.quote-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.quote-grid span{display:grid;gap:4px;font-size:12px}.quote-grid strong{color:var(--text);font-size:16px}.chart-area{padding:12px 14px 0}.depth-chart{height:360px;display:grid;grid-template-rows:auto 1fr;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.depth-chart-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}.depth-chart-head span{color:var(--muted);font-size:12px}.depth-chart-grid{display:grid;align-content:start;gap:4px;padding:12px 14px;overflow:auto}.depth-chart-row{position:relative;display:grid;grid-template-columns:96px 1fr 96px;align-items:center;gap:10px;min-height:28px;font-size:12px}.depth-chart-row i{position:absolute;top:4px;bottom:4px;right:106px;left:106px;border-radius:4px;opacity:.18}.depth-chart-row.ask i{background:var(--red)}.depth-chart-row.bid i{background:var(--green)}.depth-chart-row.ask span:first-child{color:var(--red)}.depth-chart-row.bid span:first-child{color:var(--green)}.depth-chart-row span:last-child{text-align:right;color:var(--muted)}.depth-chart-mid{margin:6px 0;text-align:center;color:var(--muted);font-size:12px}.trade-empty{padding:18px 12px 22px;text-align:center;color:var(--muted);font-size:12px}.timeframe{width:260px;grid-template-columns:repeat(5,1fr);margin-bottom:10px}.timeframe button{height:30px}.chart-canvas{position:relative;height:360px;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.tradingview-canvas{background:radial-gradient(circle at 50% 45%,rgba(245,164,0,.08),transparent 35%),#fff}.tradingview-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;opacity:1;transition:opacity .16s ease}.tradingview-frame.loading{opacity:0}.chart-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:8px;text-align:center;color:var(--muted);background:linear-gradient(rgba(20,30,46,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(20,30,46,.055) 1px,transparent 1px),#fff;background-size:96px 72px}.chart-loading strong{color:var(--text);font-size:22px}.order-ticket{margin:12px 14px 14px;padding:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px}.ticket-header{display:grid;grid-template-columns:160px 1fr;gap:10px;margin-bottom:12px}.segmented{grid-template-columns:repeat(2,1fr)}.segmented.compact{grid-template-columns:repeat(3,1fr)}.segmented button{height:34px}.ticket-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 180px;gap:10px}.ticket-fields label{display:grid;gap:6px;color:var(--muted);font-size:12px}.ticket-fields input{width:100%;height:40px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:#fff;padding:0 12px}.submit-buy{height:40px;align-self:end;border:0;border-radius:8px;color:#17120a;background:linear-gradient(180deg,var(--brand-2),var(--brand));font-weight:900}.order-ticket.locked .submit-buy{color:#fff;background:#17120a}.ticket-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px;font-size:12px}.book-table{padding:10px 12px 6px}.book-head,.book-row,.trade-row,.orders-head,.orders-row{display:grid;align-items:center;gap:8px}.book-head,.book-row{grid-template-columns:1fr 1fr 1fr;height:28px;font-size:12px}.book-head{color:var(--muted)}.book-head span:nth-child(n+2),.book-row span:nth-child(n+3){text-align:right}.book-row{position:relative;padding:0 6px;overflow:hidden}.book-row i{position:absolute;top:3px;right:0;bottom:3px;z-index:0}.book-row span{position:relative;z-index:1}.book-row.ask i{background:var(--red-soft)}.book-row.bid i{background:var(--green-soft)}.ask span:first-of-type{color:var(--red)}.bid span:first-of-type,.up{color:var(--green)!important}.down{color:var(--red)!important}.mid-price{display:flex;align-items:baseline;justify-content:space-between;padding:12px 4px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.mid-price strong{color:var(--green);font-size:24px}.mid-price em{font-style:normal;font-size:12px}.trades-panel{margin:4px 12px 12px;padding-top:8px;border-top:1px solid var(--line)}.trade-row{grid-template-columns:1fr 1fr auto;height:28px;color:var(--muted);font-size:12px}.trade-row span:nth-child(2){text-align:right;color:var(--text)}.wallet-panel{grid-column:1 / 3}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line)}.asset-card{display:grid;gap:10px;padding:14px;background:var(--surface)}.asset-head{display:flex;justify-content:space-between;gap:10px}.asset-head span,.address-line,.flow-step strong{color:var(--muted);font-size:12px}.asset-value{font-size:22px;font-weight:900}.asset-lines{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px}.address-line{display:flex;align-items:center;justify-content:space-between;min-width:0;padding:8px 10px;background:#fff;border:1px solid var(--line);border-radius:8px}.asset-card em{font-style:normal}.wallet-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border-top:1px solid var(--line)}.flow-step{display:grid;grid-template-columns:auto 1fr;gap:4px 9px;align-items:center;padding:13px 14px;background:var(--surface)}.flow-step svg{grid-row:span 2;color:var(--muted)}.flow-step.done svg,.flow-step.active svg{color:var(--green)}.flow-step.active{background:#f5a4001a}.orders-panel{grid-column:3}.orders-table{padding:10px 14px 14px}.orders-head,.orders-row{grid-template-columns:1.2fr .7fr 1fr 1fr 1fr 1fr;min-height:34px;font-size:12px}.orders-head{color:var(--muted)}.orders-row{border-top:1px solid var(--line-soft)}@media (max-width: 1180px){.home-header,.home-hero,.feature-grid,.flow-line{grid-template-columns:1fr}.home-header{height:auto;padding:14px}.home-nav,.home-auth{flex-wrap:wrap}.home-hero{min-height:auto;padding:34px 18px 22px}.hero-copy h1{font-size:44px}.learn-section,.flow-section{padding:28px 18px 38px}.app-header,.account-strip,.workspace-grid{grid-template-columns:1fr}.login-gate{flex-direction:column;align-items:stretch}.login-gate-actions,.top-nav,.header-actions,.header-auth{flex-wrap:wrap}.user-chip{max-width:100%}.app-header{height:auto;padding:12px}.wallet-panel,.orders-panel{grid-column:auto}.quote-grid,.ticket-fields,.asset-grid,.wallet-flow,.ticket-header,.instrument-bar{grid-template-columns:1fr}}@media (max-width: 680px){.home-logo img{width:38px;height:38px}.hero-copy h1{font-size:34px}.hero-copy p{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column}.terminal-grid{grid-template-columns:1fr}.terminal-grid div:nth-child(odd){border-right:0}.account-strip,.workspace-grid{padding-left:10px;padding-right:10px}.quick-actions,.asset-lines,.orders-head,.orders-row{grid-template-columns:1fr}.chart-canvas{height:280px}}