:root{--ink:#152c2b;--green:#08785f;--muted:#778480;--line:#e5ebe7;--bg:#f8faf7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:Arial,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #79bb9d}a{color:inherit;text-decoration:none}.demo-banner{color:#dbe9dd;text-align:center;letter-spacing:.2px;background:#153c32;padding:11px 16px;font-size:11px}.pulse{background:#b9e1a9;border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block}header{border-bottom:1px solid var(--line);align-items:center;gap:68px;max-width:1240px;height:88px;margin:auto;padding:0 40px;display:flex}.logo{letter-spacing:-1.8px;align-items:center;gap:8px;font-size:32px;font-weight:800;display:flex}.brand-mark{color:#fff;background:var(--green);letter-spacing:0;border-radius:9px;place-items:center;width:29px;height:29px;font-size:24px;display:grid}.logo-dot{color:var(--green);margin-left:-8px}nav{align-self:stretch;gap:32px;display:flex}nav a{color:var(--muted);align-items:center;font-size:13px;font-weight:600;display:flex}nav a.active{color:var(--green);border-bottom:2px solid var(--green)}.wallet{background:0 0;border:1px solid #d6e0d9;border-radius:8px;align-items:center;gap:9px;margin-left:auto;padding:11px 14px;font-weight:600;display:flex}.wallet span{color:var(--green)}.wallet small{color:#778480;background:#edf1eb;border-radius:4px;padding:3px 5px;font-size:9px}main{max-width:1240px;margin:auto;padding:0 40px}.hero{padding:68px 0 58px;position:relative;overflow:hidden}.eyebrow{letter-spacing:2px;color:var(--green);font-size:10px;font-weight:700}.hero .eyebrow{align-items:center;gap:8px;display:flex}.hero .eyebrow span{background:var(--green);width:17px;height:1px}h1{letter-spacing:-2px;margin:21px 0 17px;font-size:44px;font-weight:750;line-height:1.45}h1 em{color:var(--green);font-style:normal}.hero p{color:#74817c;font-size:14px;line-height:1.9}.hero-tags{color:#546e62;gap:21px;margin-top:29px;font-size:11px;display:flex}.hero-tags span:first-letter{color:var(--green)}.orbit{background:radial-gradient(#e6eddc 0,#0000 69%);width:390px;height:300px;position:absolute;top:53px;right:10px}.orbit-ring{border:1px solid #d5dfcf;border-radius:50%;position:absolute;inset:28px 40px;transform:rotate(-28deg)}.orbit-ring:after{content:"";border:1px dashed #d5dfcf;border-radius:50%;position:absolute;inset:26px -20px;transform:rotate(50deg)}.coin{border-radius:50%;place-items:center;width:96px;height:96px;font-size:62px;display:grid;position:absolute;box-shadow:0 15px 35px #173c2214}.eth{color:#477059;background:#e4eade;border:7px solid #f0f3ea;top:45px;left:46px;transform:rotate(-12deg)}.usdc{color:#e4f0d7;background:#165b49;border:7px solid #29705b;font-size:51px;bottom:48px;right:33px}.exchange{color:#75937a;font-size:35px;position:absolute;top:120px;left:180px}.orbit-label{letter-spacing:3px;color:#7b8f79;font-size:8px;position:absolute;bottom:3px;left:85px}.section-title{justify-content:space-between;align-items:end;margin:8px 0 24px;display:flex}h2{letter-spacing:-1px;margin:11px 0 0;font-size:25px}.network{color:#5d7167;padding-bottom:3px;font-size:11px}.network i{background:#81a884;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.market-panel{background:#fff;border:1px solid #dee6de;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px #294d3503}.panel-top{border-bottom:1px solid var(--line);align-items:center;gap:24px;padding:22px 25px;display:flex}.tabs{background:#f0f3ee;border-radius:8px;padding:4px;display:flex}.tabs button{color:#778480;background:0 0;border:0;border-radius:6px;padding:10px 27px;font-size:13px;font-weight:700}.tabs .selected{background:var(--green);color:#fff;box-shadow:0 2px 4px #0a48321a}.pair-note{color:var(--muted);font-size:11px}.filters{align-items:end;gap:16px;padding:23px 25px 18px;display:flex}label{color:#62776c;flex-direction:column;gap:9px;font-size:11px;font-weight:600;display:flex}select,input{color:var(--ink);background:#fff;border:1px solid #dee5dd;border-radius:6px;height:42px;padding:12px}select{min-width:155px}.amount-filter{width:280px}.input-wrap{border:1px solid #dee5dd;border-radius:6px;align-items:center;display:flex}.input-wrap input{background:0 0;border:0;width:100%;min-width:0}.input-wrap span{color:#677a6e;padding-right:13px;font-size:11px}.reset{color:#78857d;background:0 0;border:0;padding:13px 4px;font-size:11px}.results-line{color:#8c968e;justify-content:space-between;padding:7px 25px 17px;font-size:10px;display:flex}.results-line strong{color:var(--green);margin-left:3px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{color:#849084;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f7f9f5;padding:14px 22px;font-size:10px;font-weight:500}th small{margin-left:4px;font-size:9px}td{border-bottom:1px solid #eff2ec;padding:25px 22px}tbody tr:last-child td{border-bottom:0}.maker{align-items:center;gap:12px;display:flex}.avatar{color:#55754c;background:#eaf0e2;border-radius:50%;place-items:center;width:36px;height:36px;font-size:10px;font-weight:700;display:grid}.maker strong{font-size:12px}.maker p,.limit{color:#879186;margin:8px 0 0;font-size:10px}.maker p span{padding:0 5px}.price{letter-spacing:-.7px;font-size:22px;font-weight:650}.unit{color:#899388;margin-top:5px;font-size:9px;display:block}.available{font-size:12px;font-weight:500}.token-pill{color:#65815b;background:#f0f5ec;border:1px solid #e4eddf;border-radius:4px;padding:5px 8px;font-size:9px}.trade{color:var(--green);background:#e7f3ec;border:0;border-radius:6px;justify-content:space-between;gap:15px;min-width:108px;padding:11px 15px;font-size:11px;font-weight:700;display:flex}.trade.sell{color:#ac6749;background:#f9ede7}.trade:hover{filter:brightness(.96)}.panel-foot{border-top:1px solid var(--line);color:#86927f;background:#fcfdfb;padding:17px 25px;font-size:10px;line-height:1.7}.how{grid-template-columns:1.35fr 1fr 1fr 1fr;gap:30px;padding:65px 0;display:grid}.how h2{font-size:23px;line-height:1.5}.how p{color:#82907f;font-size:11px;line-height:1.9}.how article{border-left:1px solid #dfe7dc;padding:10px 0 0 24px}.step{color:#90a584;font-family:monospace;font-size:21px}.how h3{margin-top:23px;font-size:13px}footer{border-top:1px solid var(--line);color:#8b9687;align-items:center;gap:21px;padding:25px 0 30px;display:flex}footer .logo{color:#667d61;font-size:23px}footer p,footer span{font-size:10px}footer span{margin-left:auto}.empty{text-align:center;color:#74816f;padding:45px}.empty>span{font-size:32px}.empty h3{font-size:15px}.empty p{font-size:12px}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}dialog{border:1px solid var(--line);width:min(460px,100% - 32px);color:var(--ink);border-radius:18px;padding:0;box-shadow:0 25px 100px #092c3340}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b282b80}.order{padding:32px;position:relative}.close{color:#74816f;background:0 0;border:0;font-size:27px;position:absolute;top:10px;right:16px}.modal-sub{color:#82907f;margin-bottom:25px;font-size:12px}.order input{width:100%;height:48px;font-size:18px}.error{color:#ab4d35;min-height:16px;font-size:11px}.order dl{font-size:12px}.order dl div{justify-content:space-between;gap:20px;padding:12px 0;display:flex}.order dt{color:#7e8c78}.order dd{overflow-wrap:anywhere;text-align:right;margin:0}.total{border-top:1px solid var(--line);font-weight:700}.disclosure{color:#697e60;background:#f0f5ec;border-radius:6px;padding:13px;font-size:11px;line-height:1.8}.primary{background:var(--green);color:#fff;border:0;border-radius:7px;width:100%;margin-top:22px;padding:14px;font-weight:600}.primary:disabled{opacity:.4;cursor:not-allowed}.toast{color:#fff;z-index:5;background:#183e32;border-radius:10px;width:min(540px,100% - 30px);padding:19px 42px 19px 20px;font-size:12px;line-height:1.7;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #1235}.toast button{color:#fff;background:0 0;border:0;font-size:22px;position:absolute;top:12px;right:12px}@media (min-width:1450px){.hero{padding-top:85px;padding-bottom:75px}}@media (max-width:900px){.orbit{opacity:.5;right:-110px}.hero>:not(.orbit){z-index:1;position:relative}.hero h1{font-size:36px}header{gap:35px}.filters{flex-wrap:wrap}.how{grid-template-columns:1fr 1fr}.table-scroll table{min-width:850px}}@media (max-width:600px){header{gap:25px;height:75px;padding:0 20px}nav{gap:16px}nav a{font-size:11px}.wallet{padding:9px;font-size:11px}.wallet small,.wallet span{display:none}main{padding:0 20px}.demo-banner{font-size:9px;line-height:1.6}.logo{font-size:27px}.brand-mark{width:24px;height:24px}.hero{padding:43px 0}.hero h1{letter-spacing:-1.5px;font-size:29px}.hero p{font-size:12px}.hero-tags{flex-wrap:wrap;gap:12px;font-size:9px}.orbit{display:none}.section-title{align-items:start;gap:16px}.section-title h2{font-size:21px}.network{max-width:92px;font-size:9px;line-height:1.8}.panel-top{gap:12px;padding:16px}.tabs button{padding:9px 16px;font-size:12px}.pair-note{max-width:110px;font-size:9px;line-height:1.6}.filters{gap:13px;padding:18px 16px}.filters label{flex:1;min-width:110px}.amount-filter{width:auto}.filters select{width:100%;min-width:0}.results-line{padding:0 16px 16px}.panel-foot{padding:15px 16px}.how{gap:25px;padding:45px 0}.how h2{font-size:20px}.how article{padding-left:16px}.how>div{grid-column:1/-1}.how{grid-template-columns:1fr}.how article p br{display:none}.how article h3{margin-top:12px}footer{gap:12px}footer p{display:none}.order{padding:28px 22px}}.table-scroll{position:relative}.header-actions{align-items:center;gap:14px;margin-left:auto;display:flex}.header-actions .wallet{margin-left:0}.orders-link{color:var(--green);background:0 0;border:0;font-size:11px;font-weight:700}.my-orders{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:28px;padding:22px}.my-orders article{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:16px 0;display:flex}.my-orders article strong{font-size:12px}.my-orders article p,.my-orders>p{color:var(--muted);font-size:11px}.my-orders article button{white-space:nowrap;color:var(--green);background:#f5faf4;border:1px solid #d7e4d8;border-radius:6px;padding:9px 12px;font-size:11px}@media (max-width:600px){.header-actions{gap:4px}.orders-link,.header-actions .wallet{font-size:10px}.header-actions .wallet small{display:none}}.trade:disabled{opacity:.55;cursor:not-allowed}.make-ad{background:var(--green);color:#fff;border:0;border-radius:6px;padding:11px 15px;font-size:11px;font-weight:700}.maker-caution{color:#788879;margin:0 0 16px;font-size:11px}.maker-form{border:1px solid var(--line);background:#f8faf7;border-radius:8px;margin:15px 0 20px;padding:19px}.maker-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.maker-form-grid input,.maker-form-grid select{width:100%;min-width:0}.maker-form .primary{max-width:180px;margin-top:18px}.owned-ad{gap:20px}.owned-actions{flex-wrap:wrap;gap:6px;display:flex}.owned-actions button{white-space:nowrap}@media (max-width:850px){.maker-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.maker-form-grid{grid-template-columns:1fr}.owned-ad{flex-direction:column;align-items:flex-start!important}.header-actions{gap:3px}.orders-link{padding:3px}}.mobile-scroll-hint{display:none}@media (max-width:600px){header{flex-wrap:wrap;gap:4px 12px;height:auto;min-height:87px;padding-top:10px;padding-bottom:0}header .logo{order:0}.header-actions{white-space:nowrap;order:1}.header-actions .wallet{white-space:nowrap}header nav{order:2;gap:22px;width:100%;height:34px}header nav a{white-space:nowrap}.maker-form-grid{grid-template-columns:1fr}.owned-ad{flex-direction:column;align-items:flex-start!important}.orders-link{padding:3px}.price-note{display:none}.mobile-scroll-hint{color:#698575;display:inline}}.incoming-orders{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.incoming-orders h3{margin:6px 0 12px;font-size:14px}.incoming-orders>p{color:var(--muted);font-size:11px}.incoming-item,.order-list-item{border-top:1px solid var(--line)}.incoming-main{justify-content:space-between;align-items:center;gap:18px;padding:16px 0;display:flex}.incoming-main strong{font-size:12px}.incoming-main p{color:var(--muted);margin:6px 0 0;font-size:11px}.order-list-item article{border-top:0}.order-history{color:#607566;background:#f5f8f3;border-radius:7px;margin:0 0 15px;padding:11px 11px 11px 28px;font-size:11px;line-height:2}.order-history li::marker{color:var(--green)}@media (max-width:600px){.incoming-main{flex-direction:column;align-items:flex-start}}.incoming-heading{justify-content:space-between;align-items:center;display:flex}.incoming-heading button{color:var(--green);background:#f5faf4;border:1px solid #d7e4d8;border-radius:6px;padding:8px 11px;font-size:11px}.chain-panel{color:#526b5c;background:#f8fbf7;border:1px solid #d8e6dc;border-radius:8px;margin:0 0 15px;padding:12px;font-size:11px}.chain-panel p{overflow-wrap:anywhere;line-height:1.7}.chain-panel button{color:#076c50;background:#eaf5ed;border:1px solid #c9dfce;border-radius:6px;margin:4px 7px 4px 0;padding:8px 11px;font-size:11px;font-weight:700}.chain-panel button:disabled{opacity:.45;cursor:not-allowed}.chain-content{border-top:1px solid #dce9dd;margin-top:8px;padding-top:9px}.chain-content strong{color:#174c3c}.chain-deposit{background:#fff;border:1px solid #e1ebe1;border-radius:7px;margin:9px 0;padding:8px 11px}.chain-content .order-history{margin-top:10px}.order-conversation{background:#fff;border:1px solid #dce6df;border-radius:8px;margin:0 0 14px;padding:10px 12px;font-size:12px}.conversation-toggle,.conversation-content form button{color:#076c50;background:#eaf5ed;border:1px solid #c9dfce;border-radius:6px;padding:8px 11px;font-size:11px;font-weight:700}.conversation-content{border-top:1px solid #e3ebe5;margin-top:10px;padding-top:10px}.conversation-note{color:#617466;font-size:11px;line-height:1.6}.conversation-items{gap:8px;max-height:300px;margin:12px 0;padding:0;list-style:none;display:grid;overflow:auto}.conversation-items li{overflow-wrap:anywhere;background:#f4f7f4;border-radius:7px;padding:8px 10px}.conversation-items li.conversation-self{background:#eaf5ed}.conversation-items li.conversation-state{background:#f7f5ed}.conversation-items span{color:#607566;font-size:10px}.conversation-items p{white-space:pre-wrap;margin:4px 0 0;line-height:1.5}.conversation-content form label{color:#315b48;font-weight:700;display:block}.conversation-content textarea{box-sizing:border-box;resize:vertical;width:100%;font:inherit;color:#183a2d;border:1px solid #cddbd0;border-radius:6px;margin-top:6px;padding:9px;display:block}.conversation-content form>div{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.conversation-content form small{color:#617466}.conversation-content form button:disabled{opacity:.45;cursor:not-allowed}.order-safety{color:#5d5549;background:#fffdf9;border:1px solid #e4dfd4;border-radius:8px;margin:0 0 14px;padding:10px 12px;font-size:11px}.order-safety button{color:#6e4b20;background:#f8f0df;border:1px solid #d9ceb9;border-radius:6px;padding:8px 11px;font-size:11px;font-weight:700}.order-safety button:disabled{opacity:.45;cursor:not-allowed}.safety-content{border-top:1px solid #e9e2d5;margin-top:10px;padding-top:8px}.safety-content p{overflow-wrap:anywhere;line-height:1.6}.safety-content form{gap:9px;margin:14px 0;display:grid}.safety-content label{gap:5px;font-weight:700;display:grid}.safety-content select,.safety-content textarea{box-sizing:border-box;width:100%;font:inherit;color:#302820;background:#fff;border:1px solid #d9ceb9;border-radius:6px;padding:8px}.safety-content textarea{resize:vertical}.safety-content form button{justify-self:start}.safety-note{color:#766d60}.chain-terms{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0;display:grid}.chain-terms div{background:#fff;border:1px solid #e1ebe1;border-radius:6px;min-width:0;padding:9px}.chain-terms dt{color:#778c7e;margin-bottom:5px}.chain-terms dd{overflow-wrap:anywhere;margin:0;font-weight:600;line-height:1.6}@media (max-width:600px){.chain-terms{grid-template-columns:1fr}}.chain-recovery{background:#edf7f0;border:1px solid #b8d6c3;border-radius:7px;margin:10px 0;padding:10px 12px}.chain-recovery p{overflow-wrap:anywhere;margin:5px 0}.chain-error{color:#873f28;background:#fff2ed;border-color:#e9bdad}.chain-error button{color:#873f28;background:#fff;border-color:#dfa997}.chain-gas-preview{background:#f0f8f2;border:1px solid #a8ccb4;border-radius:7px;margin:12px 0;padding:11px 13px}.chain-gas-preview p{margin:6px 0;line-height:1.6}.chain-gas-preview strong{color:#155a40}.order-status-filters{flex-wrap:wrap;gap:7px;margin:0 0 15px;display:flex}.order-status-filters button{color:#526b5c;background:#fff;border:1px solid #d7e4d8;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:600}.order-status-filters button[aria-pressed=true]{color:#076c50;background:#e7f3ec;border-color:#7fb49a}.order-status-filters span{font-variant-numeric:tabular-nums;margin-left:3px}.order-filter-empty{padding:15px 0}.order-timeline{background:#f5f8f3;border-radius:7px;margin:0 0 15px;padding:13px 15px}.order-timeline h4{margin:0 0 10px;font-size:12px}.order-timeline .order-history{background:0 0;margin:0;padding:0 0 0 21px;line-height:1.5}.order-timeline li{padding:0 0 11px 3px}.order-timeline li:last-child{padding-bottom:0}.order-timeline li strong{color:#214e3b;font-size:11px;display:block}.order-timeline li span{color:#607566;font-size:10px;display:block}.language-select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;min-width:110px;padding:8px 10px}.auth-page{background:var(--bg);min-height:100vh;padding:24px}.auth-header{justify-content:space-between;align-items:center;max-width:1100px;margin:auto;display:flex}.auth-card{border:1px solid var(--line);background:#fff;border-radius:18px;width:min(100%,440px);margin:8vh auto 0;padding:32px;box-shadow:0 20px 60px #153a2612}.auth-card h1{margin:12px 0 24px;font-size:28px}.auth-card form{gap:17px;display:grid}.auth-card label{gap:7px;font-weight:700;display:grid}.auth-card input,.auth-card select{width:100%;color:var(--ink);background:#fff;border:1px solid #cbd7ce;border-radius:8px;padding:12px 13px}.auth-card .primary{width:100%;margin-top:6px;padding:13px}.auth-card .error{color:#9a302e}.auth-card p{line-height:1.65}.auth-help{color:var(--muted);margin:-5px 0 0;font-size:12px}.auth-bottom{text-align:center;color:var(--muted);margin:23px 0 0}.auth-bottom a,.auth-link{color:var(--green);font-weight:700}.auth-link{margin-top:15px;display:inline-block}.header-auth{align-items:center;gap:9px;display:flex}.header-auth a{color:var(--ink);font-size:12px;font-weight:700;text-decoration:none}.header-auth .signup-link{background:var(--green);color:#fff;border-radius:8px;padding:9px 13px}.header-account{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:12px;overflow:hidden}.header-auth button{color:var(--green);background:0 0;border:0;font-weight:700}@media (max-width:650px){.auth-page{padding:16px}.auth-card{margin:6vh auto 0;padding:24px}.header-auth{flex-wrap:wrap;justify-content:flex-end;gap:5px}.header-account{max-width:100px}.language-select{min-width:90px}}.header-auth{margin-left:auto}.header-auth .language-select{height:38px}@media (max-width:700px){header .header-auth{order:1;margin-left:auto}header nav{order:2;width:100%;height:38px}header .header-account{display:none}.header-auth a,.header-auth button{font-size:11px}.header-auth .language-select{min-width:82px;max-width:92px;font-size:11px}header{column-gap:10px}}@media (max-width:380px){.header-auth .signup-link{display:none}}