:root{color-scheme:light;--bg:#eee5fb;--paper:#faf7fe;--ink:#171222;--muted:#665a75;--violet:#6735b5;--line:#d9ccec;--coral:#ff5353;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 48% 0%,#f4ebff 0,#eee5fb 55%,#e9def8 100%);color:var(--ink)}button,input,select{font:inherit;color:inherit}button,select,summary{cursor:pointer}button{border:0}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #8048ce;outline-offset:3px}h1,h2,h3,p{margin:0}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.topbar{height:68px;display:flex;align-items:center;gap:30px;padding:0 clamp(20px,3vw,52px);background:#f0e6fcdf;border-bottom:1px solid #dfd2ed;position:sticky;top:0;z-index:4;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;color:#171021;text-decoration:none;white-space:nowrap}.topnav{display:flex;align-items:center;gap:5px;padding-left:24px;border-left:1px solid #c8b7dc}.topnav button{display:flex;align-items:center;gap:8px;padding:10px 15px;border-radius:30px;background:transparent;font-size:13px;font-weight:700;white-space:nowrap}.topnav button.active{background:#ffacad;color:#591b26}.topnav button:hover:not(.active){background:#e8daf7}.top-end{display:flex;align-items:center;gap:10px;margin-left:auto}.chain,.wallet-button{display:flex;align-items:center;gap:8px;padding:11px 15px;border-radius:25px;font-size:12px;font-weight:750;white-space:nowrap}.chain{background:#faf7ff;color:#2c2338}.chain i,.fact-dot{display:block;width:9px;height:9px;border-radius:50%;background:var(--coral)}.wallet-button,.create,.search-jump,.accept,.primary{background:var(--coral);color:#fff;font-weight:750;box-shadow:0 3px 0 #db3f47}.wallet-button:hover,.create:hover,.search-jump:hover,.accept:hover,.primary:hover{background:#ef414a}.wallet-button .icon{width:18px;height:18px}
.content{max-width:1720px;margin:0 auto;padding:21px clamp(20px,4.5vw,76px) 55px}.demo-notice{display:flex;align-items:center;gap:9px;color:#6d5369;font-size:11px;margin:0 0 15px}.demo-notice span{background:#ffdedf;color:#b53946;border-radius:5px;padding:3px 6px;font-size:9px;font-weight:800;letter-spacing:.08em}.hero{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:0 0 22px}.eyebrow{color:#8a5fa9;font-size:10px;font-weight:800;letter-spacing:.14em;margin-bottom:8px}h1{font-size:clamp(34px,3.4vw,54px);line-height:1.05;letter-spacing:-2px;font-weight:800}.hero p{color:#5e506e;font-size:16px;margin-top:9px}.hero-facts{display:flex;align-items:center;background:#f8f4febd;border:1px solid #fff9;border-radius:16px;padding:13px 14px;flex:none}.hero-facts>div{display:flex;align-items:center;gap:9px;padding:0 17px;border-right:1px solid #dfd3ee}.hero-facts>div:last-child{border:0}.hero-facts .icon{color:#7751c2;width:23px;height:23px}.hero-facts>div:first-child .icon{color:var(--coral)}.hero-facts strong,.hero-facts small{display:block}.hero-facts strong{font-size:12px}.hero-facts small{font-size:10px;color:#746583;margin-top:3px}
.discovery{border:1px solid #fff9;background:#faf7fddc;padding:13px;border-radius:17px;box-shadow:0 5px 13px #73549619}.filters-grid{display:grid;grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr) auto;gap:12px;align-items:center}.filters-grid label{display:flex;align-items:center;gap:13px;min-width:0}.filters-grid label span{font-size:14px;font-weight:800;white-space:nowrap;padding-left:7px}.filters-grid select{height:47px;min-width:0;flex:1;border:1px solid #cbb8e1;border-radius:11px;background:#fbf8ff;padding:0 12px;color:#55476a;font-size:12px}.filters-grid>button:not(.search-jump){display:grid;place-items:center;width:46px;height:46px;background:#f4edfb;color:#7140bd;border-radius:12px}.search-jump{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;padding:0 17px;height:47px;white-space:nowrap;font-size:12px}.search-jump .icon{width:17px}
.market-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:18px;margin-top:22px}.sidebar{min-width:0}.filter-panel,.wallet-panel{background:#faf7fece;border:1px solid #e2d5f2;border-radius:15px;box-shadow:0 5px 12px #73549619}.filter-panel summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:17px 16px;font-size:16px;font-weight:800}.filter-panel summary::-webkit-details-marker{display:none}.filter-panel summary>span:first-child{display:flex;align-items:center;gap:9px}.summary-arrow{color:#7f6a91}.filter-body{padding:0 16px 16px}.filter-group{padding:16px 0;border-top:1px solid #e6dbee}.filter-group label,.filter-group h3{display:block;font-size:12px;font-weight:800;margin-bottom:9px}.search{display:flex;align-items:center;gap:6px;border:1px solid #cbb8e1;border-radius:8px;background:#fcfaff;padding:0 9px;height:39px}.search .icon{width:16px;color:#705b83}.search input{background:transparent;border:0;outline:0;width:100%;min-width:0;font-size:11px}.search input::placeholder{color:#8c7d99}.quick-filters{display:grid;gap:3px}.quick-filters button{display:flex;align-items:center;text-align:left;gap:9px;padding:7px 0;background:transparent;font-size:11px;color:#332b3c}.quick-filters button:before{content:"";width:15px;height:15px;flex:none;border:1.5px solid #ae9ac6;border-radius:4px;background:white}.quick-filters button.selected:before{content:"✓";display:grid;place-items:center;border-color:var(--coral);background:var(--coral);color:#fff;font-size:11px;font-weight:800}.reset{width:100%;border:1px solid #ccbce0;border-radius:9px;background:#f9f5fe;padding:10px;color:#5b476e;font-size:12px;font-weight:700}.reset:hover,.side-wallet:hover{background:#eee3fa}.wallet-panel{padding:16px;margin-top:14px}.sidebar-heading{font-size:13px;font-weight:800}.sidebar-heading span{display:inline-block;width:7px;height:7px;background:#b9a6c6;border-radius:50%;margin-left:5px}.side-description{font-size:11px;color:#746981;line-height:1.5;margin:8px 0}.side-wallet{width:100%;border:1px solid #d4c4e5;background:#faf7fe;border-radius:9px;padding:9px;font-size:11px;font-weight:700}.balance-list{display:grid}.balance-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #e4d8ef;font-size:12px}.balance-row b:last-child{margin-left:auto;font-variant-numeric:tabular-nums;max-width:115px;overflow:hidden;text-overflow:ellipsis}
.results{min-width:0}.list-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;min-height:44px}.list-heading>div:first-child{display:flex;align-items:baseline;gap:10px}.list-heading h2{font-size:24px;letter-spacing:-.7px}.list-heading #count{color:#897999;font-size:11px}.results-actions{display:flex;align-items:center;gap:12px}.sort-label{display:flex;align-items:center;gap:4px;border:1px solid #ddccef;background:#faf7fe;border-radius:10px;padding:0 8px;height:39px;font-size:11px;font-weight:700;white-space:nowrap}.sort-label select{border:0;background:transparent;font-size:11px;padding:0 5px}.create{display:flex;align-items:center;gap:7px;padding:10px 14px;border-radius:10px;white-space:nowrap;font-size:12px}.create .icon{width:18px;height:18px}.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.offer-card{background:#fbf8fede;border:1px solid #e0d3ee;border-radius:15px;padding:14px;min-width:0;box-shadow:0 5px 10px #7354961c;transition:transform .18s,box-shadow .18s}.offer-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px #7354962a}.card-top{display:flex;align-items:center;gap:9px}.avatar{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;flex:none;font-weight:800;color:#602749}.avatar.a{background:#ffb36a}.avatar.b{background:#ffd176}.avatar.c{background:#ff9faf}.avatar.d{background:#9cb1fa}.avatar.e{background:#9bda8b}.avatar.f{background:#ff7775}.card-person{min-width:0}.card-person strong{display:block;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-person small{display:block;font-size:10px;color:#7f6e8f;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:3px}.badge{margin-left:auto;align-self:flex-start;border-radius:25px;background:#eae0f9;color:#6943ac;padding:5px 7px;font-size:8px;font-weight:800;white-space:nowrap}.badge.mine{background:#ffe2e3;color:#ae3f4b}.baskets{display:grid;grid-template-columns:minmax(0,1fr) 19px minmax(0,1fr);align-items:stretch;gap:5px;margin:15px 0}.basket{min-width:0;min-height:91px;padding:10px 9px;background:#eee5fa;border-radius:10px}.basket:first-child{background:#fae2eb}.basket-label{font-size:10px;font-weight:800;color:#5d3b91;margin-bottom:8px}.basket:first-child .basket-label{color:#aa3545}.basket-items{display:grid;gap:7px}.asset{display:flex;align-items:center;gap:5px;min-width:0;font-size:10px}.asset strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset b{margin-left:auto;font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.coin{width:23px;height:23px;display:inline-grid;place-items:center;flex:none;border-radius:50%;font-size:8px;font-weight:800;color:#fff;background:#715cac;position:relative;overflow:hidden}.coin img{position:absolute;width:100%;height:100%;object-fit:cover;background:#ddd}.coin.eth,.coin.weth{background:#6872cb}.coin.usdg{background:#218bc4}.coin.cashcat{background:#d88843}.coin.pons{background:#775bc1}.coin.aapl{background:#505b63}.basket-arrow{align-self:center;text-align:center;color:#4f346e;font-size:18px}.any-offer{font-size:10px;line-height:1.5;color:#6a4d84}.card-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:7px}.card-actions button{height:37px;border-radius:9px;font-size:10px;font-weight:750}.counter{grid-column:1;grid-row:1;border:1px solid #c8b6dc;background:#fcfaff;color:#392d45}.counter:hover{background:#f2eafa}.accept{grid-column:2;grid-row:1}.empty{grid-column:1/-1;padding:44px 20px;text-align:center;border:1px dashed #c7b4dc;border-radius:15px;background:#faf7fe;font-size:13px;color:#7b6c88;line-height:1.6}.empty strong{display:block;color:#292031;font-size:16px;margin-bottom:4px}.empty button{background:transparent;color:#d9424f;font-weight:800;margin-top:10px}footer{display:flex;justify-content:space-between;color:#9887a7;font-size:11px;margin-top:28px}footer button{background:transparent;color:#705892;font-size:11px}
/* Dialogs and local draft editor */
dialog{color:var(--ink);width:min(760px,calc(100% - 28px));max-height:min(90vh,850px);overflow:auto;background:#fdfaff;border:1px solid #d6c5e7;border-radius:18px;padding:22px;box-shadow:0 26px 80px #30203a50}dialog::backdrop{background:#291b3b99;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #e4d8ee;padding-bottom:16px;margin-bottom:18px}.dialog-head span{color:#9065b1;font-size:10px;letter-spacing:.12em;font-weight:700}.dialog-head h2{font-size:23px;letter-spacing:-.6px;margin-top:5px}.dialog-head button{background:none;color:#655475;font-size:25px;line-height:1}.dialog-copy{color:#695a78;font-size:13px;line-height:1.6}.dialog-copy strong{color:#251c31}.dialog-note{background:#fff0f0;border:1px solid #ffd5d5;color:#8b4550;border-radius:10px;padding:11px;font-size:12px;line-height:1.5;margin:14px 0}.composer-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compose-box{border:1px solid #e1d4ee;border-radius:13px;padding:14px;background:#f8f2fd}.compose-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.compose-title b{font-size:13px}.compose-title button{background:none;color:#c73748;font-size:11px}.compose-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 20px;gap:6px;align-items:center;margin:8px 0}.compose-row select,.compose-row input,.detail-input{width:100%;height:38px;border:1px solid #d5c3e5;border-radius:8px;padding:0 8px;background:#fff;font-size:11px;min-width:0}.compose-row input{font-variant-numeric:tabular-nums}.compose-row button{background:none;color:#806d8e;font-size:20px}.compose-empty{color:#8d7b9a;font-size:12px;padding:8px 0}.compose-options{display:flex;align-items:center;gap:9px;font-size:12px;margin:16px 0}.compose-options input{accent-color:var(--coral)}.details-label{display:block;color:#776781;font-size:11px;margin:12px 0 7px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:19px}.dialog-actions button{border-radius:9px;padding:11px 15px;font-size:12px;font-weight:700}.secondary{border:1px solid #d3c1e3;background:#faf5ff}.primary{box-shadow:none}.dialog-error{color:#c73543;font-size:12px;min-height:16px;margin-top:10px}#toast{position:fixed;bottom:20px;right:20px;background:#372845;color:#fff;border-radius:10px;padding:12px 16px;font-size:12px;box-shadow:0 8px 35px #0003;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10}#toast.visible{opacity:1}.mobile-nav{display:none}
@media(max-width:1400px){.hero-facts>div{padding:0 10px}.topbar{gap:16px}.topnav{padding-left:14px}.topnav button{padding:9px 10px}}
@media(max-width:1200px){.offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.hero-facts{display:none}.topnav{display:none}.filters-grid{grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr)}.search-jump{grid-column:1/-1}.content{padding:20px 22px 100px}.mobile-nav{position:fixed;z-index:5;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;padding:7px 10px calc(7px + env(safe-area-inset-bottom));background:#fbf8fefa;border-top:1px solid #dbcbe9;backdrop-filter:blur(14px)}.mobile-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;background:transparent;color:#786685;font-size:10px;padding:7px 2px;border-radius:10px}.mobile-nav button.active{color:#bb3545;background:#ffdddf}.mobile-nav button .icon{width:19px;height:19px}#toast{bottom:85px}}
@media(max-width:700px){.topbar{height:62px;padding:0 16px}.chain{display:none}.wallet-button{font-size:10px;padding:10px;max-width:160px}.wallet-button b{overflow:hidden;text-overflow:ellipsis}.content{padding:16px 15px 100px}.hero{margin-bottom:17px}.hero p{font-size:13px;line-height:1.45}.eyebrow{font-size:9px}h1{font-size:34px;letter-spacing:-1px}.demo-notice{font-size:10px;line-height:1.4}.filters-grid{grid-template-columns:1fr 38px 1fr;gap:6px}.filters-grid label{display:block}.filters-grid label span{display:block;font-size:11px;padding:0;margin-bottom:6px}.filters-grid select{width:100%;height:42px;padding:0 5px;font-size:10px}.filters-grid>button:not(.search-jump){width:38px;height:42px;align-self:end}.search-jump{height:42px}.market-layout{grid-template-columns:1fr;gap:14px;margin-top:16px}.filter-panel summary{padding:13px 15px}.filter-body{padding:0 15px 14px}.filter-group{padding:12px 0}.wallet-panel{margin-top:10px}.list-heading{align-items:flex-start}.list-heading>div:first-child{display:block}.list-heading h2{font-size:20px}.list-heading #count{display:block;margin-top:3px}.results-actions{gap:6px;flex-wrap:wrap;justify-content:flex-end}.sort-label span{display:none}.create{font-size:10px;padding:10px}.offer-grid{grid-template-columns:1fr}.composer-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}.offer-card:hover{transform:none}}
/* Layout matched to the supplied exchange reference. */
body{background:#eee4fa}.topbar{padding:0 38px;gap:35px;height:66px}.brand{gap:9px;font-size:23px;font-weight:800;letter-spacing:-.7px}.brand-icon{width:34px;height:34px;color:#ff5353;flex:none}.topnav{gap:8px;padding-left:34px}.topnav button,.topnav a{display:flex;align-items:center;gap:9px;padding:10px 13px;border-radius:30px;font-size:14px;font-weight:750;color:#171222;text-decoration:none;white-space:nowrap}.topnav a:hover,.topnav button:hover:not(.active){background:#e8daf7}.topnav button.active{background:#ffa7a9;color:#280d19}.top-end{gap:16px}.chain{gap:7px;font-size:12px}.chain .brand-icon{width:23px;height:23px}.chain span{font-size:18px}.wallet-button{font-size:12px;padding:11px 17px}.content{max-width:none;padding:17px 10px 40px;position:relative;overflow:hidden}.hero,.discovery{position:relative;z-index:1;margin-left:clamp(30px,3.1vw,52px);margin-right:clamp(30px,3.1vw,52px)}.hero{margin-bottom:22px;align-items:center;min-height:91px}.hero h1{font-size:clamp(38px,3.2vw,53px);letter-spacing:-1.8px}.hero p{font-size:18px;color:#51445f;margin-top:5px}.hero .demo-caption{font-size:10px;font-weight:700;letter-spacing:.02em;color:#8a6175;margin-top:5px}.hero-facts{padding:15px 12px;background:#faf6ffb8;border:0;min-width:36%;justify-content:space-between}.hero-facts>div{padding:0 20px;gap:12px}.hero-facts strong{font-size:18px}.hero-facts small{font-size:11px}.hero-facts .icon{width:30px;height:30px}.discovery{padding:13px 16px;background:#f9f4fe;border-radius:16px}.filters-grid{grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr) 226px;gap:16px}.filters-grid label{gap:20px}.filters-grid label>span:first-child{font-size:19px;padding-left:12px}.filters-grid label .select-wrap{padding:0;display:flex;align-items:center;gap:8px;border:1.5px solid #c7b4df;background:#fbf8fe;border-radius:12px;height:49px;flex:1;min-width:0}.select-wrap .icon{margin-left:15px;width:22px;height:22px;color:#150e1d}.filters-grid select{border:0;background:transparent;height:100%;padding:0 8px 0 0;font-size:13px;width:100%}.filters-grid>button:not(.search-jump){height:49px;width:56px}.search-jump{height:49px;font-size:14px}.market-layout{grid-template-columns:326px minmax(0,1fr);gap:16px;margin-top:27px}.filter-panel{border-radius:17px}.filter-title{display:flex;justify-content:space-between;align-items:center;padding:15px 20px 10px;font-weight:800;font-size:18px}.filter-title>span{display:flex;align-items:center;gap:11px}.filter-title button{background:transparent;font-size:23px;line-height:1}.filter-body{padding:0 20px 20px}.filter-group{padding:11px 0;border-top:1px solid #e5d9ef}.filter-group label,.filter-group h3{font-size:14px;margin-bottom:7px}.filter-group h3{display:flex;justify-content:space-between}.filter-group select,.amount-filter input{width:100%;height:33px;border:1.5px solid #d1c1e6;border-radius:8px;background:#fbf8ff;padding:0 10px;color:#544165;font-size:11px}.amount-filter{display:flex;align-items:center;gap:11px}.amount-filter input{min-width:0}.quick-filters{gap:0}.quick-filters button{padding:5px 0;font-size:12px}.search{height:34px}.filter-actions{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin-top:14px}.filter-actions .apply{background:#ff5353;color:white;border-radius:10px;font-size:13px;font-weight:800;box-shadow:0 3px 0 #dd444a}.reset{height:40px}.wallet-panel{margin-top:12px;padding:12px 15px}.side-description{margin:5px 0}.list-heading{min-height:47px;margin-bottom:15px}.list-heading h2{font-size:27px}.list-heading #count{display:block;font-size:10px;margin-top:3px}.results-actions{flex:1;justify-content:flex-end;gap:15px}.sort-label{height:42px;padding:0 12px;font-size:12px}.sort-label select{font-size:12px;font-weight:750}.view-toggle{display:flex;background:#fbf7ff;border-radius:11px;overflow:hidden;box-shadow:0 2px 4px #70518d1d}.view-toggle button{display:grid;place-items:center;width:42px;height:42px;background:transparent;color:#6341ae}.view-toggle button.selected{background:#ff6161;color:white}.create{margin-left:auto;font-size:14px;padding:10px 20px}.offer-grid{gap:12px}.offer-card{padding:15px;border-radius:15px;min-height:249px;display:flex;flex-direction:column}.card-top{gap:12px}.avatar{width:44px;height:44px;font-size:20px}.card-person strong{font-size:14px}.card-person small{font-size:11px}.badge{font-size:10px;padding:6px 9px;text-transform:none}.baskets{margin:12px 0;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr)}.basket{min-height:82px;padding:10px 12px}.basket-label{font-size:11px}.asset{font-size:12px;gap:6px}.asset b{font-size:11px}.coin{width:30px;height:30px;font-size:9px}.basket-arrow{font-size:21px}.card-extra{display:flex;align-items:end;justify-content:space-between;margin:0 0 10px;color:#49375c;font-size:10px;line-height:1.3}.card-extra strong{display:block;color:#171222;font-size:11px}.expiry{border-radius:20px;background:#ffe4da;color:#b34431;padding:5px 9px;font-size:10px;white-space:nowrap}.card-actions{margin-top:auto;display:grid;grid-template-columns:40px minmax(0,1.2fr) minmax(0,1fr);gap:7px}.card-actions button{height:37px;font-size:10px}.counter{grid-column:2}.accept{grid-column:3}.bookmark{grid-column:1;grid-row:1;border:1px solid #c8b6dc;background:#fcfaff;border-radius:9px;color:#3a2c47;font-size:17px!important}.bookmark.saved{color:#ff5353;background:#ffe4e7}.offer-grid.list-view{grid-template-columns:1fr}.offer-grid.list-view .offer-card{min-height:0}.offer-grid.list-view .baskets{max-width:720px}.offer-grid.list-view .card-actions{max-width:450px;margin-left:auto;width:100%}.decor{position:absolute;width:105px;height:50px;background:#ffa4a3;border-radius:40px;transform:rotate(-48deg);z-index:0;opacity:.9}.decor-left{top:64px;left:-60px;box-shadow:-75px 65px 0 #ffa4a3}.decor-right{right:-50px;top:110px;transform:rotate(-75deg)}
@media(max-width:1500px){.topbar{gap:14px;padding:0 20px}.topnav{padding-left:14px;gap:2px}.topnav button,.topnav a{padding:10px 9px;font-size:12px}.hero-facts>div{padding:0 9px}.hero-facts strong{font-size:16px}.market-layout{grid-template-columns:270px minmax(0,1fr)}.filters-grid{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr) 170px;gap:9px}.filters-grid>button:not(.search-jump){width:48px}.filters-grid label{gap:8px}.filters-grid label>span:first-child{font-size:15px;padding-left:4px}}
@media(max-width:1200px){.offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-facts{min-width:38%}}
@media(max-width:1000px){.topnav{display:none}.hero-facts{display:none}.filters-grid{grid-template-columns:minmax(0,1fr) 45px minmax(0,1fr)}.search-jump{grid-column:1/-1}.hero,.discovery{margin-left:10px;margin-right:10px}.content{padding-bottom:100px}.mobile-nav{background:#faf7fefa}}
@media(max-width:700px){.topbar{padding:0 13px}.brand{font-size:17px}.brand-icon{width:28px;height:28px}.wallet-button{font-size:10px}.content{padding:14px 12px 100px}.hero,.discovery{margin-left:0;margin-right:0}.hero{min-height:0}.hero h1{font-size:34px}.hero p{font-size:13px}.hero .demo-caption{font-size:9px}.filters-grid{grid-template-columns:1fr 38px 1fr;gap:6px}.filters-grid label>span:first-child{font-size:11px;padding:0}.filters-grid label .select-wrap{height:43px}.select-wrap .icon{display:none}.filters-grid select{font-size:10px;padding:0 4px}.filters-grid>button:not(.search-jump){width:38px;height:43px}.market-layout{grid-template-columns:1fr;margin-top:16px}.filter-title{padding:12px 15px}.filter-body{padding:0 15px 14px}.wallet-panel{margin-top:10px}.list-heading h2{font-size:21px}.results-actions{justify-content:flex-end}.sort-label span{display:none}.view-toggle button{width:36px;height:36px}.create{margin-left:0;font-size:10px;padding:9px}.offer-grid{grid-template-columns:1fr}.decor{display:none}}

.bookmark,.counter{display:flex;align-items:center;justify-content:center;gap:6px}.bookmark .icon,.counter .icon{width:17px;height:17px}.bookmark.saved .icon{fill:#ff8b8b}
/* Wallet and demo conversations */
.nav-demo{font-size:8px;letter-spacing:.04em;color:#c83e4e;background:#ffe0e2;border-radius:5px;padding:3px 4px}.wallet-address{margin:11px 0;padding:10px;border-radius:10px;background:#f1e8fa;border:1px solid #e2d4ef}.wallet-address[hidden]{display:none}.wallet-address>span{font-size:10px;font-weight:750;color:#806b91}.wallet-address>div{display:flex;align-items:center;gap:7px;margin-top:5px}.wallet-address code{font-size:10px;color:#4c3d5c;word-break:break-all;line-height:1.35;flex:1}.wallet-address button,.account-address button{background:#fff;border:1px solid #decfe9;color:#8f405b;border-radius:7px;padding:6px 8px;font-size:10px;font-weight:800}.wallet-address button:hover,.account-address button:hover{background:#ffe9eb}.account-address{display:flex;align-items:center;gap:10px;padding:13px;margin:9px 0;background:#f5edf9;border:1px solid #e7d7f1;border-radius:10px}.account-address code{flex:1;font-size:12px;word-break:break-all}.account-network{display:flex;align-items:center;gap:8px;color:#6e6079;font-size:12px;margin:15px 0}.account-dot{width:8px;height:8px;border-radius:50%;background:#eaa253}.account-dot.connected{background:#39ba71}.account-explorer{align-self:center;margin-right:auto;color:#76539b;font-size:12px;font-weight:700;text-decoration:none}.account-explorer:hover{text-decoration:underline}
.message-offer{display:flex;align-items:center;gap:6px;margin-top:10px;padding:10px 0 0;border-top:1px solid #eee5f4;background:transparent;color:#795b96;text-align:left;font-size:11px;font-weight:700}.message-offer .icon{width:15px;height:15px}.message-offer span{margin-left:auto;font-size:15px}.message-offer:hover{color:#e34856}.chat-launcher{position:fixed;right:24px;bottom:24px;z-index:5;display:flex;align-items:center;gap:9px;background:#ff5353;color:white;border-radius:15px;padding:14px 17px;font-size:13px;font-weight:800;box-shadow:0 8px 24px #9c475852}.chat-launcher:hover{background:#e9444c}.chat-panel{position:fixed;z-index:8;right:24px;bottom:24px;display:flex;flex-direction:column;width:min(370px,calc(100vw - 24px));height:min(555px,calc(100dvh - 48px));background:#fcf9ff;border:1px solid #dfd0ed;border-radius:18px;overflow:hidden;box-shadow:0 18px 55px #3421413c}.chat-panel[hidden]{display:none}.chat-header{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 19px 14px;background:#f8f1fd;border-bottom:1px solid #eadcf2}.chat-header strong{font-size:16px;letter-spacing:-.2px}.chat-header strong span{font-size:9px;color:#bd4555;background:#ffe0e2;border-radius:5px;padding:4px 6px;vertical-align:2px;margin-left:5px}.chat-header p{font-size:11px;color:#8a769b;margin-top:3px}.chat-header button{background:transparent;color:#746183;font-size:24px;line-height:1}.chat-warning{background:#fff1eb;border-bottom:1px solid #ffe0d5;padding:10px 16px;color:#986057;font-size:10px;line-height:1.4}.chat-conversation{padding:14px 17px 12px;border-bottom:1px solid #eee5f3}.chat-conversation label{display:block;color:#a18dae;font-size:9px;font-weight:800;letter-spacing:.09em;margin-bottom:6px}.chat-conversation select{height:37px;width:100%;border:1px solid #decee9;background:#fff;border-radius:9px;padding:0 10px;font-size:12px;font-weight:650}.chat-messages{flex:1;min-height:0;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(#fbf7fe,#f8f2fc)}.chat-system{text-align:center;margin:auto 12px;padding:20px 8px;color:#7a6888}.chat-system-icon{display:grid;place-items:center;width:39px;height:39px;margin:0 auto 10px;color:#d95161;background:#ffe4e8;border-radius:13px}.chat-system strong{display:block;color:#51405e;font-size:12px}.chat-system p{font-size:11px;line-height:1.5;margin-top:5px}.chat-bubble{align-self:flex-end;background:#ffdfdf;border:1px solid #ffd0d4;color:#4b2739;padding:10px 12px;border-radius:13px 13px 3px 13px;max-width:88%;font-size:12px}.chat-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}.chat-bubble small{display:block;color:#a06b7a;font-size:9px;margin-top:5px;text-align:right}.chat-form{display:flex;gap:8px;padding:12px;border-top:1px solid #eadfed;background:#fff}.chat-form input{min-width:0;flex:1;border:1px solid #e0d3e9;border-radius:10px;background:#fbf8fd;padding:10px 11px;font-size:12px}.chat-form button{background:#ff5353;color:#fff;border-radius:10px;padding:0 14px;font-size:11px;font-weight:800}.chat-form button:hover{background:#e9444c}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1001px) and (max-width:1250px){.topnav [data-action="wallet"],.topnav a{display:none}}
@media(max-width:1000px){.mobile-nav{grid-template-columns:repeat(5,1fr)}.chat-launcher{bottom:86px;right:14px}.chat-panel{right:12px;bottom:80px;height:min(555px,calc(100dvh - 100px))}}
@media(max-width:420px){.chat-launcher{padding:12px}.chat-launcher span{display:none}.chat-panel{right:8px;width:calc(100vw - 16px)}.account-address{align-items:flex-start}.dialog-actions{flex-wrap:wrap}}
/* Composer reflects the connected wallet's available assets. */
.inventory-hint{font-size:11px;line-height:1.5;color:#77677e;margin:-3px 0 10px}.inventory-alert{font-size:11px;line-height:1.5;color:#a43f4c;background:#fff0f0;border:1px solid #ffd5d5;border-radius:9px;padding:9px 11px;margin:0 0 12px}.inventory-connect{border:1px solid #ffb3b9;background:#fff8f8;color:#c94455;border-radius:8px;padding:8px 10px;margin-top:7px;font-size:11px;font-weight:750}.compose-title button:disabled{color:#b9aabb;cursor:not-allowed}.compose-balance{margin:-3px 0 8px;color:#7d6c87;font-size:10px;text-align:right;padding-right:26px}
/* Saved offers and visible search state */
.market-tabs{display:flex;align-items:center;gap:6px;border-bottom:1px solid #ded1ed;margin:0 0 14px}.market-tabs button{display:inline-flex;align-items:center;gap:7px;position:relative;background:transparent;color:#806e90;padding:10px 13px 12px;font-size:12px;font-weight:750}.market-tabs button:hover{color:#d84859}.market-tabs button.active{color:#d84250}.market-tabs button.active:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:3px;border-radius:3px;background:#ff5353}.market-tabs .icon{width:15px;height:15px}.market-tabs button span{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:20px;background:#eadff5;color:#705585;font-size:10px}.market-tabs button.active span{background:#ffdfe2;color:#b93d4d}.active-filters{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:0 0 14px}.active-filters[hidden]{display:none}.active-filters button{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #dac8ea;border-radius:20px;background:#fbf8ff;color:#665072;font-size:10px;font-weight:650}.active-filters button span{font-size:14px;line-height:10px;color:#a088ab}.active-filters button:hover{background:#ffe9eb;border-color:#f2b1bb;color:#c54151}.active-filters .clear-all{border-color:transparent;background:transparent;color:#c94858}.empty button:hover{text-decoration:underline}
.wallet-switch{display:block;width:100%;border:1px solid #ffb7b7;background:#fff1f1;border-radius:9px;padding:9px;margin:9px 0;color:#ba3e4c;font-size:11px;font-weight:750}.wallet-switch[hidden]{display:none}.wallet-switch:hover{background:#ffe4e5}.compose-balance{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding-right:26px}.compose-balance button{background:#eadcf6;color:#724ba0;border-radius:5px;padding:3px 5px;font-size:9px;font-weight:800}.compose-balance button:hover{background:#dfc9f0}

/* Robinex logo, direction 02. */
.robinex-brand-icon{width:38px;height:38px;color:inherit}.robinex-wordmark{font-weight:850;letter-spacing:-.5px}@media(max-width:700px){.robinex-brand-icon{width:31px;height:31px}.robinex-wordmark{font-size:17px;letter-spacing:0}}
/* Testnet interaction states */
.network-dot{display:inline-block!important;width:8px;height:8px;border-radius:50%;background:#fa5353}.chain{gap:7px}.wallet-switch[hidden]{display:none}.status-error{color:#b33548!important}.status-ok{color:#51674d!important}.token-address{font-family:ui-monospace,monospace;font-size:10px;color:#857490;overflow-wrap:anywhere}.dialog-input{width:100%;height:42px;padding:0 10px;background:#fff;border:1px solid #d7c5e5;border-radius:8px;font:inherit;font-size:12px}.dialog-form-label{display:block;font-size:11px;font-weight:750;color:#65536e;margin:12px 0 6px}.mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.mode-choice{display:flex;gap:8px;align-items:flex-start;padding:12px;border:1px solid #ddcdea;border-radius:10px;background:#faf7fe;font-size:11px;line-height:1.4}.mode-choice:has(input:checked){border-color:#f18a92;background:#fff0f1}.mode-choice input{accent-color:#ff5353}.mode-choice strong{display:block;font-size:12px}.mode-choice span{color:#766583}.mode-note{padding:10px 12px;background:#f2eafa;color:#674d7b;border-radius:8px;font-size:11px;line-height:1.5;margin:10px 0}.confirm-check{display:flex;gap:9px;align-items:flex-start;margin:16px 0;font-size:12px;line-height:1.5;color:#4f405c}.confirm-check input{accent-color:#ff5353;margin-top:3px}.request-list{display:grid;gap:10px;margin:12px 0}.request-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid #e4d7ed;border-radius:10px;padding:10px;background:#faf7fd;font-size:11px}.request-row .request-user{margin-right:auto;font-family:ui-monospace,monospace}.request-row button{border:1px solid #d6c4e5;border-radius:7px;background:white;padding:7px 9px;font-size:10px;font-weight:700}.request-row button.positive{background:#ff5353;color:white;border-color:#ff5353}.tx-progress{margin:12px 0;padding:10px;background:#f1e9fa;border-radius:9px;color:#6d507e;font-size:12px;line-height:1.5}.dialog-actions button:disabled,.compose-title button:disabled{opacity:.5;cursor:not-allowed}.asset b{overflow-wrap:anywhere;white-space:normal;text-align:right}.balance-row b{overflow-wrap:anywhere}.offer-card .card-actions{grid-template-columns:1fr}.offer-card .card-actions .accept{grid-column:1}.offer-card{min-height:200px}.market-tabs{margin-bottom:14px}.token-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 25px;gap:6px;align-items:center;margin:8px 0}.token-row select,.token-row input{width:100%;height:38px;background:white;border:1px solid #d5c3e5;border-radius:8px;padding:0 7px;min-width:0;font-size:11px}.token-row button{background:transparent;color:#806d8e;font-size:20px}.token-hint{font-size:10px;color:#7a6686;line-height:1.5}.contract-missing{grid-column:1/-1;background:#faf7fe;border:1px dashed #c7b4dc;border-radius:15px;padding:34px;color:#705b7c;line-height:1.6;font-size:13px}.contract-missing strong{display:block;color:#2a2030;font-size:16px;margin-bottom:4px}
.proposal-summary{width:100%;padding:8px 9px;background:#f3eaf9;border:1px solid #e6d7ef;border-radius:9px}.proposal-summary>span{display:block;margin-bottom:6px;color:#796584;font-size:10px;font-weight:800}.proposal-summary .asset{margin-top:5px}
/* User-facing offer preview, quoted values and local profile. */
.asset{align-items:center;min-width:0}.asset-copy{display:block;min-width:0;flex:1}.asset-main{display:flex;align-items:baseline;gap:5px;min-width:0}.asset-main strong{min-width:0;flex:1}.asset-main b{font-size:11px;font-variant-numeric:tabular-nums}.asset-usd{display:block;color:#776787;font-size:10px;line-height:1.25;margin-top:2px;white-space:nowrap}.badge-any{background:#f2d8ff;color:#812bb0}.any-offer strong{display:inline-block;color:#9d359d;background:#f2d5ff;border-radius:12px;padding:4px 7px;margin-bottom:4px;font-size:10px}.price-status{color:#80718b;font-size:10px}.profile-edit{margin:10px 0;width:100%;border:1px solid #d6c7e5;border-radius:9px;background:#fff9ff;padding:9px;color:#654778;font-size:11px;font-weight:700}.profile-edit[hidden]{display:none}.list-heading>div:first-child{flex-wrap:wrap}.card-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.card-actions .counter{grid-column:1}.card-actions .accept{grid-column:2}.card-person small{font-size:10px}.offer-card .basket{min-width:0}.offer-card .basket-items{gap:8px}.offer-card .baskets{align-items:stretch}.offer-card .badge{max-width:40%;overflow:hidden;text-overflow:ellipsis}.card-top .avatar{font-size:21px}@media(max-width:700px){.asset-main{flex-wrap:wrap;column-gap:4px}.asset-main strong{flex:0 1 auto}.asset-main b{margin-left:auto}.price-status{display:block;width:100%;margin-top:3px}.card-actions button{font-size:11px}}

/* Interface refinement: one consistent surface, spacing and interaction system. */
:root{--ink:#21172c;--muted:#71617e;--line:#e1d6ec;--coral:#f65a60}
body{background:radial-gradient(ellipse at 10% 2%,#fff4f2 0,transparent 32%),radial-gradient(ellipse at 88% 8%,#f9f4ff 0,transparent 36%),linear-gradient(155deg,#f3ecfb 0%,#eee5f8 54%,#f7eef8 100%);background-attachment:fixed}
.topbar{height:72px;background:#f9f5fbdc;border-bottom:1px solid #e7ddeb;box-shadow:0 2px 16px #543b7110}
.brand{color:#26172f}.topnav{border-color:#e2d7e9}.topnav button{min-height:42px;border-radius:12px;color:#685a73}.topnav button.active{background:#fbe0e2;color:#a63747}.topnav button:hover:not(.active){background:#eee6f4}
.top-end{gap:10px}.chain{height:43px;padding:0 16px;border:1px solid #e5d8ec;background:#fffafd;color:#5e4b6d}.network-dot{box-shadow:0 0 0 3px #ffeded}
.wallet-button,.create,.search-jump,.accept,.primary{border:1px solid #ef4c55;background:#f65a60;box-shadow:0 3px 8px #d34b5730;color:#fff;transition:background .16s,box-shadow .16s,transform .16s}
.wallet-button:hover,.create:hover,.search-jump:hover,.accept:hover,.primary:hover{background:#e94953;box-shadow:0 5px 14px #d34b573d}.wallet-button:active,.create:active,.search-jump:active,.accept:active,.primary:active{transform:translateY(1px);box-shadow:0 1px 4px #d34b5730}
button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a776d2;outline-offset:3px}
.content{max-width:1680px;margin:auto;padding:30px clamp(22px,3.5vw,56px) 60px;overflow:visible}.hero,.discovery{margin-left:0;margin-right:0}.hero{min-height:0;align-items:center;gap:25px;margin-bottom:25px}.hero h1{font-size:clamp(38px,3.1vw,50px);line-height:1.09;letter-spacing:-1.7px}.hero p{font-size:15px;line-height:1.5;color:#70617d;margin-top:7px}.hero .demo-caption{font-size:10px;line-height:1.5;letter-spacing:.03em;margin-top:7px}.hero-facts{min-width:0;padding:14px 18px;gap:8px;border:1px solid #fff;background:#ffffffa8;box-shadow:0 6px 24px #7557890b}.hero-facts>div{padding:0 16px}.hero-facts strong{font-size:15px}.hero-facts small{font-size:10px}.hero-facts .icon{width:25px;height:25px}
.decor{display:none}.discovery{padding:14px;background:#ffffffb5;border:1px solid #fff;border-radius:18px;box-shadow:0 9px 28px #73549612}.filters-grid{grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr) 160px;gap:12px}.filters-grid label{gap:12px}.filters-grid label>span:first-child{padding-left:5px;font-size:14px;color:#40314e}.filters-grid label .select-wrap{height:48px;border:1px solid #dacde4;background:#fff;border-radius:11px}.select-wrap .icon{width:17px;height:17px;margin-left:13px;color:#826b91}.filters-grid select{color:#41334c;font-size:12px}.filters-grid>button:not(.search-jump){width:46px;height:46px;border:1px solid #e5d9ed;background:#f8f3fb;color:#8154ae;border-radius:12px}.filters-grid>button:not(.search-jump):hover{background:#f0e5f8}.search-jump{height:48px;border-radius:11px;font-size:12px}
.market-layout{grid-template-columns:270px minmax(0,1fr);gap:22px;margin-top:25px;align-items:start}.filter-panel,.wallet-panel{border:1px solid #fff;background:#ffffffa3;border-radius:17px;box-shadow:0 8px 26px #73549610}.filter-panel summary{padding:16px 17px;font-size:15px;color:#30233b}.filter-panel summary>span:first-child{gap:9px}.filter-chevron{display:block;color:#8a7697;font-size:21px;line-height:1;transition:transform .18s}.filter-panel[open] .filter-chevron{transform:rotate(180deg)}.filter-body{padding:0 17px 17px}.filter-group{padding:14px 0;border-top:1px solid #eee7f2}.filter-group label,.filter-group h3{font-size:12px;color:#4c3d57}.search{height:40px;border:1px solid #dfd3e8;border-radius:10px;background:#fff}.quick-filters{gap:3px}.quick-filters button{min-height:31px;padding:5px 0;font-size:12px}.quick-filters button:before{border-color:#c6b6d2;border-radius:5px}.reset,.side-wallet{min-height:40px;border-color:#e2d5e9;background:#fff;color:#665073;border-radius:10px}.reset:hover,.side-wallet:hover{background:#f8effa}.wallet-panel{padding:17px;margin-top:14px}.side-description,.inventory-hint{line-height:1.55;color:#827187}
.list-heading{min-height:46px;gap:16px;margin-bottom:12px}.list-heading>div:first-child{display:flex;align-items:baseline;gap:9px}.list-heading h2{font-size:23px;letter-spacing:-.7px}.list-heading #count{display:inline;font-size:11px}.results-actions{gap:9px}.sort-label{height:42px;border:1px solid #e5d8eb;background:#fffcff;border-radius:10px;color:#675574}.create{height:42px;margin-left:0;padding:0 16px;border-radius:10px;font-size:12px}.market-tabs{gap:12px;border-color:#dfd3e7;margin-bottom:17px}.market-tabs button{padding:10px 4px 12px;color:#8a7b91}.market-tabs button.active{color:#ce4e59}.market-tabs button.active:after{left:0;right:0;background:#f65a60;height:2px}
.offer-grid{gap:14px}.offer-card{border:1px solid #fff;background:#fffafde8;border-radius:16px;box-shadow:0 7px 22px #70518813}.offer-card:hover{box-shadow:0 11px 28px #70518820}.basket{background:#f0eafa;border:1px solid #e9def1}.basket:first-child{background:#fae9ef;border-color:#f5dfe7}.counter{background:#fff;border-color:#e0d2e7;border-radius:10px}.accept{border-radius:10px}.empty,.contract-missing{min-height:255px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;border:1px solid #fff;border-radius:17px;background:linear-gradient(145deg,#fffdfedf,#faf5fce0);box-shadow:0 8px 26px #7354960d;text-align:center;color:#85758e;font-size:13px;line-height:1.5}.empty:before{content:'⇄';display:grid;place-items:center;width:58px;height:58px;margin-bottom:17px;border:1px solid #f4d5db;border-radius:19px;background:linear-gradient(145deg,#fff4f3,#f8e7f0);box-shadow:0 4px 12px #bc7c8c14;color:#ed6571;font-size:27px}.empty strong{margin:0;color:#302239;font-size:17px;letter-spacing:-.3px}.empty p{margin:6px 0 0;color:#81718b}.empty button{display:inline-flex;align-items:center;gap:9px;margin-top:18px;padding:10px 15px;border:1px solid #ead8e4;border-radius:10px;background:#fff;color:#bc4f61;font-size:12px;font-weight:750}.empty button:hover{background:#fff0f1;text-decoration:none}.empty button span{font-size:15px}.empty-error:before{content:'!';font-size:22px}
footer{gap:15px;padding-top:18px;border-top:1px solid #dfd3e7;color:#95869e}footer button{color:#806b8f}.mobile-nav{box-shadow:0 -5px 24px #4b38540b}
@media(max-width:1200px){.offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-facts{min-width:0}.filters-grid{grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr) 145px}}
@media(max-width:1000px){.content{padding:25px 22px 110px}.filters-grid{grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr)}.search-jump{grid-column:1/-1}.mobile-nav{grid-template-columns:repeat(4,1fr);background:#fffbfdf2}.mobile-nav button.active{background:#fae4e7;color:#b74353}}
@media(max-width:700px){.topbar{height:64px;padding:0 16px}.brand{font-size:17px}.wallet-button{min-height:40px;padding:0 13px;border-radius:12px}.content{padding:22px 15px 104px}.hero{margin-bottom:18px}.hero h1{font-size:32px;letter-spacing:-1.2px}.hero p{font-size:13px}.hero .demo-caption{font-size:9px}.discovery{padding:12px}.filters-grid{grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);gap:8px}.filters-grid label{display:block;min-width:0}.filters-grid label>span:first-child{font-size:11px;margin-bottom:7px;padding-left:0}.filters-grid label .select-wrap{height:43px;margin:0}.select-wrap .icon{display:none}.filters-grid select{padding:0 9px;font-size:11px}.filters-grid>button:not(.search-jump){width:38px;height:43px;align-self:end}.search-jump{height:43px}.market-layout{grid-template-columns:1fr;gap:17px;margin-top:16px}.filter-panel summary{padding:14px 16px}.wallet-panel{display:none}.list-heading h2{font-size:20px}.list-heading #count{display:block;margin-top:4px}.results-actions{flex-wrap:nowrap}.create{font-size:11px;padding:0 12px}.sort-label{padding:0 8px}.offer-grid{grid-template-columns:1fr}.empty,.contract-missing{min-height:225px}.mobile-nav{padding-bottom:calc(7px + env(safe-area-inset-bottom))}footer{line-height:1.5}}
@media(max-width:380px){.list-heading{align-items:flex-start}.list-heading h2{font-size:18px}.sort-label{height:39px}.create{height:39px;padding:0 9px}.create .icon{width:16px}.hero h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

/* Coral accents framing the exchange. */
.content{overflow:hidden}
.decor{display:block;pointer-events:none}

/* Anchor accents to the viewport edges, independently of content width. */
.content{overflow:visible}
.edge-decor{position:absolute;top:72px;left:0;right:0;height:330px;overflow:hidden;pointer-events:none;z-index:0}
@media(max-width:700px){.edge-decor{top:64px}}
/* Shared public community */
.community-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;background:#fffafc;border-bottom:1px solid #eee5f1;color:#806d87;font-size:10px}.community-toolbar button{background:#f6e9f3;border-radius:8px;padding:7px 10px;color:#a44760;font-size:10px;font-weight:750}.community-message{padding:10px 12px;border:1px solid #eadfea;border-radius:12px;background:#fff;overflow-wrap:anywhere}.community-message>div{display:flex;align-items:center;gap:7px;color:#5b4263;font-size:11px}.community-message time{margin-left:auto;color:#9a8b9f;font-size:9px}.community-message p{margin-top:6px;color:#392b42;font-size:12px;line-height:1.45;white-space:pre-wrap}.community-status{padding:0 12px 8px;background:#fff;color:#a54b58;font-size:10px;line-height:1.4}.chat-panel{z-index:9}.chat-form button{min-width:60px}
@media(max-width:1000px){.mobile-nav{grid-template-columns:repeat(5,1fr)}}
/* Personal on-chain activity and notification count. */
.activity-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 11px;border:1px solid #e6d9ec;border-radius:12px;background:#fffafdbd;color:#665475;font-size:12px;font-weight:750}.activity-trigger:hover{background:#fff}.activity-trigger .icon{width:17px;height:17px}.activity-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:10px;background:#f65a60;color:white;font-size:10px;font-weight:800}.activity-badge[hidden]{display:none}.activity-empty{text-align:center;padding:34px 20px;border:1px solid #eee3ef;border-radius:14px;background:#fbf8fd}.activity-empty strong{display:block;font-size:15px;color:#36273e}.activity-empty p{margin:8px 0;color:#806e89;font-size:12px;line-height:1.5}.activity-footnote{margin:4px 0 14px;color:#807187;font-size:11px;line-height:1.5}.activity-list{display:grid;gap:9px}.activity-row{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #eee4f0;border-radius:12px;background:#fff}.activity-row-icon{display:grid;place-items:center;width:35px;height:35px;flex:none;border-radius:11px;background:#fbe9ed;color:#c44f61;font-size:17px}.activity-row-copy{display:grid;gap:4px;min-width:0;flex:1}.activity-row-copy strong{font-size:12px}.activity-row-copy small{font-size:10px;color:#89798e}.activity-row-actions{display:flex;align-items:center;gap:8px}.activity-row-actions button,.activity-row-actions a{padding:7px 9px;border:1px solid #e7dae9;border-radius:8px;background:#fff;color:#8d5167;text-decoration:none;font-size:10px;font-weight:700;white-space:nowrap}.activity-row-actions button:hover,.activity-row-actions a:hover{background:#fff2f5}
@media(max-width:1200px){.activity-label{display:none}.activity-trigger{min-width:42px;padding:0 9px}}
@media(max-width:480px){.activity-row{align-items:flex-start;flex-wrap:wrap}.activity-row-actions{width:100%;padding-left:46px}.activity-trigger{min-width:38px;min-height:40px;padding:0 8px}.top-end{gap:7px}.activity-trigger .icon{width:16px;height:16px}}
.offer-message{display:inline-flex;align-items:center;gap:7px;margin:14px 0 2px;padding:10px 12px;border:1px solid #e4d4e6;border-radius:10px;background:#fff;color:#8b4961;font-size:11px;font-weight:750}.offer-message:hover{background:#fff1f4}.offer-message .icon{width:15px;height:15px}.direct-toolbar{padding:9px 16px;border-bottom:1px solid #eee5f1;background:#fffafc}.direct-toolbar button{padding:6px 9px;border-radius:8px;background:#f5e9f3;color:#9b4a62;font-size:10px;font-weight:750}.direct-thread{display:grid;gap:7px;width:100%;padding:12px;border:1px solid #eadfea;border-radius:12px;background:#fff;text-align:left}.direct-thread:hover{background:#fff7fa}.direct-thread>span:first-child{display:flex;justify-content:space-between;gap:8px;font-size:11px}.direct-thread small{color:#8c7c93}.direct-preview{color:#77677e;font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.direct-mine{background:#fff0f3;border-color:#f2d8e2}.community-toolbar{flex-wrap:wrap}.community-toolbar>span{margin-right:auto}
.direct-badge{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:#f65a60;color:#fff;font-style:normal;font-size:9px;font-weight:800}.direct-badge[hidden]{display:none}.token-address a{color:#80549f;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:2px}
@media(max-width:380px){.topbar{padding:0 10px;gap:5px}.brand{gap:6px}.robinex-brand-icon{width:27px;height:27px}.robinex-wordmark{font-size:14px}.top-end{gap:5px}.wallet-button{font-size:9px;padding:0 9px;gap:5px}.wallet-button .icon{width:15px}.activity-trigger{min-width:34px;padding:0 7px}.list-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.list-heading>div:first-child,.results-actions{grid-column:1}.results-actions{justify-content:space-between;flex-wrap:nowrap}.list-heading h2{font-size:20px}.market-tabs{gap:6px}.market-tabs button{font-size:10px;white-space:nowrap;padding:10px 3px 12px}}

.discount-admin-mobile:not([hidden]){display:none}
@media(max-width:700px){.discount-admin-mobile:not([hidden]){display:block;width:100%;margin-top:10px;padding:12px;border:1px solid #e2d5f2;border-radius:12px;background:#fff;color:#30233b;font-weight:700}}