:root{color-scheme:dark;--bg:#02050a;--surface:#0a1017;--raised:#121d26;--line:#2b3b46;--text:#f9fffc;--muted:#b0c2ce;--accent:#24ff79;--cyan:#00dcff;--violet:#cd67ff;--danger:#ff567e;--mono:"Ubuntu Sans Mono","SFMono-Regular",Consolas,monospace}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{background:var(--bg);scroll-behavior:smooth;scrollbar-gutter:stable}
body{margin:0;min-width:320px;color:var(--text);font-family:"Ubuntu Sans","Segoe UI",Arial,sans-serif;font-size:14px;line-height:1.55;background:radial-gradient(ellipse at 5% 0,#052027,transparent 36%),radial-gradient(ellipse at 100% 38%,#110c2a,transparent 38%),#02050a;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{color:#020a06;background:var(--accent)}
button,input,textarea,select{font:inherit}
button,a,input,textarea,select{outline-offset:4px;-webkit-tap-highlight-color:transparent}
button,.file-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 19px;border:1px solid #7effad;border-radius:8px;color:#021a0a;background:linear-gradient(180deg,#46ff89,#14ed69);box-shadow:inset 0 1px 0 #c5ffcf80,0 3px 0 #086329,0 7px 22px #00f65f14;font-weight:750;font-size:13px;white-space:nowrap;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s,color .18s}
button:hover:not(:disabled){background:#5dff99;border-color:#b9ffd0;box-shadow:inset 0 1px 0 #fff9,0 3px 0 #0a7530,0 8px 28px #24ff792b;transform:translateY(-1px)}
button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px 3px #00471640,0 1px 0 #086329}
button:disabled{cursor:not-allowed;opacity:.42;box-shadow:none;transform:none}
button:focus-visible,a:focus-visible,.file-button:focus-within{outline:2px solid #b6ffce;outline-offset:4px}
button.secondary,.file-button{color:#effbf8;background:linear-gradient(180deg,#1b2932,#101a23);border-color:#415b67;box-shadow:inset 0 1px 0 #d6f2ff0d,0 3px 0 #03090c,0 5px 13px #0003}
button.secondary:hover:not(:disabled),.file-button:hover{color:#fff;background:#223943;border-color:#83afa8;box-shadow:inset 0 1px 0 #fff1,0 3px 0 #06100f,0 5px 20px #0004}
button.text-button{color:var(--accent);background:none;border:0;box-shadow:none;min-height:30px;padding:3px 0;font-size:12px;border-radius:3px}
button.text-button:hover:not(:disabled){color:#9affbf;background:none;box-shadow:none;transform:none}
button.danger{color:#ffb1c5;border-color:#bd3761;background:#481327;box-shadow:inset 0 1px 0 #ff66822b,0 3px 0 #21060e}
.shell{max-width:1552px;padding:0 48px;margin:0 auto}
main{min-height:calc(100vh - 162px)}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{line-height:1.15}
h1{font-size:54px;letter-spacing:-2px;font-weight:750}
h2{font-size:25px;letter-spacing:-.7px;font-weight:750;margin-bottom:14px}
h3{font-size:16px;letter-spacing:-.2px;font-weight:700;margin-bottom:0}
p{margin-bottom:15px}
.eyebrow,.nav-caption{font:700 10px/1.4 var(--mono);letter-spacing:1.8px;color:var(--accent);margin:0 0 14px}
.muted{color:var(--muted)}.small{font-size:12px}.positive{color:var(--accent)}
.live-dot,.node i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #24ff7973}

/* Full-width navigation and a geometrically aligned brand. */
.topbar{position:sticky;top:0;z-index:20;width:100%;border-bottom:1px solid #466a694d;background:#03080be8;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);box-shadow:0 8px 30px #0004}
.topbar::after{content:"";position:absolute;inset:auto 0 -1px;height:1px;background:linear-gradient(90deg,transparent,#24ff7973 28%,#00dcff4d 70%,transparent);pointer-events:none}
.topbar-inner{max-width:1552px;min-height:86px;padding:0 48px;margin:auto;display:flex;align-items:center;gap:44px}
.brand{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;flex-shrink:0;font-size:25px;font-weight:800;letter-spacing:-1px}
.brand-mark{display:block;width:39px;height:39px;color:var(--accent);filter:drop-shadow(0 0 9px #24ff7926);flex-shrink:0}
.brand>span{display:inline-flex;align-items:center;gap:11px}
.brand small{color:var(--accent);border-left:1px solid #46524d;padding-left:11px;font:700 9px var(--mono);letter-spacing:1.6px}
.global-nav{display:flex;gap:7px;align-items:center}
.global-nav button{min-height:42px;padding:10px 14px;background:none;color:#dae9e5;border:1px solid transparent;box-shadow:none;font-size:13px;font-weight:650}
.global-nav button:hover:not(:disabled){color:#fff;background:#18292b;border-color:#41665d;transform:none;box-shadow:none}
.global-nav button.active{color:var(--accent);border-color:#24ff794d;background:#24ff790d}
.global-nav button[data-route="marketplace"].active{color:#edb9ff;border-color:#cd67ff66;background:#cd67ff12}
.global-nav button.active:hover:not(:disabled){color:#66ff9f;background:#12482d;border-color:#36ed7c;box-shadow:none}
.global-nav button[data-route="marketplace"].active:hover:not(:disabled){color:#f0c0ff;background:#442253;border-color:#d17aff}
.header-right{display:flex;align-items:center;gap:18px;margin-left:auto}
.network{font:700 9px var(--mono);letter-spacing:1px;color:#e7ff69;border:1px solid #94b92d66;padding:5px 7px;border-radius:4px;background:#8aab2312}
.node{display:flex;gap:8px;align-items:center;color:#b7d3ce;font:10px var(--mono);white-space:nowrap}
.node i{background:#ffb64f;box-shadow:none;width:5px;height:5px}
.node i.online{background:var(--accent);box-shadow:0 0 12px #24ff7966}
.connect-button{min-height:38px;padding:9px 14px;font-size:11px;border-radius:6px}
.connect-button svg{display:none;width:20px;height:20px}

/* Entry artwork is part of the scene, with no standalone banner. */
.entry{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.83fr);gap:88px;align-items:center;min-height:670px;padding:54px 24px 62px 0}
.intro{position:relative;isolation:isolate;min-height:540px;padding-top:22px}
.intro .eyebrow{display:flex;gap:10px;align-items:center;color:#c3ffdd;font-size:9px}
.intro h1{font-size:clamp(62px,5.8vw,91px);font-weight:800;line-height:.98;letter-spacing:-4.5px;margin:28px 0 24px;text-shadow:0 3px 28px #0009}
.intro h1>span{color:var(--accent)}
.intro>p:not(.eyebrow){color:#e1eee9;font-size:17px;line-height:1.65;text-shadow:0 2px 10px #000}
.intro-chips{display:flex;flex-wrap:wrap;gap:22px;margin-top:27px}
.intro-chips span{color:#d8eee6;border-left:2px solid var(--accent);padding-left:9px;font:10px var(--mono)}
.intro-chips span:nth-child(2){border-color:var(--cyan)}
.intro-chips span:nth-child(3){border-color:var(--violet)}
.noid-quote{display:inline-flex;align-items:center;flex-wrap:wrap;gap:22px;max-width:100%;margin-top:28px;padding:13px 15px;border:1px solid #3a81584d;border-radius:12px;background:linear-gradient(130deg,#102b229c,#071513c4);backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%);box-shadow:inset 0 1px 0 #b2ffcc0a,0 8px 24px #0003}
.noid-quote-main{min-width:0}.noid-quote-label{display:block;color:#a6c8b7;font:700 8px/1.4 var(--mono);letter-spacing:1.4px;text-transform:uppercase}
#noid-usd-price{display:block;margin-top:3px;color:#f0fff5;font-size:28px;font-weight:750;line-height:1.15;letter-spacing:-.8px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.coingecko-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:42px;padding:10px 14px;border:1px solid #73ffab;border-bottom:3px solid #128a46;border-radius:8px;color:#032b15;background:linear-gradient(180deg,#51ff9b,#13ec73);box-shadow:inset 0 1px 0 #eafff466,0 4px 16px #02ff6a16;font-size:11px;font-weight:750;text-decoration:none;white-space:nowrap;transition:transform .18s,box-shadow .18s}
.coingecko-button span{font-size:16px}.coingecko-button:hover{color:#022010;transform:translateY(-1px);box-shadow:inset 0 1px 0 #eafff466,0 5px 20px #02ff6a30}
.coingecko-button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.intro-visual{position:absolute;z-index:-1;inset:150px -80px -34px -48px;overflow:hidden;background:linear-gradient(180deg,#02090fc0,#02090f15 40%,#02090f00 65%,#02050a),url('/assets/universe.png') center 66%/cover;mask-image:radial-gradient(ellipse 76% 76% at 56% 55%,#000 30%,transparent 79%)}
.visual-caption{position:absolute;bottom:51px;left:49px;display:flex;align-items:center;gap:10px;color:#eafff5;font:700 9px var(--mono);letter-spacing:1.3px}
.visual-caption i{height:1px;width:25px;background:var(--accent)}
.visual-caption>span{font-size:23px;color:var(--accent)}
.card{min-width:0;padding:25px;border:1px solid #33464d;border-top-color:#587074;border-radius:12px;background:linear-gradient(140deg,#14222b91,#090f16d9);box-shadow:inset 0 1px 0 #e8fff208,0 8px 24px #0004}
.card-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}
.card-heading h2,.card-heading .eyebrow{margin:0}.card-heading h2{font-size:20px}
.access{position:relative;padding:34px;border:1px solid #507564;border-top:3px solid var(--accent);background:linear-gradient(135deg,#1a2a27a6,#091416e8 50%,#081116f5);backdrop-filter:blur(30px) saturate(145%);-webkit-backdrop-filter:blur(30px) saturate(145%);box-shadow:inset 0 1px 0 #fff1,0 0 60px #00fa7408,0 30px 55px #0008;border-radius:12px}
.access h2{font-size:32px;letter-spacing:-1px;margin:30px 0 16px}
.access>.muted{font-size:13px;line-height:1.7;color:#c7d9d4}
.access form>button,.access>button,.access .file-button{width:100%;min-height:48px}
.access>button,.access .file-button{margin-top:13px}
.access .file-button{font-size:12px;cursor:pointer}
.access>.small{margin:24px 0 0;color:#b0c9be;font-size:11px}
.badge,.hero-pill{display:inline-flex;align-items:center;white-space:nowrap;font:700 8px/1.4 var(--mono);letter-spacing:.6px;padding:4px 7px;border:1px solid #438473;color:#7affb0;background:#0b422657;border-radius:4px}
.curve-badge{color:#09200a;background:#9aff5a;border-color:#b9ff88}
.asset-card[data-kind="dex"] .badge{color:#012129;background:var(--cyan);border-color:#83f2ff}
.nft-card .badge{color:#efc0ff;border-color:#a348cb;background:#631c822e}

/* Wallet workspace and persistent discovery navigation. */
#wallet{display:grid;grid-template-columns:184px minmax(0,1fr);gap:0 35px;padding-top:32px}
.workspace-nav{grid-column:1;grid-row:1/6;display:flex;flex-direction:column;padding:19px 16px 20px 0;border-right:1px solid #36514b66;min-width:0}
.nav-caption{font-size:8px;color:#a5c8bc;letter-spacing:1.7px;padding-left:11px;margin-bottom:13px}
.workspace-nav nav,.discover-nav{display:flex;flex-direction:column;gap:7px}
.tab,.discover-nav button{justify-content:flex-start;gap:11px;min-height:44px;padding:11px 12px;color:#d2e4dc;background:transparent;border:1px solid transparent;box-shadow:none;font-size:12px;border-radius:7px;font-weight:600}
.tab svg{width:18px;height:18px;flex-shrink:0}
.tab:hover:not(:disabled),.discover-nav button:hover:not(:disabled){background:#18302b;border-color:#345a4b;color:#fff;box-shadow:none;transform:none}
.tab.active{background:var(--accent);border-color:#79ffad;color:#041a0b;box-shadow:0 4px 16px #00ff5e1a;font-weight:800}
.tab.active:hover:not(:disabled){background:#5aff99;color:#041a0b;border-color:#9affbc}
.tab[data-panel="nfts"].active{background:#d17aff;border-color:#e1a8ff;color:#250a35;box-shadow:0 4px 16px #bc45ff1a}
.nav-divider{height:1px;background:#344d4566;margin:25px 9px}
.discover-nav button>span{width:19px;color:var(--accent);font-size:22px;line-height:1;font-weight:400}
.discover-nav button[data-route="marketplace"]>span{color:var(--violet)}
.discover-nav button.active{color:var(--accent);background:#24ff790d;border-color:#27ff7840}
.discover-nav button[data-route="marketplace"].active{color:#e7afff;background:#cd67ff0f;border-color:#cd67ff4d}
.nav-status{margin-top:45px;padding:20px 6px 0;border-top:1px solid #36504766;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.nav-orbit{display:block;width:40px;height:40px;border:1px solid #2aff785c;border-radius:50%;position:relative;background:radial-gradient(circle,#00ff771f,transparent 70%)}
.nav-orbit::before{content:"";position:absolute;inset:9px;border:1px solid #24ff79;border-radius:50%;box-shadow:0 0 14px #24ff7933}
.nav-orbit::after{content:"";position:absolute;width:5px;height:5px;top:1px;left:16px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);transform-origin:3px 18px;animation:orbit 14s linear infinite}
.preparation{font:9px/1.6 var(--mono);color:#c9d7c8}.preparation.ready{color:var(--accent)}
.nav-status-label{font:6px var(--mono);color:#82a695;letter-spacing:1px}
.wallet-top{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:14px 0 27px;border-bottom:1px solid #38584a80}
.wallet-top .eyebrow{color:#a3d6ba;font-size:8px;margin-bottom:11px}
.wallet-top h1{color:#fff;font-size:54px;line-height:1;letter-spacing:-2px;margin:0 0 19px;font-variant-numeric:tabular-nums}
.wallet-top h1 small{font:500 14px var(--mono);letter-spacing:0;margin-left:10px;color:#9dffbc}
.address{display:inline-flex;gap:10px;max-width:100%;text-align:left;min-height:0;white-space:normal;overflow-wrap:anywhere;padding:0;border:0;background:none;box-shadow:none;color:#b6d1c5;font:10px/1.5 var(--mono);font-weight:400}
.address span{min-width:0}.address svg{width:15px;height:15px;flex-shrink:0;color:var(--accent)}
.address:hover:not(:disabled){color:#fff;background:none;box-shadow:none;transform:none}
.actions{display:flex;align-items:center;gap:9px;flex-shrink:0}
.actions .secondary{min-height:38px;font-size:11px;padding:8px 13px;border-radius:6px}
.icon-button{width:38px;height:38px;padding:0!important;font-size:23px!important}
.panel{grid-column:2;min-width:0;padding:28px 0 38px}
.overview-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:start}
.overview-side{display:grid;gap:24px}.overview-grid>.discovery-home{grid-column:1/-1}
.accent-card{position:relative;isolation:isolate;overflow:hidden;background:#062618;border-color:#298354;min-height:265px}
.accent-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#03180ef5 4%,#03180e9c 60%,#03180e33),url('/assets/universe.png') right center/cover}
.accent-card h2{font-size:34px;line-height:1.03;margin:19px 0 16px;letter-spacing:-1.2px}
.accent-card .muted{color:#c9f4d6;font-size:11px}
.accent-card button{margin-top:5px;font-size:11px;min-height:38px}
.hero-footnote{display:block;margin-top:20px;color:#b5e2c5;font:7px var(--mono);letter-spacing:.25px}
.hero-pill{color:#a9ffc8;border-color:#42d478;background:#05421d99}
.asset-row{display:flex;align-items:center;gap:13px;padding:18px 0;width:100%;background:none;border:0;border-bottom:1px solid #46654c59;border-radius:0;color:var(--text);box-shadow:none;text-align:left;white-space:normal}
.asset-row:last-child{border-bottom:0}
.asset-row:hover:not(:disabled){background:none;border-color:#46654c59;box-shadow:none;transform:none}
.asset-row:hover .asset-row-name strong{color:var(--accent)}
.asset-logo{position:relative;display:grid;place-items:center;width:43px;height:43px;flex-shrink:0;color:var(--cyan);background:#0a2731;border:1px solid #236476;border-radius:11px;overflow:hidden;font-size:26px;font-weight:500}
.asset-logo img{position:absolute;inset:0;height:100%;width:100%;object-fit:contain}
.asset-row[data-asset="NOID"] .asset-logo{border-radius:50%;color:var(--accent);background:#062b15;border-color:#24ff7980}
.asset-row-name{display:grid;gap:4px;min-width:0}
.asset-row-name strong{font-size:13px;font-weight:650}
.asset-row-name span{color:#aecbbf;font:8px var(--mono);overflow-wrap:anywhere}
.asset-value{margin-left:auto;color:#fff;font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}
.card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.card-actions button{flex:1}
.section-toolbar,.section-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}
.context-label{font:700 8px var(--mono);color:#a8dec4;letter-spacing:1.8px}
.section-title{margin-top:17px;align-items:flex-start}.section-title h2{font-size:35px;letter-spacing:-1.1px;margin:0}
.section-title>.small{color:#c0e9d2;display:flex;align-items:center;gap:7px;font:8px var(--mono);margin-top:12px}
.section-title>.small::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0}
.section-title select{max-width:180px}
.catalog-subtitle{font-size:12px;color:#b5ccc7;line-height:1.65;margin:12px 0 0;max-width:560px}
.subtabs{display:inline-flex;gap:3px;align-items:center;padding:4px;border:1px solid #344d4f;background:#050d14;border-radius:8px}
.subtabs button{background:none;box-shadow:none;border:1px solid transparent;color:#c7dfd6;font-size:11px;font-weight:650;padding:8px 13px;min-height:34px;border-radius:4px}
.subtabs button:hover:not(:disabled){background:#17312b;color:#fff;box-shadow:none;transform:none}
.subtabs button.active{color:#092013;border-color:#5eff97;background:var(--accent);box-shadow:0 2px 8px #24ff791a}
#nfts .subtabs button.active{color:#240a30;background:#d07aff;border-color:#e5b3ff}
.catalog-toolbar{display:flex;gap:12px;margin-bottom:20px}.catalog-toolbar input{flex:1}.catalog-toolbar select{max-width:190px}
.market-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}
.market-filters button{min-height:32px;padding:7px 13px;font:700 10px var(--mono);color:#bfd7d0;background:#0d171d;border:1px solid #314b4b;box-shadow:none;border-radius:5px}
.market-filters button.active{color:#021c0b;background:var(--accent);border-color:#80ffae}
.market-filters button:hover:not(:disabled){transform:none;box-shadow:none;border-color:var(--accent)}

/* Artwork and metrics form one project object. */
.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.asset-card{position:relative;min-width:0;overflow:hidden;border:1px solid #2c5759;border-radius:10px;background:linear-gradient(155deg,#0b1e22,#070c13 62%);box-shadow:inset 0 1px 0 #b0ffef12,0 4px 0 #0008,0 12px 24px #0005;transition:transform .25s,border-color .2s,box-shadow .25s;animation:card-in .45s both}
.asset-card:hover{transform:translateY(-5px);border-color:#33e8b4;box-shadow:inset 0 1px 0 #c5ffef26,0 7px 0 #0005,0 16px 30px #0007,0 0 24px #00ff8012}
.card-art{position:relative;display:grid;place-items:center;width:100%;height:132px;padding:0;border:0;border-bottom:1px solid #32595d66;border-radius:0;box-shadow:none;background:radial-gradient(ellipse at 50% 130%,hsl(var(--art-hue,165) 100% 45%/.33),transparent 65%),linear-gradient(135deg,#081c24,#051016);overflow:hidden}
.card-art:hover:not(:disabled){background:radial-gradient(ellipse at 50% 130%,hsl(var(--art-hue,165) 100% 45%/.45),transparent 65%),#091e24;border-color:#32595d66;box-shadow:none;transform:none}
.card-art::after{content:"";position:absolute;inset:11px;pointer-events:none;border:1px solid #83fff10d;border-radius:5px}
.art-placeholder{color:hsl(var(--art-hue,175) 100% 68%);font-size:46px;text-shadow:0 0 26px hsl(var(--art-hue,175) 100% 45%/.45)}
.card-art img{position:absolute;width:68px;height:68px;object-fit:contain;inset:50% auto auto 50%;transform:translate(-50%,-50%);border-radius:16px;border:1px solid #d0fff14d;background:#061218;box-shadow:0 3px 7px #0007,0 12px 25px #0009;transition:transform .3s}
.asset-card:hover .card-art img{transform:translate(-50%,-50%) scale(1.07)}
.asset-card-body{padding:18px}
.card-title{display:flex;gap:9px;align-items:flex-start;justify-content:space-between}
.card-title h3{color:#fff;font-size:15px;line-height:1.4;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card-title .badge{font-size:6px;flex-shrink:0}
.token-symbol{display:block;color:#c8e8dd;font-size:11px;margin:6px 0}
.asset-id{display:block;font:9px/1.6 var(--mono);color:#8caeaa;overflow-wrap:anywhere}
.card-metrics{margin:19px 0 13px;font-size:20px;color:#f5fffc;font-weight:700;letter-spacing:-.4px;font-variant-numeric:tabular-nums}
.card-open{display:flex!important;justify-content:space-between;width:100%;padding-top:13px!important;margin-top:15px;border-top:1px solid #41675d59!important;border-radius:0!important;font-size:10px!important}
.card-open::after{content:"↗";font-size:19px;font-weight:400}
.nft-card{border-color:#69447e;background:linear-gradient(150deg,#1b1029,#0a0c15 66%)}
.nft-card:hover{border-color:var(--violet);box-shadow:inset 0 1px 0 #f0bfff26,0 7px 0 #0005,0 16px 30px #0007,0 0 24px #c23dff12}
.nft-card .card-art{height:auto;aspect-ratio:4/3;border-bottom-color:#654b7a66;background:radial-gradient(ellipse at 50% 110%,#a92fff26,transparent 70%),#0b0712}
.nft-card .card-art img{width:100%;height:100%;inset:0;transform:none;padding:13px;border:0;border-radius:0;background:none;box-shadow:none;object-fit:contain;filter:drop-shadow(0 6px 10px #0007)}
.nft-card:hover .card-art img{transform:scale(1.035)}
.nft-card .card-metrics{font-size:10px;color:#cfb3dd;font-weight:500;margin:15px 0 5px;letter-spacing:0}
.nft-card[data-kind="listing"] .card-metrics{font-size:22px;color:#efc5ff;font-weight:750}
.nft-card .card-open{color:#e9a2ff;border-top-color:#b67ace40!important}
.collection-heading{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:15px;padding:4px 0 14px;border-bottom:1px solid #ad66d666}
.collection-heading h3{font-size:16px;color:#f0c8ff}
.collection-heading .asset-id{margin-top:5px;color:#bfa5d0;font-size:8px}
.collection-heading .badge{color:#e5b5fc;border-color:#a05fc0;background:#64238940}
progress{display:block;appearance:none;width:100%;height:5px;border:0;border-radius:4px;overflow:hidden;margin:17px 0 10px;background:#173a32}
progress::-webkit-progress-bar{background:#173a32}
progress::-webkit-progress-value{background:linear-gradient(90deg,#10dc68,#9dff54);box-shadow:0 0 8px #24ff7966;border-radius:4px}
progress::-moz-progress-bar{background:var(--accent)}
.load-more{display:flex;margin:28px auto 0}
.empty{grid-column:1/-1;min-height:215px;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed #386056;border-radius:10px;background:radial-gradient(ellipse at top,#143c2933,transparent 70%),#071018}
.empty-icon{font-size:33px;color:var(--accent);margin-bottom:16px}
.empty h3{font-size:18px}.empty p{max-width:330px;font-size:12px;margin:10px 0 0}.empty button{margin-top:20px}

/* Home discovery reuses verified project cards and live market values. */
.discovery-home{min-width:0;padding:10px 0 35px}
.discovery-section{margin:20px 0 48px}
.discovery-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px}
.discovery-heading h2{font-size:34px;letter-spacing:-1.2px;margin:0}
.discovery-heading .eyebrow{margin-bottom:8px;font-size:8px}
.discovery-heading .text-button{gap:18px}
.discovery-heading.nft-heading .eyebrow,.discovery-heading.nft-heading .text-button{color:var(--violet)}
.discovery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}
.discovery-grid .card-art{height:133px}.discovery-grid .nft-card .card-art{height:auto}
.discovery-grid .asset-card-body{padding:18px}
.discovery-section .spotlight-filters button{min-height:44px}
.spotlight-order{margin:-5px 0 17px;color:#a7c6b8;font-size:11px}
.token-card-stats{display:grid;gap:10px;margin-top:16px;min-width:0}
.card-stat-label{display:block;color:#a6c4b6;font-size:10px;line-height:1.4}
.card-market-cap-value{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin-top:3px;color:var(--accent);font-size:23px;line-height:1.25;letter-spacing:-.6px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.card-market-cap-value small{font:600 10px var(--mono);letter-spacing:0;color:#c6e6d5}
.asset-card[data-kind="dex"] .card-market-cap-value{color:var(--cyan)}
.token-card-stats .card-metrics{margin:2px 0 0;font-size:13px;line-height:1.4;letter-spacing:0;color:#d2e4dc}
.card-token-supply{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;padding-top:9px;border-top:1px solid #42665366}
.card-token-supply strong{min-width:0;color:#e5f7ec;font-size:13px;line-height:1.4;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.card-supply-note{display:block;margin-top:-5px;color:#a8c7b6;font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.card-usd{display:block;margin:4px 0 0;color:#adc5bb;font-size:11px;line-height:1.4;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.usd-credit{color:#a5c0b5;font-size:10px}
.discovery-empty{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px;background:linear-gradient(110deg,#0e241c,#081119);border:1px solid #365c4b;border-radius:10px}
.discovery-empty p{color:#b9d6c7;margin:8px 0 0;font-size:12px}
.discovery-skeleton{min-height:255px;border:1px solid #29413d;border-radius:10px;background:linear-gradient(100deg,#0a1519 20%,#18362d 48%,#0a1519 75%);background-size:250% 100%;animation:skeleton 2s ease-in-out infinite}
.price-updated{animation:price-flash .9s ease-out}

/* Trading and operation dialogs share the same controls. */
.market-workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(265px,1fr);gap:22px;align-items:start}
.market-chart{background:linear-gradient(135deg,#0c1d2266,#060b11f5)}







.back-button{margin-bottom:20px}
#market-chart{display:block;width:100%;height:270px;margin:27px 0 14px}
.chart-caption{color:#b4cfc4;font:8px/1.7 var(--mono);margin:10px 0 22px}
.market-facts{border-top:1px solid #3c615759;padding-top:18px}
.market-facts dl{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 14px}
.market-facts dt{grid-row:1;font-size:9px;margin:0;color:#b0d1c2}
.market-facts dd{grid-row:2;font-size:11px;font-weight:650;margin-top:4px}
.trade-card{border-color:#37805b;background:linear-gradient(160deg,#12352873,#071218 64%)}
.trade-side{display:flex;margin-bottom:24px;padding:5px}.trade-side button{flex:1;min-height:38px;font-size:13px}
.trade-side #trade-sell.active{color:#fff;background:#ae245d;border-color:#ff81b5}
.trade-card input{min-height:62px;font-size:26px;line-height:1.25;padding:14px 16px;font-weight:600}
.trade-card form>button{min-height:49px;font-size:14px}
.trade-help{border-top:1px solid #3d6b5559;padding-top:19px;margin-top:24px}
.trade-help p{font-size:11px;line-height:1.8;margin-top:12px;color:#c6ded2}
.trade-card #trade-balance{margin:23px 0 0;color:#bfe6cc;font:9px var(--mono)}
.market-profile.card{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,320px);gap:22px 28px;margin:0 0 24px;border-color:#507a63;border-top-color:#73f5a1;background:radial-gradient(ellipse at 0 0,#1b68352b,transparent 60%),linear-gradient(135deg,#10221fe8,#091317f5);box-shadow:inset 0 1px 0 #e8fff20a,0 12px 30px #0005}
.market-identity{display:grid;grid-template-columns:144px minmax(0,1fr);align-items:center;gap:22px;min-width:0}
.market-art{position:relative;display:grid;place-items:center;align-self:start;width:144px;aspect-ratio:1;overflow:hidden;border:1px solid #73d2a45c;border-radius:15px;background:radial-gradient(circle at 50% 25%,#00dcff22,transparent 75%),linear-gradient(135deg,#103125,#06121b);box-shadow:0 8px 24px #0005,inset 0 1px 0 #fff1}
.market-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#061218}
.market-art .art-placeholder{font-size:58px;color:#68ffb9}
.market-token-copy{min-width:0}
.market-token-copy>.eyebrow{font-size:9px;line-height:1.6;letter-spacing:1.1px;margin:0 0 12px}
.market-token-title{display:flex;align-items:center;flex-wrap:wrap;gap:9px 12px;min-width:0}
.market-token-title h2{margin:0;font-size:30px;letter-spacing:-1px;overflow-wrap:anywhere}
.market-symbol{display:inline-flex;align-items:center;min-height:27px;padding:4px 8px;color:#c4f8ff;background:#00dcff10;border:1px solid #00dcff4d;border-radius:5px;font:700 11px var(--mono);overflow-wrap:anywhere}
.market-token-copy>.asset-id{display:block;margin-top:13px;color:#b2cfc1;font:10px/1.7 var(--mono);overflow-wrap:anywhere}
.market-token-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;min-width:0}
.market-price-stat{grid-column:1/-1;min-width:0}
.market-price-stat>span{color:#c2ddcf;font-size:11px;font-weight:600}
#market-price{margin:5px 0 0;color:var(--accent);font-size:32px;line-height:1.15;letter-spacing:-.9px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.market-stat{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:13px 14px;border:1px solid #426657;border-radius:10px;background:#020a0c80;box-shadow:inset 0 1px 0 #e4fff208}
.market-stat>span{color:#d2e9dd;font-size:12px;font-weight:650}
.market-stat>strong{margin-top:6px;color:#fff;font-size:23px;font-weight:750;line-height:1.3;letter-spacing:-.5px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.market-stat>small{margin-top:4px;color:#b5d4c2;font-size:10px;line-height:1.5}
.market-backing-stat{border-color:#4ca36b;background:linear-gradient(135deg,#15512e80,#09231990)}
.market-backing-stat>strong{color:#8cffb5}
.market-bonding{grid-column:1/-1;min-width:0;padding-top:20px;border-top:1px solid #527d6266}
.bonding-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.bonding-heading h3{color:#effff4;font-size:16px;font-weight:700;line-height:1.4}
.bonding-heading>strong{color:var(--accent);font-size:25px;line-height:1.2;letter-spacing:-.6px;font-variant-numeric:tabular-nums}
#bonding-progress{display:block;appearance:none;width:100%;height:15px;margin:14px 0 16px;overflow:hidden;border:1px solid #427151;border-radius:20px;background:#142b20;accent-color:var(--accent)}
#bonding-progress::-webkit-progress-bar{background:#142b20;border-radius:20px}
#bonding-progress::-webkit-progress-value{border-radius:20px;background:linear-gradient(90deg,#00d5a1,#43ff84);box-shadow:0 0 14px #24ff7940;transition:width .3s ease}
#bonding-progress::-moz-progress-bar{border-radius:20px;background:linear-gradient(90deg,#00d5a1,#43ff84)}
.bonding-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 22px}
.bonding-details>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.bonding-details span{color:#bdd6c7;font-size:11px}
.bonding-details strong{color:#f0fff5;font-size:14px;font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.bonding-note{margin:13px 0 0;color:#b8d3c2;font-size:11px;line-height:1.7}
.market-about{grid-column:1/-1;min-width:0;padding-top:18px;border-top:1px solid #3c615766}
.market-description{margin:0 0 13px;color:#d3e7dc;font-size:13px;line-height:1.8;overflow-wrap:anywhere}
.market-links{display:flex;flex-wrap:wrap;gap:10px}
.market-chart-title{font-size:20px;letter-spacing:-.5px;margin:0;color:#e9fff2}
.project-link{display:inline-flex;align-items:center;gap:22px;color:#adf4ff;text-decoration:none;background:#07343c73;border:1px solid #427d87;border-radius:5px;padding:6px 10px;font-size:11px;max-width:100%;overflow-wrap:anywhere}
.project-link:hover{background:#0e5260;color:#fff}
@media(min-width:761px) and (max-width:1100px){
 .market-profile.card{grid-template-columns:minmax(0,1fr)}
 .market-token-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
 .market-price-stat{grid-column:auto;align-self:center}
 #market-price{font-size:26px}
}
@media(max-width:760px){
 .market-profile.card{grid-template-columns:minmax(0,1fr);padding:18px;gap:20px;margin-bottom:16px;border-radius:15px}
 .market-identity{grid-template-columns:104px minmax(0,1fr);gap:16px}
 .market-art{width:104px;border-radius:13px}
 .market-token-copy>.eyebrow{font-size:8px;letter-spacing:.7px;margin-bottom:10px}
 .market-token-title{gap:8px}.market-token-title h2{font-size:25px;letter-spacing:-.7px}
 .market-symbol{min-height:24px;padding:3px 6px;font-size:10px}
 .market-token-copy>.asset-id{margin-top:10px;font-size:9px;line-height:1.7}
 .market-token-stats{gap:12px}.market-stat{padding:12px}.market-stat>strong{font-size:24px}.market-stat>span{font-size:12px}
 #market-price{font-size:32px}
 .market-bonding{padding-top:17px}
 .bonding-heading{gap:12px}.bonding-heading h3{font-size:15px}.bonding-heading>strong{font-size:24px;flex-shrink:0}
 #bonding-progress{height:16px;margin:13px 0 15px}
 .bonding-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 15px}
 .bonding-details>div:last-child{grid-column:1/-1;flex-direction:row;align-items:baseline;justify-content:space-between;gap:16px}
 .bonding-details strong{font-size:14px}.bonding-details span{font-size:11px}
 .bonding-note{font-size:11px;line-height:1.65}
 .market-about{padding-top:16px}.market-description{font-size:13px;line-height:1.75}
 .market-links .project-link{min-height:44px;padding:10px 12px;font-size:12px;border-radius:9px}
 .market-chart-title{font-size:18px}
}
label{display:block;font-size:11px;font-weight:600;color:#d4eade;margin:21px 0 8px}
input,textarea,select{width:100%;min-width:0;min-height:46px;padding:12px 14px;border-radius:7px;border:1px solid #46645f;background-color:#030a0f;color:#f8fffc;box-shadow:inset 0 2px 6px #0007,0 1px 0 #fff1;transition:border-color .2s,box-shadow .2s,background .2s}
input::placeholder,textarea::placeholder{color:#829f98;font-weight:400}
input:hover,textarea:hover,select:hover{border-color:#71978b}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);background-color:#071710;box-shadow:0 0 0 3px #24ff7914,inset 0 1px 4px #0005}
textarea{resize:vertical;line-height:1.7;min-height:82px}
select{cursor:pointer;appearance:none;padding-right:34px;background-image:linear-gradient(45deg,transparent 50%,#c6f3d9 50%),linear-gradient(135deg,#c6f3d9 50%,transparent 50%);background-size:5px 5px;background-repeat:no-repeat;background-position:calc(100% - 17px) center,calc(100% - 12px) center}
select option{color:#f2fff7;background:#0c211b}
form>button{width:100%;margin-top:26px}
.field-label{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;margin:20px 0 8px}
.field-label label{min-width:0;margin:0}
.field-label:has(.max-button){min-height:44px;margin-top:12px}
form>.field-label:first-child{margin-top:0}
button.max-button{flex-shrink:0;min-width:64px;min-height:36px;padding:7px 13px;border:1px solid #43875f;border-radius:10px;color:#a1ffc3;background:#153d29;box-shadow:inset 0 1px 0 #dcffe90d;font:750 12px/1 "Ubuntu Sans","Segoe UI",Arial,sans-serif;letter-spacing:.4px}
button.max-button::after{content:"";position:absolute;inset:-4px -2px;border-radius:inherit}
button.max-button:hover:not(:disabled){color:#d3ffe3;background:#225b3b;border-color:#80e4a0;box-shadow:inset 0 1px 0 #fff1;transform:none}
button.max-button:active:not(:disabled){background:#2a6d46;transform:none}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}
.form-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:12px;color:#ddfbe8;padding:17px;background:#063a2273;border:1px solid #32b26b;border-radius:7px;margin:24px 0 17px}
.form-summary strong{color:var(--accent);font-variant-numeric:tabular-nums}
.image-picker{display:flex;flex-direction:column;align-items:center;gap:8px;padding:23px;min-height:150px;border:1px dashed #54987c;border-radius:8px;cursor:pointer;text-align:center;color:#e3f8eb;background:radial-gradient(ellipse at 50% 0,#18dc6b1a,transparent 70%),#06100e;transition:border-color .2s,background .2s}
.image-picker:hover{border-color:var(--accent);background-color:#0b2117}
.image-picker strong{font-size:13px;font-weight:700;color:#e6ffed}
.image-picker-icon{display:grid;place-items:center;width:34px;height:34px;font-size:25px;font-weight:400;line-height:1;color:var(--accent);background:#08391c;border:1px solid #2b9c56;border-radius:8px}
.image-picker .small{font-size:10px;overflow-wrap:anywhere;max-width:100%}
.image-picker-preview{display:flex;justify-content:center;width:100%;margin:6px 0}
.image-picker-preview img{max-width:100%;max-height:125px;border:1px solid #c4f7d459;border-radius:8px;box-shadow:0 6px 15px #0007;object-fit:contain}
html:has(dialog[open]){overflow:hidden}
dialog{position:fixed;inset:var(--popup-top,0px) 0 var(--popup-bottom,0px);width:min(530px,calc(100vw - 48px));height:fit-content;max-height:calc(var(--popup-height,100dvh) - 64px);margin:auto;padding:0;border:1px solid #5f8c74;border-top:2px solid var(--accent);border-radius:20px;color:var(--text);background:linear-gradient(140deg,#14291ff5,#081316fa 70%);backdrop-filter:blur(32px) saturate(140%);-webkit-backdrop-filter:blur(32px) saturate(140%);box-shadow:0 0 0 1px #0008,inset 0 1px 0 #fff1,0 24px 80px #000b,0 0 60px #00ee5f09;overflow:hidden;overscroll-behavior:contain}
dialog[open]{display:flex;flex-direction:column}
dialog.wide-dialog{width:min(620px,calc(100vw - 48px))}
dialog::backdrop{background:#01040be0;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.dialog-head{position:relative;flex-shrink:0;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0;padding:24px 24px 20px;border-bottom:1px solid #42665066}
.dialog-head>div{min-width:0}
.dialog-head h2{font-size:27px;line-height:1.2;letter-spacing:-.8px;margin:0;overflow-wrap:anywhere}
.dialog-head .eyebrow{font-size:9px;line-height:1.5;letter-spacing:1.1px;margin:0 0 9px}
.close{flex-shrink:0;min-height:44px;width:44px;height:44px;padding:0;border-radius:12px;border:1px solid #557865;background:#203b2e;color:#d9f8e4;font-size:26px;font-weight:400;line-height:1;box-shadow:inset 0 1px 0 #fff1}
.close:hover:not(:disabled){color:#fff;border-color:#a8ffc6;background:#326344;box-shadow:none;transform:none}
.dialog-body{flex:1 1 auto;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;padding:22px 24px 26px;scroll-padding-block:20px}
.dialog-body label{font-size:12px;line-height:1.5;margin:20px 0 8px}
.dialog-body .field-label label{margin:0}
.dialog-body>label:first-child,.dialog-body form>label:first-child{margin-top:0}
.dialog-body .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.dialog-body form>.form-grid:first-child label{margin-top:0}
.dialog-body :is(input,textarea,select){font-size:15px;min-height:48px;border-radius:10px;padding:13px 14px}
.dialog-body textarea:not([readonly]){resize:vertical;min-height:96px}
.dialog-body .muted.small{font-size:12px;line-height:1.75}
.dialog-body form>button,form.dialog-body>button{min-height:48px;margin-top:22px;border-radius:11px;font-size:14px}
.dialog-body .trade-card input{min-height:62px;font-size:26px;line-height:1.25;padding:14px 16px}
#action-content>.trade-card{border:0;padding:0;background:none;box-shadow:none}
#action-content>.trade-card>.trade-side{margin:0 0 18px}
.dialog-body .trade-help{margin-top:20px;padding-top:18px}
.dialog-body .trade-help .badge{font-size:9px;line-height:1.5;letter-spacing:.5px}
.dialog-body .trade-help p{font-size:12px;margin-bottom:0}
.dialog-body .trade-card #trade-balance{margin:20px 0 0;font-size:11px;line-height:1.65}
.dialog-body>.card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}
.dialog-body>.card-actions>button:last-child:nth-child(odd){grid-column:1/-1}
.dialog-body>.card-actions>button{min-width:0;min-height:46px;padding:11px 12px;font-size:13px;white-space:normal}
.dialog-actions{flex-shrink:0;padding:18px 24px 22px;border-top:1px solid #42665080;background:#0c1c17}
.dialog-actions button{min-width:0;min-height:48px;padding:12px;border-radius:11px;font-size:14px;white-space:normal}
.dialog-actions .card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
.dialog-actions .card-actions>button:last-child:nth-child(odd){grid-column:1/-1}
.review-actions{display:grid;grid-template-columns:minmax(72px,.7fr) minmax(0,1.3fr);gap:12px}
dialog>.form-error{flex-shrink:0;max-height:110px;overflow:auto;margin:16px 24px 0;font-size:12px}
.dialog-body dl:first-child>dt:first-child{margin-top:0}
@media(max-width:560px){
 .dialog-body .form-grid{grid-template-columns:minmax(0,1fr);gap:0}
 .dialog-body form>.form-grid:first-child>div:not(:first-child) label{margin-top:20px}
}
.receive-context{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 20px;margin-bottom:24px;border-bottom:1px solid #4c79604d}
.receive-account{min-width:0;color:#edfff4;font-size:15px;overflow-wrap:anywhere}
.receive-network{flex-shrink:0;padding:5px 8px;border:1px solid #4a7f64;border-radius:5px;background:#24ff790a;color:#aaffca;font:700 9px var(--mono);letter-spacing:.8px}
.receive-layout{display:grid;grid-template-columns:208px minmax(0,1fr);align-items:center;gap:28px}
.receive-code{min-width:0;text-align:center}
.receive-qr{display:grid;place-items:center;aspect-ratio:1;width:100%;overflow:hidden;border:1px solid #d7fbe5;border-radius:12px;background:#fff;box-shadow:0 12px 35px #0005,0 0 30px #24ff790a;color:#244132}
.receive-qr canvas{display:block;width:100%;height:auto;image-rendering:pixelated}
.receive-qr-loading{padding:20px;font:11px/1.6 var(--mono)}
.receive-scan{margin:12px 0 0;color:#afcdbd;font-size:11px}
.receive-details{min-width:0}
.receive-details label{display:block;margin:0 0 9px;color:#c4dfd0;font-size:12px}
#receive-address{display:block;width:100%;min-height:110px;padding:14px 15px;resize:none;overflow:hidden;margin:0 0 16px;border:1px solid #527762;border-radius:9px;color:#fff;background:#030b0ad9;box-shadow:inset 0 2px 6px #0004;font:14px/1.8 var(--mono);overflow-wrap:anywhere;word-break:break-all;cursor:text;-webkit-user-select:text;user-select:text}
#receive-address:focus{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}
#receive-copy{width:100%;min-height:48px;font-size:14px;background-color:var(--accent)}
#receive-copy svg{width:19px;height:19px;flex-shrink:0}
#receive-copy.copied{border-color:#b4ffd0;background:#9affbc}
.receive-copy-status{min-height:19px;margin:9px 0 7px;color:var(--accent);font-size:11px;line-height:1.6}
.receive-copy-status.copy-manually{color:#ffe39e}
.receive-help{margin:0;color:#c0d9cc;font-size:12px;line-height:1.7}
@media(max-width:760px){
 .receive-context{padding-bottom:14px;margin-bottom:20px}
 .receive-layout{grid-template-columns:minmax(0,1fr);gap:22px}
 .receive-qr{width:clamp(160px,27dvh,218px);max-width:100%;margin:auto;border-radius:13px}
 .receive-scan{margin-top:10px;font-size:12px}
 #receive-address{font-size:16px;line-height:1.65;min-height:108px;padding:13px 15px;border-radius:12px}
 #receive-copy{min-height:50px;border-radius:12px;font-size:15px}
 .receive-copy-status{margin:9px 0 3px}
 .receive-help{font-size:12px;text-align:center}
}
@media(max-width:760px) and (max-height:740px){
 .receive-context{margin-bottom:16px}
 .receive-layout{gap:16px}
 .receive-qr{width:clamp(128px,23dvh,170px)}
 .receive-scan{margin-top:8px}
 #receive-address{height:94px;min-height:94px;padding:10px 12px;line-height:1.5}
}
dl{margin:0;font-size:12px}dt{color:#afccbe;margin-top:19px;font-size:11px}dd{margin:6px 0 0;color:#f5fff8;overflow-wrap:anywhere;line-height:1.6;font-variant-numeric:tabular-nums}
#review-details{overflow-wrap:anywhere}
#review-details dd{font-size:13px}
#review-note{color:#c0dccb;font-size:12px;line-height:1.75;margin:22px 0 0}
.nft-detail-image{display:block;max-width:100%;max-height:330px;margin:0 auto 27px;border:1px solid #a364cc66;border-radius:10px;object-fit:contain;box-shadow:0 12px 25px #0007}
.activity-row{display:flex;align-items:center;gap:13px;padding:16px 0;border-bottom:1px solid #52726040}
.activity-row:last-child{border-bottom:0}
.activity-row>div{min-width:0;display:grid;gap:5px}
.activity-row strong{text-transform:capitalize;font-size:12px;font-weight:650;color:#f4fff8}
.activity-row>div>span{color:#9fc2ae;font:8px var(--mono)}
.activity-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:8px;color:var(--accent);border:1px solid #348a51;background:#0d4223;flex-shrink:0}
.activity-icon.token{color:var(--cyan);border-color:#2b8b9d;background:#064153}
.activity-icon.nft{color:#e7a3ff;border-color:#a45fc1;background:#452057}
.activity-icon.trade{color:#e7ff70;border-color:#8da62f;background:#394b0b}
.activity-side{margin-left:auto;text-align:right}
.activity-side>span.positive{color:var(--accent)}.activity-side button{font-size:8px;min-height:20px}
.empty-copy{font-size:11px;margin:25px 0 12px;color:#b5cec0}
.notice{grid-column:2;padding:14px 17px;border:1px solid #b4b331;background:#41430b57;color:#f0f3b0;border-radius:6px;margin-top:20px;font-size:12px}
.message{color:#b7f6ce;font-size:11px;min-height:23px;margin:12px 0 26px;overflow-wrap:anywhere}
.message:empty{min-height:0;margin:0}.message.error{color:#ff9fbe}
.copy-feedback{position:fixed;z-index:50;pointer-events:none;padding:8px 12px;border:1px solid #8effb4;border-radius:5px;color:#041c0b;background:var(--accent);font:700 10px var(--mono);box-shadow:0 5px 15px #0008}
.copy-feedback.error{color:#fff;border-color:#ffb0c6;background:#a32550}
footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:25px 0;margin-top:14px;color:#9cbcaf;font:8px/1.7 var(--mono);border-top:1px solid #38594a80}
.version{color:#b6e6c8;padding-left:18px;border-left:1px solid #416c52}
*{scrollbar-width:thin;scrollbar-color:#5c8e7c #06100d}
::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#5c8e7c;border:2px solid #06100d;border-radius:8px}::-webkit-scrollbar-track{background:#06100d}

@supports(appearance:base-select){
select,select::picker(select){appearance:base-select}
select{background-image:none;gap:10px;align-items:center}
select::picker-icon{color:var(--accent);margin-left:auto;transition:rotate .2s}
select:open::picker-icon{rotate:180deg}
select::picker(select){background:#0a1c17f5;color:#effff4;border:1px solid #73d198;border-radius:8px;padding:6px;margin-top:6px;max-height:320px;box-shadow:inset 0 1px 0 #fff1,0 10px 40px #000b;backdrop-filter:blur(22px)}
select option{border:1px solid transparent;border-radius:4px;padding:10px;margin:2px 0;background:none;font-size:12px;gap:12px;min-height:38px}
select option:hover,select option:focus{background:#1a4c32;border-color:#3a9561;outline:none}
select option:checked{color:#c6ffd8;background:#1b5a33;border-color:#6cf8a0}
select option::checkmark{color:var(--accent);font-size:11px}
}
@keyframes card-in{from{transform:translateY(10px);filter:brightness(.82)}to{transform:translateY(0);filter:brightness(1)}}
@keyframes orbit{to{transform:rotate(360deg)}}
@keyframes skeleton{to{background-position:-250% 0}}
@keyframes price-flash{0%{color:#031b0d;background:#24ff79;box-shadow:0 0 20px #24ff794d}100%{background:transparent;box-shadow:none}}
@media(min-width:1600px){.asset-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1250px){
.shell,.topbar-inner{padding-left:30px;padding-right:30px}.topbar-inner{gap:22px}.header-right{gap:13px}.global-nav button{font-size:12px;padding:9px 11px}.node{display:none}
.entry{gap:45px;grid-template-columns:1.2fr 1fr;padding-right:0}.intro h1{font-size:69px}.access{padding:28px}
#wallet{grid-template-columns:157px minmax(0,1fr);column-gap:25px}
.tab,.discover-nav button{font-size:11px;gap:8px;padding:10px}
.discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.discovery-grid>.asset-card:nth-child(n+4){display:none}
.overview-grid{grid-template-columns:1fr 1fr;gap:18px}
.market-workspace{grid-template-columns:minmax(0,1.4fr) minmax(255px,1fr);gap:17px}
.card{padding:21px}.wallet-top h1{font-size:45px}.wallet-top .actions{gap:6px}.wallet-top .actions .secondary{font-size:10px;padding:8px 10px}.asset-value{font-size:16px}.asset-row{gap:10px}
}
@media(max-width:980px){
.global-nav{gap:0}.brand{font-size:23px}.brand small{display:none}.network{display:none}.topbar-inner{min-height:78px;gap:20px}
.entry{gap:32px;grid-template-columns:1.1fr 1fr;min-height:590px}.intro{min-height:495px}.intro h1{font-size:62px;letter-spacing:-3.2px}.intro>p:not(.eyebrow){font-size:14px}.intro-chips{gap:14px}.intro-chips span{font-size:8px}.access{padding:25px}.access h2{font-size:27px}
#wallet{display:block;padding-top:20px}
.workspace-nav{border-right:0;padding:0;display:flex;flex-direction:row;align-items:center;border-bottom:1px solid #385b4880;margin-bottom:25px}
.workspace-nav nav{flex-direction:row;gap:5px}
.workspace-nav .nav-caption,.workspace-nav .discover-nav,.nav-divider,.nav-status .nav-orbit,.nav-status-label{display:none}
.nav-status{padding:0;border:0;margin:0 0 0 auto}.preparation{font-size:8px}.wallet-top{padding-top:0}.tab{margin-bottom:12px}
.overview-grid{display:grid;grid-template-columns:1fr 1fr}.overview-side{gap:18px}
.asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(prefers-reduced-transparency:reduce){
.topbar{background:#03090b;backdrop-filter:none;-webkit-backdrop-filter:none}
.access,dialog{background:#101e1c;backdrop-filter:none;-webkit-backdrop-filter:none}
dialog::backdrop{background:#02060af5;backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.asset-card:hover{transform:none}
}

/* Touch navigation, safe areas and keyboard-friendly sheets. */
#wallet:has(.panel:not([hidden]):not(#payments)) .wallet-top{padding-top:6px;padding-bottom:20px}
#wallet:has(.panel:not([hidden]):not(#payments)) .wallet-top .eyebrow{display:none}
#wallet:has(.panel:not([hidden]):not(#payments)) .wallet-top h1{font-size:29px;letter-spacing:-.8px;margin-bottom:10px}
.tab{transition:color .12s,border-color .12s,box-shadow .12s}
.message{position:fixed;z-index:45;right:24px;bottom:24px;display:flex;align-items:flex-start;gap:14px;width:max-content;max-width:min(490px,calc(100vw - 38px));padding:15px 16px;border:1px solid #4ac67d;border-radius:9px;background:#0b291bf2;color:#d5ffe4;font-size:12px;box-shadow:0 10px 35px #0009;backdrop-filter:blur(20px);margin:0}
.message:empty{display:none}
.message>span{min-width:0;overflow-wrap:anywhere;align-self:center}
.message.error{color:#ffd6e3;background:#381421f5;border-color:#ec6591}
.message-close{color:inherit;min-height:28px;width:28px;height:28px;padding:0;font-size:21px;font-weight:400;flex-shrink:0;border:1px solid #b7f9c533;border-radius:5px;background:#ffffff08;box-shadow:none}
.message-close:hover:not(:disabled){color:#fff;background:#ffffff18;box-shadow:none;transform:none}
.form-error{color:#ffd6e3;background:#6c20354d;border:1px solid #db5e82;border-radius:6px;font-size:12px;line-height:1.6;padding:13px 15px;margin:0 0 20px;overflow-wrap:anywhere}

@media(max-width:480px){
  .form-grid{grid-template-columns:1fr;gap:0}
  .form-grid label{font-size:11px}
  .form-grid input{font-size:16px}



  .market-facts dl{grid-template-columns:1fr 1fr;row-gap:16px}
  .market-facts dt,.market-facts dd{grid-row:auto}
  .market-facts dl{display:flex;flex-wrap:wrap;gap:0}
  .market-facts dt{width:52%;padding:7px 8px 7px 0;font-size:10px}
  .market-facts dd{width:48%;margin:0;padding:7px 0;text-align:right;font-size:11px}
}
@media(max-width:380px){
  .brand small{display:none}
  .topbar-inner{column-gap:10px}
  .brand{font-size:22px}
  .card-metrics{font-size:14px;overflow-wrap:anywhere}
  .card-title h3{font-size:12px}
  .subtabs button{padding-left:8px;padding-right:8px;font-size:10px}
}

.nft-detail-profile{margin-bottom:18px}
.art-original{position:relative;display:block;color:#fff;text-decoration:none;margin-bottom:25px;border-radius:10px}
.art-original .nft-detail-image{width:100%;height:300px;object-fit:contain;margin-bottom:0;background:radial-gradient(ellipse at 50% 90%,#842dbd26,transparent 75%),#080b12}
.artwork-zoom{position:absolute;right:11px;bottom:11px;display:grid;place-items:center;width:34px;height:34px;border:1px solid #dda1ff99;border-radius:6px;background:#29143fe8;color:#f0d1ff;font-size:22px;box-shadow:0 3px 8px #0007}
.art-original:hover .artwork-zoom{background:#64267e;border-color:#eab7ff}
.nft-owner{font:10px var(--mono);color:#ceb7de;margin-left:13px}
.nft-detail-profile>p{font-size:13px;line-height:1.7;margin:18px 0}
.asset-details{margin-top:24px;border:1px solid #536b6659;border-radius:7px;padding:0 15px;background:#040c0c4d}
.asset-details>summary{padding:14px 0;cursor:pointer;color:#b2d6c3;font-size:11px}
.asset-details>summary:hover{color:#fff}
.asset-details[open]{padding-bottom:18px}
.asset-details dl{font-size:11px}
.asset-details dt{font-size:10px}


.access,.trade-card,.discovery-section{scroll-margin-top:110px}


.mobile-nav,.mobile-trade-dock{display:none}
.desktop-listings{display:none}

/* Master-key access and address management. */
.access #access-main>.muted,.access #master-step>.muted{font-size:13px;line-height:1.7;color:#c7d9d4}
.access-tabs{display:flex;margin-top:24px}.access-tabs button{flex:1;min-height:38px}
.access-note{margin:22px 0 0;font-size:11px!important;color:#b0c9be!important}
.password-field{position:relative}.password-field input{padding-right:67px}
.password-field>.text-button{position:absolute;right:13px;top:50%;transform:translateY(-50%);min-height:30px;padding:3px 2px;font-size:11px}
.password-field>.text-button:hover:not(:disabled){transform:translateY(-50%)}
#access-recover,#access-back{margin-top:18px;min-height:36px}
.master-key{font:13px/1.9 var(--mono);letter-spacing:.7px;resize:none;overflow-wrap:anywhere;word-break:break-all;min-height:90px}
textarea.master-key[readonly]{color:#b3ffd3;background:#061c13;border-color:#4eaf79;cursor:text}
#master-step>button:not(.text-button){width:100%;margin-top:15px;min-height:46px}
#master-step .text-button{margin-top:17px}
.master-confirm{display:flex;align-items:center;gap:11px;font-size:12px;line-height:1.6;margin:23px 0 5px;cursor:pointer}
.master-confirm input{appearance:auto;accent-color:var(--accent);flex-shrink:0;width:19px;height:19px;min-height:19px;margin:0;box-shadow:none}
.wallet-address-controls{display:flex;align-items:center;gap:13px;min-width:0}
button.address-menu{justify-content:space-between;gap:14px;min-height:33px;max-width:180px;padding:6px 10px;font-size:11px;flex-shrink:0;box-shadow:inset 0 1px 0 #fff1,0 2px 0 #03090c}
.address-menu>span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.wallet-address-controls .address{min-width:0;max-width:460px}
.wallet-address-controls .address span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.wallet-settings{display:grid;gap:12px}.wallet-settings>button{justify-content:space-between;min-height:50px;padding:14px 16px}
.wallet-settings>button::after{content:'↗';color:var(--accent);font-size:18px;font-weight:400}
.wallet-section{border-top:1px solid #45685380;margin-top:23px;padding-top:3px}
details.wallet-section{padding-top:0}details.wallet-section>summary{min-height:48px;padding:15px 0;cursor:pointer;color:#c4edd4;font-size:12px}
.wallet-inline{display:flex;gap:9px}.wallet-inline>input{flex:1}.wallet-inline>button{min-width:68px;flex-shrink:0}
.address-list{display:grid;gap:8px}.address-option{width:100%;justify-content:flex-start;gap:13px;min-height:75px;padding:13px;text-align:left;color:#f2fff6;background:#0b1916;border:1px solid #355b48;border-radius:10px;box-shadow:inset 0 1px 0 #fff1;white-space:normal}
.address-option:hover:not(:disabled){transform:none;background:#153b27;border-color:#69e09a;box-shadow:inset 0 1px 0 #fff1}
.address-option.active{border-color:#53de8c;background:linear-gradient(120deg,#133e29,#0b1e18)}
.address-avatar{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;border:1px solid #5ad49173;border-radius:10px;background:#206c3e33;color:#83ffad;font:12px var(--mono)}
.address-option-text{min-width:0;display:grid;gap:6px}.address-option-text strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.address-option-text code{color:#a9c9b9;font:9px var(--mono)}
.address-option-state{margin-left:auto;flex-shrink:0;color:var(--accent);font-size:10px}
.address-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0}
.address-pagination .small{font-size:10px}.address-pagination>.text-button{min-height:44px;padding:8px 6px;font-size:12px}
#add-address{width:100%;margin-top:2px}#find-addresses{width:100%}
@media(max-width:760px){
 .access #access-main>.muted,.access #master-step>.muted{font-size:12px}
 .wallet-top>div:first-child{width:100%;min-width:0}
 .wallet-address-controls{width:100%;gap:10px}
 button.address-menu{max-width:130px;min-height:35px;font-size:11px;border-radius:9px}
 .wallet-address-controls .address{flex:1;min-width:0;width:0;font-size:9px}
 .master-key{font-size:16px;line-height:1.7;letter-spacing:.2px;min-height:102px}
 .access-tabs{border-radius:11px}.access-tabs button{border-radius:8px;font-size:12px}
 .wallet-inline>button{border-radius:10px}.wallet-inline>input{border-radius:10px}
 .wallet-settings>button{border-radius:12px;min-height:52px}
 .address-option{padding:12px;gap:10px}.address-option-text code{font-size:8px}
}

/* Desktop sections use the persistent navigation and one contextual header. */
@media(min-width:761px){
 html{scroll-padding-top:112px}
 .desktop-listings{display:flex}
 .tab.desktop-listings.active,.tab[data-panel="nfts"].active{color:#250a35;background:#d17aff;border-color:#e1a8ff;box-shadow:0 4px 16px #bc45ff1a}
 .tab.desktop-listings.active:hover:not(:disabled),.tab[data-panel="nfts"].active:hover:not(:disabled){color:#250a35;background:#e2a0ff;border-color:#f1d2ff}
 .panel{padding-top:28px}
 #tokens,#nfts{position:relative}
 #tokens>.section-toolbar,#nfts>.section-toolbar{position:absolute;top:29px;right:0;z-index:1;margin:0}
 #tokens>.section-toolbar>.subtabs,#nfts>.section-toolbar>.subtabs{display:none}
 #tokens:has(.market-workspace)>.section-toolbar,#nfts[data-view="listings"]>.section-toolbar{display:none}
 #launch-token,#create-nft{min-height:42px;padding:10px 17px;font-size:12px}
 #token-content>.section-title,#nft-content>.section-title{position:relative;min-height:76px;margin:0 0 24px;align-items:center}
 #token-content>.section-title>div,#nft-content>.section-title>div{min-width:0}
 #tokens:has(#launch-token:not([hidden])) #token-content>.section-title,#nfts:not([data-view="listings"]):has(#create-nft:not([hidden])) #nft-content>.section-title{padding-right:185px}
 #tokens:has(#launch-token:not([hidden])) #token-content>.section-title>.small,#nfts:not([data-view="listings"]):has(#create-nft:not([hidden])) #nft-content>.section-title>.small{position:absolute;right:0;bottom:2px;margin:0}
 #token-content>.section-title>.small,#nft-content>.section-title>.small{font-size:9px;white-space:nowrap}
 .catalog-subtitle{margin-top:10px;font-size:13px;max-width:620px}
 .catalog-toolbar{gap:12px}
 .catalog-toolbar input{font-size:14px}
 .catalog-toolbar select{font-size:12px}
 .catalog-toolbar select{max-width:185px}
 #nft-content{display:block}
 .market-filters button{min-height:35px;padding:8px 14px;font-size:11px}
 .asset-card:focus-within{border-color:#65ffc0;box-shadow:0 0 0 2px #24ff7926,0 14px 30px #0006}
 .nft-card:focus-within{border-color:#d996ff;box-shadow:0 0 0 2px #cd67ff26,0 14px 30px #0006}
 .card-art:focus-visible{outline-offset:-5px}
 .market-workspace{grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:24px}





 .market-facts dt{font-size:10px}.market-facts dd{font-size:12px}
 .trade-card{position:sticky;top:110px}
 .trade-card .trade-help{margin-top:20px;padding-top:17px}
 .trade-card .trade-help p{line-height:1.7}
 .trade-card #trade-balance{font-size:10px}
 .back-button{display:inline-flex;align-items:center;min-height:34px!important;margin-bottom:20px}
}
@media(min-width:981px){
 .workspace-nav{position:sticky;top:110px;align-self:start;max-height:calc(100dvh - 130px);overflow-y:auto;padding-top:14px;padding-bottom:12px;scrollbar-width:thin;scrollbar-gutter:stable}
 .workspace-nav nav,.discover-nav{gap:5px}
 .nav-caption{font-size:9px;letter-spacing:1.4px}
 .nav-divider{margin-top:22px;margin-bottom:22px}
 .nav-status{margin-top:30px;padding-top:18px;gap:11px}
 .wallet-top>div:first-child{min-width:0}
}
@media(min-width:761px) and (max-width:1100px){
 .asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .market-workspace{grid-template-columns:minmax(0,1fr) 290px;gap:16px}


 .catalog-toolbar select{max-width:145px}
 .trade-card{padding:20px}
}
@media(min-width:761px) and (max-height:820px){
 .trade-card{position:static}
}

/* Project artwork fills the card surface. */
.card-art,.discovery-grid .card-art{height:auto;aspect-ratio:1.25}
.card-art img{inset:0;width:100%;height:100%;border:0;border-radius:0;object-fit:cover;transform:none;background:none;box-shadow:none}
.asset-card:hover .card-art img{transform:scale(1.035)}
.card-art::after{inset:0;border:0;border-radius:0;background:linear-gradient(180deg,transparent 70%,#02080b45)}
.nft-card .card-art,.discovery-grid .nft-card .card-art{aspect-ratio:1}
.nft-card .card-art img{padding:0;object-fit:contain}

@media(max-width:760px){
 html{scroll-padding-top:76px}
 body,body:has(#wallet:not([hidden])){padding-bottom:calc(82px + env(safe-area-inset-bottom))}
 .shell,.topbar-inner{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
 .topbar-inner{min-height:64px;display:flex;justify-content:space-between;gap:12px;padding-top:env(safe-area-inset-top)}
 .brand{font-size:23px;letter-spacing:-1px;gap:7px;min-height:44px}
 .brand-mark{width:31px;height:31px}.brand small{display:none}
 .global-nav{display:none}.header-right{gap:9px;margin:0}
 .network{position:static;display:block;font-size:8px;letter-spacing:.6px;padding:4px 6px;border:1px solid #76953355;background:#829c1714;border-radius:5px}
 .connect-button{width:40px;height:40px;min-height:40px;padding:0;border-radius:12px;font-size:0;gap:0;color:#c6f8d8;background:linear-gradient(135deg,#153329,#0e1b1a);border:1px solid #3a6353;box-shadow:inset 0 1px 0 #d4ffe514,0 3px 10px #0004}
 .connect-button span{display:none}
 .connect-button svg{display:block}
 .mobile-nav{position:fixed;z-index:30;inset:auto 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:7px max(9px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-left));border-top:1px solid #46726277;background:#071211ed;box-shadow:0 -8px 35px #0006;backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%)}
 .mobile-nav button{display:flex;flex-direction:column;gap:5px;min-height:52px;padding:5px 3px;border:0;border-radius:12px;background:none;color:#91aaa3;box-shadow:none;font-size:10px;font-weight:600;line-height:1.3}
 .mobile-nav svg{width:22px;height:22px}
 .mobile-nav button.active{color:#4dff96;background:linear-gradient(#24ff7919,#24ff7906)}
 .mobile-nav button[data-route="marketplace"].active{color:#e0a2ff;background:linear-gradient(#cd67ff1c,#cd67ff06)}
 .mobile-nav button:hover:not(:disabled){background:#1e463230;color:#fff;box-shadow:none;transform:none}
 #wallet{display:block;padding-top:18px}
 .workspace-nav{position:static;display:block;inset:auto;padding:0;margin:0 0 20px;border:0;background:none;box-shadow:none;backdrop-filter:none}
 .workspace-nav nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:4px;max-width:none;border:1px solid #3c5a4d;background:#0b1717;border-radius:12px}
 .workspace-nav .nav-caption,.workspace-nav .discover-nav,.nav-divider,.nav-status{display:none}
 .workspace-nav .tab{min-height:40px;padding:8px 4px;border:0;border-radius:8px;background:none;color:#a5bfb4;box-shadow:none;font-size:11px;font-weight:600;line-height:1.3;justify-content:center;gap:0;margin:0}
 .workspace-nav .tab svg{display:none}
 .workspace-nav .tab.active{color:#e1ffed;background:#1e4131;box-shadow:0 1px 4px #0005}
 .workspace-nav .tab[data-panel="nfts"].active{background:#452355;color:#f6d9ff}
 body[data-route="launchpad"] .workspace-nav,body[data-route="dex"] .workspace-nav,body[data-route="marketplace"] .workspace-nav{display:none}
 .wallet-top{align-items:flex-start;flex-direction:column;padding:4px 0 22px;gap:15px}
 .wallet-top h1{font-size:42px;letter-spacing:-1.8px;margin-bottom:12px}.wallet-top h1 small{font-size:12px;letter-spacing:0;margin-left:7px}
 .wallet-top .eyebrow{font-size:8px;margin-bottom:10px}.wallet-top .actions{align-self:flex-end}
 .address{min-height:35px;font-size:9px;max-width:100%}
 #wallet:has(.panel:not([hidden]):not(#payments)) .wallet-top{display:none}
 .panel{padding:0 0 24px}
 .section-toolbar{position:relative;min-height:0;margin:0}
 #tokens .section-toolbar .subtabs{display:none}
 #launch-token{position:absolute;right:0;top:0;z-index:1;min-height:36px;padding:8px 12px;border-radius:10px;font-size:11px;box-shadow:inset 0 1px 0 #c5ffcf60,0 2px 0 #086329}
 .section-title{gap:12px;margin:0 0 16px;min-height:36px;align-items:center}
 .section-title h2{font-size:28px;letter-spacing:-1px}.section-title>.small{display:none}
 #tokens:has(#launch-token:not([hidden])) .section-title{padding-right:117px}
 .catalog-subtitle{display:none}
 .catalog-toolbar{gap:8px;margin-bottom:12px}
 .catalog-toolbar input{min-width:0;min-height:44px;padding:10px 12px;border-radius:11px;font-size:12px;box-shadow:inset 0 1px 4px #0005}
 .catalog-toolbar input:focus{font-size:16px}
 .catalog-toolbar select{width:97px;max-width:97px;min-height:44px;padding:9px;border-radius:11px;font-size:11px;gap:4px}
 .market-filters{display:flex;gap:4px;flex-wrap:nowrap;padding:4px;margin:0 0 16px;border:1px solid #36574a;background:#0b1717;border-radius:12px}
 .market-filters button{min-width:0;flex:1;min-height:36px;padding:7px 4px;font:600 10px/1.3 "Ubuntu Sans","Segoe UI",Arial,sans-serif;border:0;border-radius:8px;background:none;color:#a8c0b6;box-shadow:none}
 .market-filters button.active{color:#e1ffec;background:#204734;box-shadow:0 1px 4px #0004}
 .spotlight-filters button{min-height:44px;white-space:normal;font-size:10px;padding:7px 3px}
 .spotlight-order{font-size:10px;margin:-6px 0 13px}
 .asset-grid,.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .discovery-grid>.asset-card:nth-child(n+4){display:block}
 .asset-card{border-radius:15px;border-color:#3a6258;background:linear-gradient(135deg,#10231f,#0a1517);box-shadow:inset 0 1px 0 #d6ffed0d,0 5px 15px #0004}
 .asset-card:hover{transform:none}
 .card-art,.discovery-grid .card-art{height:auto;aspect-ratio:1;border-bottom-color:#426f5a88}
 .card-art img{inset:0;width:100%;height:100%;border:0;border-radius:0;transform:none;object-fit:cover}
 .asset-card:hover .card-art img{transform:none}
 .card-art::after{background:linear-gradient(180deg,transparent 70%,#06120c55)}
 .asset-card-body,.discovery-grid .asset-card-body{padding:12px}
 .card-title{position:static;display:block}.card-title h3{font-size:13px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .card-title .badge{position:absolute;top:9px;left:9px;z-index:1;padding:4px 6px;border-radius:6px;font-size:6px;letter-spacing:.4px;backdrop-filter:blur(12px);box-shadow:0 2px 7px #0005}
 .token-symbol{font-size:10px;margin:4px 0;color:#a7c7ba}
 .asset-card .asset-id{font-size:7px;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .card-metrics{font-size:15px;line-height:1.4;margin:11px 0 0;letter-spacing:-.4px}
 .token-card-stats{gap:8px;margin-top:12px}.card-stat-label{font-size:9px}
 .card-market-cap-value{font-size:19px;gap:4px;letter-spacing:-.4px}.card-market-cap-value small{font-size:8px}
 .token-card-stats .card-metrics{font-size:11px}
 .card-token-supply{padding-top:7px;gap:3px 6px}.card-token-supply strong{font-size:12px}.card-supply-note{font-size:9px;margin-top:-3px}
 .card-usd{font-size:10px}
 .card-open{min-height:36px!important;padding:8px 0 0!important;margin-top:10px;font-size:10px!important;border-top-color:#466e5c66!important}
 .card-open::after{font-size:17px}
 .nft-card,.discovery-grid .nft-card{border-color:#68437b;background:linear-gradient(135deg,#241432,#111522)}
 .nft-card .card-art,.discovery-grid .nft-card .card-art{aspect-ratio:1;height:auto}
 .nft-card .card-art img{width:100%;height:100%;padding:0;inset:0;transform:none;object-fit:contain}
 .nft-card[data-kind="listing"] .card-metrics{font-size:17px;margin:11px 0 0;color:#f5dcff}
 .nft-card .card-metrics{font-size:10px;margin:11px 0 0}
 .collection-heading{margin:6px 0 0;padding-bottom:12px;gap:10px}
 .collection-heading h3{font-size:14px}.collection-heading .asset-id{font-size:7px}.collection-heading .badge{font-size:7px}
 #nfts .section-toolbar{margin-bottom:15px;display:flex;align-items:center;gap:9px}
 #nfts .section-toolbar .subtabs{border:0;padding:0;border-radius:0;background:none;gap:13px;min-width:0}
 #nfts .subtabs button{min-height:40px;padding:7px 0;border:0;border-radius:0;background:none;color:#9eabae;font-size:11px;box-shadow:none}
 #nfts .subtabs button.active{color:#f0c5ff;background:none;border-bottom:2px solid #d178ff}
 #create-nft{min-height:36px;padding:8px 10px;font-size:10px;border-radius:10px;box-shadow:inset 0 1px 0 #c5ffcf60,0 2px 0 #086329}
 .overview-grid{grid-template-columns:1fr;gap:18px}.overview-side{gap:18px}
 .card{padding:19px;border-radius:15px}.card-heading h2{font-size:20px}
 .asset-row{padding:14px 0;gap:10px}.asset-logo{width:42px;height:42px;border-radius:12px}.asset-row-name strong{font-size:13px}.asset-row-name span{font-size:7px}.asset-value{font-size:17px}
 .card-actions{gap:10px;margin-top:20px}.card-actions button{min-height:44px;font-size:12px;border-radius:11px}
 .actions button{min-height:40px}.actions .secondary{font-size:11px;padding:9px 13px;border-radius:10px}
 .accent-card{min-height:260px}.accent-card h2{font-size:33px}.accent-card .muted{font-size:12px}.hero-footnote{font-size:7px}
 .discovery-home{padding:0 0 12px}.discovery-section{margin:12px 0 28px}
 .discovery-heading{align-items:center;gap:12px;margin-bottom:16px}.discovery-heading h2{font-size:26px;letter-spacing:-1px}
 .discovery-heading .eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:8px}
 .discovery-heading .text-button{max-width:110px;font-size:10px;white-space:normal;line-height:1.5;text-align:right;justify-content:flex-end}
 .discovery-empty{padding:20px;flex-direction:column;gap:18px;align-items:flex-start}
 .entry{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:28px 0 32px;min-height:0}
 .intro{min-height:430px;padding-top:3px}.intro .eyebrow{font-size:7px;letter-spacing:1.1px;gap:8px}
 .intro h1{font-size:clamp(43px,11.5vw,68px);line-height:1;letter-spacing:-2.4px;margin:23px 0 19px}.intro>p:not(.eyebrow){font-size:14px}
 .intro-chips{gap:16px;margin-top:22px}.intro-chips span{font-size:8px}
 .noid-quote{margin-top:23px;gap:18px;padding:12px 13px;border-radius:11px}#noid-usd-price{font-size:26px}.coingecko-button{min-height:44px;padding:10px 12px;font-size:10px;gap:11px}
 .intro-visual{inset:128px -16px -6px;mask-image:radial-gradient(ellipse 100% 85% at 60% 55%,#000 26%,transparent 79%);background-position:center,61% center}.visual-caption{left:17px;bottom:33px;font-size:7px}
 .access{padding:24px;border-radius:16px}.access h2{font-size:30px}.access>.muted{font-size:12px}.access>.small{font-size:10px}
 .back-button{font-size:12px!important;min-height:36px!important;padding:0!important;margin:0 0 12px!important}
 .market-workspace{grid-template-columns:1fr;gap:16px}




 #market-chart{height:220px}.chart-caption{font-size:9px;line-height:1.6}
 .market-facts dt{font-size:9px}.market-facts dd{font-size:11px}.market-profile .small{font-size:12px}
 .market-workspace>.trade-card{display:none}
 .mobile-trade-dock{position:fixed;z-index:24;bottom:calc(66px + env(safe-area-inset-bottom));left:0;right:0;display:flex;gap:10px;padding:11px 16px 14px;background:linear-gradient(#06100bef,#06100bfa);border-top:1px solid #366c4f66;backdrop-filter:blur(22px)}
 .mobile-trade-dock button{flex:1;min-height:46px;border-radius:12px;font-size:14px;box-shadow:inset 0 1px 0 #d6ffed44,0 2px 0 #086329}
 .mobile-trade-dock .secondary{box-shadow:inset 0 1px 0 #ffffff0d,0 2px 0 #020706}
 #token-content:has(.mobile-trade-dock){padding-bottom:76px}
 .trade-card .subtabs{display:flex;max-width:none;border-radius:12px}.trade-card .subtabs button{flex:1;min-height:44px;border-radius:8px;font-size:13px}
 .trade-card input{font-size:26px;min-height:62px}.trade-card #trade-balance{font-size:11px}
 .trade-card .trade-help{margin-top:18px}.trade-card .trade-help p{font-size:12px}
 #trade-form>button{width:100%;border-radius:12px}
 dialog,dialog.wide-dialog{inset:auto 0 calc(var(--popup-bottom,0px) + max(16px,env(safe-area-inset-bottom)));width:calc(100% - 32px);max-width:560px;max-height:calc(var(--popup-height,100dvh) - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin:0 auto;border-radius:20px;border-bottom:1px solid #5f8c74}
 .dialog-head{padding:20px 20px 18px;gap:16px}
 .dialog-head h2{font-size:24px;letter-spacing:-.7px}.dialog-head .eyebrow{font-size:9px;letter-spacing:1px}
 .dialog-body{padding:20px 20px 24px}
 .dialog-body :is(input,textarea,select){font-size:16px;min-height:50px}
 .dialog-body .trade-card input{font-size:26px;min-height:62px}
 .dialog-actions{padding:16px 20px 20px}
 .dialog-actions button{min-height:48px;font-size:13px}
 dialog>.form-error{margin:14px 20px 0}
 #review-details dl{font-size:12px}
 input,textarea,select{font-size:16px;min-height:48px;border-radius:11px}.form-grid{gap:13px}.form-grid label{font-size:11px}.form-summary{font-size:11px;gap:12px;flex-wrap:wrap}
 form>button{min-height:48px;border-radius:12px}
 .image-picker{min-height:155px;border-radius:13px}.image-picker .small{font-size:11px}
 .activity-row{gap:9px}.activity-row strong{font-size:12px}.activity-row>div>span{font-size:8px}.activity-icon{width:32px;height:32px}
 .message{right:16px;bottom:calc(83px + env(safe-area-inset-bottom));max-width:calc(100vw - 32px);padding:12px;font-size:12px;border-radius:12px}
 .message-close{min-height:36px;height:36px;width:36px;font-size:23px;border-radius:8px}
 footer{font-size:7px;padding:24px 0}footer>span{max-width:230px}
 .asset-details>summary{padding:17px 0;font-size:12px}.nft-owner{font-size:9px}.nft-detail-profile>p{font-size:12px}
 .access,.trade-card,.discovery-section{scroll-margin-top:82px}
 .art-original .nft-detail-image{height:auto;max-height:40dvh;width:100%;border-radius:13px;object-fit:contain}
}
@media(max-width:359px){.brand{font-size:21px}.brand-mark{width:29px;height:29px}.network{font-size:7px}.asset-card-body,.discovery-grid .asset-card-body{padding:10px}.card-title h3{font-size:12px}.card-metrics{font-size:13px}.market-filters button{font-size:9px}#nfts .section-toolbar .subtabs{gap:9px}#nfts .subtabs button{font-size:10px}}

/* Paged NFT browsing and a visible collection scope. */
.nft-browser-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.nft-browser-switch{display:inline-flex;gap:4px;padding:4px;border:1px solid #5a3d70;border-radius:11px;background:#100d18}
.nft-browser-switch button{min-height:38px;padding:8px 17px;border:1px solid transparent;border-radius:7px;box-shadow:none;color:#c9bcd6;background:transparent;font-size:13px}
.nft-browser-switch button:hover:not(:disabled){color:#f2deff;background:#362041;border-color:#8d51aa;box-shadow:none;transform:none}
.nft-browser-switch button.active{color:#240d31;background:#d98bff;border-color:#ecbfff;box-shadow:inset 0 1px 0 #fff4;font-weight:750}
.nft-browser-controls>button{min-height:42px;padding:10px 15px;font-size:12px}
.nft-item-filters{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:-4px 0 22px}
.nft-item-filters input,.nft-item-filters select{min-height:44px;padding:10px 12px;font-size:12px}
.collection-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:25px 0 0}
.collection-pagination>span{color:#c3abd4;font-size:12px}
.collection-pagination>button{min-height:42px;padding:10px 16px;font-size:12px}
.collection-scope-id{display:block;max-width:100%;margin-top:10px;color:#b9a8c9;font:10px/1.6 var(--mono);overflow-wrap:anywhere}
.nft-back{margin:0 0 15px}
.asset-card-body .card-collection{min-height:32px;justify-content:flex-start;margin-top:3px;color:#d7a3ed;font-size:11px}
@media(max-width:760px){
 .nft-browser-controls{gap:10px;flex-wrap:wrap;margin-bottom:16px}
 .nft-browser-switch{gap:3px;padding:4px;border-radius:12px}
 .nft-browser-switch button{min-height:44px;padding:8px 13px;border-radius:8px;font-size:12px}
 .nft-browser-controls>button{min-height:44px;padding:10px 12px;font-size:12px;border-radius:11px}
 .nft-item-filters{grid-template-columns:1fr 1fr;gap:10px;margin:0 0 18px}
 .nft-item-filters>select{grid-column:1/-1}
 .nft-item-filters input,.nft-item-filters select{font-size:16px;min-height:48px;padding:11px 12px;border-radius:11px}
 .collection-pagination{gap:10px;margin-top:20px}
 .collection-pagination>button{min-height:44px;padding:10px 13px;border-radius:10px}
 .collection-scope-id{font-size:9px}
 .asset-card-body .card-collection{font-size:11px;min-height:36px}
}
.nft-price-field{min-width:0}
.nft-price-field>label{margin:0 0 6px;color:#c6b9d1;font-size:11px;line-height:1.5}
.nft-item-filters>select{align-self:end}
.nft-item-filters input:invalid{border-color:#f078a5}
#nfts:has(.collection-scope-id) .section-title>.small{display:none}
.nft-browser-switch button.active:hover:not(:disabled){color:#240d31;background:#e8acff;border-color:#f3d2ff;box-shadow:inset 0 1px 0 #fff4;transform:none}
.nft-filter-panel{margin:0 0 20px}
.nft-filter-panel>summary{display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:8px 13px;border:1px solid #674c7b;border-radius:9px;color:#e6d2f1;background:#26172f;list-style:none;cursor:pointer;font-size:12px;font-weight:650}
.nft-filter-panel>summary::-webkit-details-marker{display:none}
.nft-filter-panel>summary::after{content:'⌄';font-size:16px;line-height:1}
.nft-filter-panel[open]>summary{margin-bottom:17px}
.nft-filter-panel[open]>summary::after{transform:rotate(180deg)}
.nft-filter-panel>summary:hover{border-color:#c58fe1;background:#382143}
.nft-filter-count{display:grid;place-items:center;min-width:18px;height:18px;border-radius:5px;color:#230f31;background:#e1a3ff;font:750 10px var(--mono)}
.nft-filter-panel .nft-item-filters{margin:0}
@media(max-width:760px){
 #nft-content .catalog-toolbar input{font-size:16px;min-height:48px}
 #nft-content .catalog-toolbar select{min-width:132px;white-space:nowrap;font-size:12px}
 .nft-filter-panel>summary{min-height:44px;border-radius:10px;padding:10px 13px;font-size:13px}
}
dialog .asset-details>summary{min-height:44px;display:flex;align-items:center;font-size:12px;cursor:pointer}
@media(max-width:760px){
 .nft-back{min-height:44px}
 .asset-card-body .card-collection{min-height:44px}
}
dialog .asset-details>summary::after{content:'⌄';margin-left:auto;padding-left:12px;font-size:16px;line-height:1}
dialog .asset-details[open]>summary::after{transform:rotate(180deg)}