@import url('/design-tokens.css');
:root{font-family:Inter,'DM Sans',system-ui,sans-serif;color:var(--canopy-text);background:var(--canopy-canvas);font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.6}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:var(--canopy-action-text);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--canopy-focus);outline-offset:3px}button{color:inherit}h1,h2,p{margin:0}h1{font-size:40px;font-weight:550;letter-spacing:-1.6px;line-height:1.2}h2{font-size:20px;font-weight:600;letter-spacing:-.4px}p{color:var(--canopy-text-secondary)}small{display:block;font-size:11px;color:var(--canopy-text-muted)}.topbar{height:80px;display:flex;align-items:center;gap:60px;padding:0 40px;background:var(--canopy-surface);border-bottom:1px solid var(--canopy-border)}.brand{font-size:28px;font-weight:650;letter-spacing:-1px;color:var(--canopy-focus);white-space:nowrap}.brand span{color:var(--canopy-text)}.brand:hover{text-decoration:none}.topbar nav{display:flex;align-items:center;gap:28px;height:100%;font-size:13px}.topbar nav a{height:100%;display:flex;align-items:center;color:var(--canopy-text-secondary);border-bottom:2px solid transparent}.topbar nav a[aria-current]{border-color:var(--canopy-focus);color:var(--canopy-text);font-weight:600}.header-right{margin-left:auto;display:flex;align-items:center;gap:22px}.settings-link{font-size:12px;color:var(--canopy-text-muted)}.button,.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--canopy-border);background:white;border-radius:10px;padding:9px 15px;font-size:13px;font-weight:550;text-decoration:none;white-space:nowrap}.button:hover{background:var(--canopy-surface-muted);text-decoration:none}.primary,.wallet-button{background:var(--canopy-action);color:var(--canopy-action-text);border-color:transparent}.primary:hover,.wallet-button:hover{background:var(--canopy-action-hover)}.modebar{display:flex;justify-content:space-between;gap:16px;padding:11px 40px;border-bottom:1px solid var(--canopy-border);font-size:11px;color:var(--canopy-text-muted)}.modebar i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--canopy-focus);margin-right:7px}.modebar b{padding:0 7px;font-weight:400}.demo-cash{font-variant-numeric:tabular-nums}.main{max-width:1600px;margin:auto;padding:40px}.eyebrow{color:var(--canopy-focus);font-size:10px;font-weight:650;letter-spacing:1.6px;margin-bottom:12px}.page-heading{margin-bottom:30px}.page-heading p{margin-top:12px;font-size:15px}.launch-intro{display:flex;align-items:center;justify-content:space-between;gap:24px}.guide-link{border:1px solid var(--canopy-border);border-radius:12px;background:white;padding:16px 20px;font-size:12px}.guide-link span{padding-left:24px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start}.market-panel,.panel,.trade-ticket{background:var(--canopy-surface);border:1px solid var(--canopy-border);border-radius:18px;min-width:0;overflow:hidden}.trade-ticket{padding:22px;position:sticky;top:24px}.market-toolbar{padding:20px 20px 14px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.tabs{display:flex;gap:6px}.tabs button{background:transparent;border:0;border-radius:8px;padding:7px 11px;color:var(--canopy-text-muted);font-size:12px}.tabs button.active{background:var(--canopy-surface-muted);color:var(--canopy-text);font-weight:600}.tabs span{font-size:10px;padding-left:6px;color:var(--canopy-text-muted)}.search-row{display:flex;gap:8px;min-width:0}.search-row input,.search-row select{border:1px solid var(--canopy-border);border-radius:8px;padding:8px 10px;background:white;font-size:12px;color:var(--canopy-text-secondary);min-width:0}.search-row input{width:195px}.snapshot-line{padding:0 22px 16px;color:var(--canopy-text-muted);font-size:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.text-button{border:0;background:transparent;color:var(--canopy-action-text);font-size:12px;padding:4px;cursor:pointer}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left;font-size:12px;font-variant-numeric:tabular-nums}th{background:var(--canopy-surface-muted);font-size:10px;font-weight:500;color:var(--canopy-text-muted);padding:12px 14px;border-block:1px solid var(--canopy-border)}td{padding:15px 14px;border-bottom:1px solid #f0f1ea}tbody tr:last-child td{border-bottom:0}.selected-row{background:#f7faef}tr:hover{background:var(--canopy-surface-muted)}.market-panel td:first-child{padding-right:0;width:34px}.market-panel th:first-child{width:34px}.star{font-size:19px;border:0;background:transparent;color:#a2a994;padding:3px}.star.saved{color:var(--canopy-focus)}.token-select{border:0;background:transparent;padding:0;text-align:left;max-width:190px}.identity{display:flex;align-items:center;gap:10px;min-width:0}.identity>span{min-width:0}.identity strong{display:block;font-size:13px;font-weight:600;max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity small{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-logo{width:35px;height:35px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--canopy-strategy)}.fallback{display:inline-flex;align-items:center;justify-content:center;color:var(--canopy-strategy-accent);font-size:12px;font-weight:600}.tag{display:inline-block;border:1px solid var(--canopy-border);border-radius:5px;font-size:9px;color:var(--canopy-text-secondary);padding:2px 6px;font-weight:500}.tag.purple{background:var(--canopy-strategy);color:var(--canopy-strategy-accent);border:0}.positive{color:var(--canopy-positive)}.negative,.danger{color:var(--canopy-negative)}.panel-foot{border-top:1px solid var(--canopy-border);padding:13px 22px;font-size:10px;color:var(--canopy-text-muted)}.ticket-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.ticket-heading .identity strong{font-size:17px}.ticket-heading .token-logo{width:42px;height:42px}.contract-row{display:flex;align-items:center;justify-content:space-between;margin:15px 0}.address{font-family:ui-monospace,monospace;font-size:11px;color:var(--canopy-text-muted)}.ticket-reference{padding:12px 0 20px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--canopy-text-muted)}.ticket-reference strong{font-size:17px;color:var(--canopy-text);font-weight:550}.trade-tabs{display:flex;background:var(--canopy-surface-muted);border-radius:10px;padding:4px;gap:4px}.trade-tabs button{width:50%;border:0;background:transparent;padding:8px;border-radius:7px;color:var(--canopy-text-muted)}.trade-tabs button.active{background:white;box-shadow:0 1px 4px #0000000a;color:var(--canopy-text);font-weight:600}.order-selector{display:flex;gap:12px;margin:17px 0;font-size:10px;color:var(--canopy-text-secondary)}input[type=radio]{accent-color:var(--canopy-focus);margin:0 3px 0 0;vertical-align:middle}.field-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:8px;color:var(--canopy-text-secondary)}.field-label span{color:var(--canopy-text-muted)}.amount-box{display:flex;align-items:center;background:var(--canopy-surface-muted);border:1px solid var(--canopy-border);border-radius:12px;padding:15px}.amount-box input{width:100%;min-width:0;background:transparent;border:0;font-size:26px;outline:none;font-weight:500;color:var(--canopy-text)}.amount-box:focus-within{outline:2px solid var(--canopy-focus);outline-offset:2px}.amount-box span{font-size:12px;color:var(--canopy-text-secondary)}.presets{display:flex;gap:8px;margin:10px 0 20px}.presets button{flex:1;border:1px solid var(--canopy-border);border-radius:7px;background:white;padding:5px;font-size:11px}.presets button:hover{background:var(--canopy-surface-muted)}.target-input{width:100%;border:1px solid var(--canopy-border);border-radius:10px;padding:12px;margin-bottom:16px;background:white;color:var(--canopy-text)}.quote-lines{font-size:11px}.quote-lines>div{display:flex;justify-content:space-between;gap:8px;margin:9px 0}.quote-lines span{color:var(--canopy-text-muted)}.quote-lines strong{font-weight:550}.quote-total{border-top:1px solid var(--canopy-border);padding-top:10px}.trade-submit{width:100%;padding:13px;margin-top:8px}.micro{font-size:10px;line-height:1.65;margin:12px 0;color:var(--canopy-text-muted)}.error{color:var(--canopy-negative);font-size:12px;margin:8px 0;overflow-wrap:anywhere}.held{border-block:1px solid var(--canopy-border);padding:13px 0;display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--canopy-text-muted);margin:18px 0}.held strong{font-weight:500;color:var(--canopy-text)}.market-details summary{font-size:12px;font-weight:600;cursor:pointer}.market-details dl{display:grid;grid-template-columns:1fr auto;font-size:10px;gap:9px}.market-details dt{color:var(--canopy-text-muted)}.market-details dd{margin:0;text-align:right}.full{width:100%}.external{display:block;text-align:center;margin-top:12px;font-size:11px}.live-quote{display:flex;flex-direction:column;gap:3px;padding:10px 0;border-bottom:1px solid var(--canopy-border)}.live-quote span{font-size:11px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px}.stats>div{border:1px solid var(--canopy-border);border-radius:16px;padding:24px;background:white}.stats span{font-size:12px;color:var(--canopy-text-muted)}.stats strong{display:block;font-size:28px;font-weight:500;letter-spacing:-.6px;margin:8px 0}.notice{background:var(--canopy-strategy);border:1px solid #e9e2ef;border-radius:10px;padding:13px 18px;margin:20px 0;font-size:12px;color:var(--canopy-strategy-accent)}.empty{text-align:center;padding:70px 24px}.empty-mark{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:18px;background:var(--canopy-strategy);color:var(--canopy-strategy-accent);font-size:28px;margin-bottom:20px}.empty p{margin:10px 0 24px}.empty-row{text-align:center;padding:50px!important;color:var(--canopy-text-muted)}.order-row{display:flex;gap:30px;align-items:center;padding:24px;border-bottom:1px solid var(--canopy-border)}.order-row:last-child{border:0}.order-row>div:nth-child(2){flex:1}.order-row strong{font-size:13px}.row-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.wallet-panel,.settings-panel{padding:30px;max-width:780px}.wallet-symbol{font-size:30px;color:var(--canopy-focus);margin-bottom:12px}.long-address{overflow-wrap:anywhere;margin:10px 0 24px;font-size:13px}.wallet-panel .stats{grid-template-columns:1fr 1fr}.wallet-panel .stats strong{font-size:20px}.provider-list{display:flex;flex-wrap:wrap;gap:14px;margin:24px 0}.settings-panel form{max-width:440px}.settings-panel p{margin:10px 0 20px}.settings-panel hr{border:0;border-top:1px solid var(--canopy-border);margin:28px 0}.site-footer{max-width:1600px;margin:10px auto 0;padding:25px 40px;border-top:1px solid var(--canopy-border);display:flex;gap:24px;font-size:10px;color:var(--canopy-text-muted)}.site-footer span{margin-right:auto}.toast{position:relative;background:var(--canopy-text);color:white;padding:14px 20px;border-radius:12px;box-shadow:0 8px 30px #0002;font-size:13px;margin-top:8px}#toasts{position:fixed;bottom:24px;right:24px;z-index:60;max-width:calc(100vw - 48px)}dialog{border:1px solid var(--canopy-border);border-radius:20px;padding:28px;max-width:440px;width:calc(100% - 40px);color:var(--canopy-text)}dialog::backdrop{background:#22251f55;backdrop-filter:blur(3px)}dialog p{margin:16px 0 24px;font-size:13px;line-height:1.9}dialog .row-actions{justify-content:flex-end}
@media(min-width:1600px){.topbar,.modebar{padding-inline:max(40px,calc((100vw - 1520px)/2))}}
@media(max-width:1150px){.topbar{gap:30px;padding:0 24px}.topbar nav{gap:18px}.main{padding:30px 24px}.workspace{grid-template-columns:minmax(0,1fr) 320px;gap:16px}.trade-ticket{padding:18px}.modebar{padding-inline:24px}.settings-link{display:none}.header-right{gap:12px}.market-toolbar{padding:16px}.search-row{width:100%}.search-row input{flex:1}.guide-link{display:none}}
@media(max-width:850px){.workspace{grid-template-columns:1fr}.trade-ticket{position:static;max-width:600px;width:100%;margin:auto;grid-row:1}.market-panel{grid-row:2}.topbar{height:auto;min-height:74px;flex-wrap:wrap;gap:0;padding:16px 20px 0}.topbar nav{order:3;width:100%;height:46px;gap:24px;overflow-x:auto;white-space:nowrap;margin-top:10px}.header-right{margin-left:auto}.modebar{padding:10px 20px;flex-wrap:wrap;font-size:10px}.modebar>span:first-child{display:none}.main{padding:28px 20px}.launch-intro .page-heading{margin-bottom:24px}h1{font-size:33px}.stats{grid-template-columns:1fr}.stats>div{padding:20px}.stats strong{font-size:26px}.order-row{flex-wrap:wrap;gap:16px}.order-row>div:nth-child(2){flex-basis:50%}.site-footer{padding:20px;flex-wrap:wrap;gap:12px}.site-footer span{width:100%}.page-heading p{font-size:13px}.wallet-panel,.settings-panel{padding:22px}.wallet-panel .stats{grid-template-columns:1fr}.topbar nav a{font-size:12px}.identity strong{max-width:200px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* HIG-informed web adaptation: readable content, clear controls, focused tasks. */
:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif}body{font-size:16px}h1{font-size:34px;letter-spacing:-1px}.page-heading p{font-size:16px}.eyebrow{font-size:11px}.topbar nav{font-size:14px}.button,.primary,.text-button{min-height:40px;font-size:14px}.wallet-button{font-weight:600}.settings-link{font-size:14px}.modebar{font-size:12px}.workspace{grid-template-columns:minmax(0,1fr) 380px}.table-scroll table{font-size:14px}th{font-size:12px}small,.identity small{font-size:12px}.identity strong{font-size:15px}.token-select{min-height:44px}.star{min-width:44px;min-height:44px}.tag{font-size:11px}.market-panel td:first-child{width:44px;padding-left:8px}.search-row input,.search-row select{font-size:14px;min-height:40px}.search-row input{width:220px}.tabs button{min-height:40px;font-size:14px}.tabs span{font-size:12px}.snapshot-line,.panel-foot{font-size:12px}.snapshot-line{align-items:flex-start}.snapshot-line button{flex-shrink:0}.ticket-reference{font-size:13px}.ticket-reference strong{font-size:20px}.ticket-heading .identity strong{font-size:20px}.address{font-size:13px}.trade-tabs button{min-height:44px;font-size:15px}.order-selector{font-size:12px;gap:8px}.order-selector label{display:flex;align-items:center;min-height:40px;flex:1;cursor:pointer}.order-selector input{width:17px;height:17px;flex-shrink:0;margin-right:6px}.field-label{font-size:13px}.amount-box span{font-size:14px}.presets button{font-size:14px;min-height:40px}.target-input{font-size:16px}.quote-lines{font-size:13px}.quote-lines>div{margin:12px 0}.quote-total{font-size:15px}.micro,.error,.notice{font-size:13px;line-height:1.65}.held{font-size:12px}.market-details summary{font-size:14px;min-height:40px;padding:6px 0}.market-details dl{font-size:12px}.external{font-size:13px;min-height:40px;padding:8px}.trade-submit{min-height:48px;font-size:16px}.site-footer{font-size:12px}.site-footer a{min-height:32px;display:inline-flex;align-items:center}.nav-icon{display:none}.sheet-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--canopy-border);padding-bottom:12px;margin-bottom:18px;font-size:15px;font-weight:600}.sheet-heading button{font-weight:650}.destructive-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:10px;border:1px solid var(--canopy-negative);background:var(--canopy-negative);color:white;font:inherit;font-size:14px;cursor:pointer}.destructive-button:hover{filter:brightness(.92)}dialog{max-height:calc(100dvh - 32px);overflow:auto}dialog p{font-size:15px}dialog .row-actions>button{min-height:44px}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--canopy-surface);padding:12px;border-radius:10px}.skip-link:focus{top:12px}input[aria-invalid=true]{box-shadow:inset 0 -2px var(--canopy-negative)}.nav-icon{width:22px;height:22px}.main:focus{outline:none}
@media(max-width:1150px) and (min-width:851px){.workspace{grid-template-columns:minmax(0,1fr) 350px}.topbar{gap:20px}.topbar nav{gap:16px}}
@media(max-width:850px){
 body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.topbar{min-height:76px;padding:16px 20px;flex-wrap:nowrap}.topbar nav{position:fixed;inset:auto 0 0;z-index:25;display:grid;grid-template-columns:repeat(4,1fr);height:calc(70px + env(safe-area-inset-bottom));padding:5px 12px calc(5px + env(safe-area-inset-bottom));margin:0;background:var(--canopy-surface);border-top:1px solid var(--canopy-border);gap:4px;overflow:visible}.topbar nav a{display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:54px;height:auto;font-size:11px;border:0;border-radius:10px;line-height:1.4}.topbar nav a[aria-current]{background:var(--canopy-surface-muted);color:var(--canopy-action-text)}.topbar nav a[href="/docs/"]{display:none}.nav-icon{display:block}.main{padding:24px 16px}.page-heading{margin-bottom:20px}.page-heading h1{font-size:30px}.page-heading p{font-size:15px}.workspace{display:block}.market-toolbar{padding:12px}.tabs{width:100%}.tabs button{flex:1}.search-row{gap:8px}.search-row input{width:0;flex:1}.search-row select{max-width:145px}.snapshot-line{padding:0 12px 12px;font-size:11px;align-items:center}.market-panel .table-scroll{overflow:visible}.market-panel table,.market-panel tbody{display:block;white-space:normal}.market-panel thead{display:none}.market-panel tr{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;padding:12px 8px;column-gap:7px;border-bottom:1px solid var(--canopy-border)}.market-panel td{padding:0!important;border:0}.market-panel td:first-child{grid-column:1;grid-row:1/3;width:auto}.market-panel td:nth-child(2){grid-column:2;grid-row:1/3;min-width:0}.market-panel td:nth-child(4){grid-column:3;grid-row:1;text-align:right;font-size:14px}.market-panel td:nth-child(5){grid-column:3;grid-row:2;text-align:right;font-size:12px}.market-panel td:nth-child(3),.market-panel td:nth-child(6),.market-panel td:nth-child(7){display:none}.market-panel .empty-row{grid-column:1/-1!important;display:block!important}.market-panel .identity{gap:8px}.market-panel .identity strong,.market-panel .identity small{max-width:125px}.market-panel .token-select{max-width:100%;width:100%}.market-panel .token-logo{width:32px;height:32px}.panel-foot{padding:12px;font-size:11px}.trade-ticket.mobile-ticket:not([open]){display:none}.trade-ticket.mobile-ticket[open]{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:90dvh;height:auto;border-radius:24px 24px 0 0;padding:16px 24px calc(24px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;border-bottom:0}.mobile-ticket::backdrop{background:#22251f55;backdrop-filter:blur(3px)}.trade-ticket{box-shadow:0 -12px 40px #22251f15}.market-details dd{overflow-wrap:anywhere}.button,.primary,.text-button,.star,.presets button,.search-row input,.search-row select,.tabs button,.trade-tabs button{min-height:44px}.text-button{min-width:44px}.amount-box input,.target-input,.search-row input,.search-row select{font-size:16px}.order-selector{font-size:13px}.order-selector label{min-height:44px}.order-row{gap:16px}.row-actions button{min-height:44px}.site-footer a{min-height:44px}.site-footer{padding:20px 16px}.held{font-size:13px}.modebar{font-size:11px}.mobile-ticket .ticket-reference{padding-top:4px}.sheet-heading #close-trade{min-width:60px}.site-footer{margin-top:8px}
}
@media(prefers-contrast:more){:root{--canopy-text-muted:#424a3a;--canopy-text-secondary:#39422f;--canopy-border:#8c967e}.tag,.button,.target-input{border-width:2px}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.mobile-meta{display:none}.amount-box input{font-size:28px}
@media(max-width:850px){.mobile-meta{display:inline;font-size:10px;color:var(--canopy-text-muted)}}
@media(max-width:380px){.topbar{padding-inline:12px}.topbar .brand{font-size:24px}.header-right{gap:6px}.wallet-button{font-size:12px;padding-inline:10px}.modebar{padding-inline:12px}.search-row{flex-wrap:wrap}.search-row input{flex-basis:100%;width:100%}.search-row select{max-width:none;width:100%}.trade-ticket.mobile-ticket[open]{padding-inline:18px}}

/* Desktop keeps the market table and ticket visible together. */
@media(min-width:851px){.main{padding-top:28px}.launch-intro .eyebrow{display:none}.launch-intro h1{font-size:32px}.launch-intro .page-heading{margin-bottom:24px}.launch-intro .page-heading p{margin-top:6px;font-size:14px}.guide-link{padding:12px 18px}.trade-ticket{padding:20px;max-height:calc(100dvh - 48px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--canopy-border) transparent}.contract-row{margin:6px 0}.ticket-reference{padding:2px 0 12px}.order-selector{margin:8px 0}.amount-box{padding:10px 14px}.presets{margin:8px 0 14px}.quote-lines>div{margin:7px 0}.quote-total{padding-top:8px}.trade-submit{margin-top:4px;min-height:44px;padding:10px}.micro{margin:10px 0}.market-panel .identity strong{max-width:140px}.market-panel .identity small{max-width:140px}}
@media(min-width:851px) and (max-width:1300px){.market-panel td,.market-panel th{padding-inline:10px}.market-panel .identity strong,.market-panel .identity small{max-width:110px}.market-panel .identity{gap:8px}.market-panel th:nth-child(3),.market-panel td:nth-child(3){display:none}}
@media(min-width:851px) and (max-height:850px){.main{padding-top:16px}.launch-intro .page-heading{margin-bottom:16px}.contract-row{margin-block:4px}.contract-row .text-button{min-height:32px}.order-selector label{min-height:32px}.presets button{min-height:32px}.amount-box{padding-block:8px}.amount-box input{font-size:26px}}

@media(pointer:coarse){.contract-row .text-button,.order-selector label,.presets button{min-height:44px}}
@media(min-width:851px) and (max-height:850px){.main{padding-top:12px}.quote-lines>div{margin-block:6px}}