/* TRON red: a deep red gallery with a single floating navigation bar. */
:root{color-scheme:dark;--canvas:#0e0e0e;--ink:#f4f4f4;--muted:#989898;--red:#616161;--line:#ffffff12;--green:#8ce0ba}
body{background:radial-gradient(ellipse 95% 620px at 50% -160px,#2f2f2f60,transparent 80%),#0e0e0e;color:var(--ink)}
.header{position:relative;display:flex;align-items:center;justify-content:flex-start;max-width:1200px;width:calc(100% - 80px);height:76px;margin:26px auto 0;padding:0 20px 0 25px;gap:34px;border:1px solid #ffffff10;border-radius:20px;background:linear-gradient(120deg,#222222a6,#161616e8);box-shadow:inset 0 1px 0 #a5a5a50b,0 12px 32px #02020226;backdrop-filter:blur(18px)}
.header .brand{font-size:28px;letter-spacing:-1.5px;gap:9px;white-space:nowrap}.header .brand-mark{width:24px;height:28px;background:linear-gradient(135deg,#c1c1c1,#676767 46%,#3e3e3e)}.header .brand-period{color:#757575;margin-left:-9px}.chain-badge{font-size:8px;letter-spacing:1.3px;font-weight:600;color:#a0a0a0;margin:3px 0 0 9px;padding-left:17px;border-left:1px solid #ffffff15;line-height:21px}
.header-nav{display:flex;align-items:center;gap:6px}.header .nav-link{display:block;font-size:12px;height:38px;padding:0 15px;border-radius:10px;color:#909090}.header .nav-link:hover{background:#ffffff06;color:#fff}.header .nav-link.active{color:#f4f4f4;background:#ffffff09}.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.header .create-button{height:40px;margin:0;padding:0 17px;border-radius:11px;font-size:12px;gap:7px;background:linear-gradient(#6f6f6f,#515151);box-shadow:inset 0 1px 0 #bfbfbf4d,0 4px 12px #3333331a}.header .create-button:hover{background:#6f6f6f;box-shadow:0 4px 20px #51515130}.header #wallet-button{height:40px;padding:0 17px;border-radius:11px;border:1px solid #8282823d;background:#ffffff03;color:#d5d5d5;font-size:12px;font-weight:500;white-space:nowrap}.header #wallet-button:hover{background:#ffffff09;border-color:#82828266}.wallet-icon{color:#aeaeae}
.intro{height:122px;padding:35px 0 24px}.intro h1{font-weight:500;letter-spacing:-1.2px;font-size:34px;color:#f1f1f1}
.gallery-toolbar{padding-bottom:0;border:0}.tabs button{color:#989898;font-size:12px}.tabs button:hover{color:#ebebeb;background:#ffffff04}.tabs button.selected{background:#3a3a3a66;color:#f3f3f3;box-shadow:inset 0 0 0 1px #8282822b}.tiny-dot{background:#7c7c7c}.search{background:#ffffff03;border-color:#ffffff10}.search input{color:#eeeeee}.search input::placeholder{color:#8d8d8d}.search svg,.sort-button svg{stroke:#929292}.search>span{border-color:#ffffff1a;color:#828282}.sort-button{background:#ffffff04;border-color:#ffffff10}.sort-button:hover{background:#ffffff08}.sort-button.selected{border-color:#616161}
.section-meta{color:#a3a3a3}.muted{color:#6d6d6d}.demo-label{color:#787878}.demo-label>span{background:#868686}
.token-card{background:linear-gradient(145deg,#22222270,#181818bb);border-color:#8c8c8c16;box-shadow:0 3px 10px #04040411}.token-card:hover{border-color:#8b8b8b40;box-shadow:0 16px 30px #0303032b}.art-panel{background:radial-gradient(ellipse at 50% 0%,#a6a6a60d,transparent 75%),var(--art-bg,#2d2d2d);border:1px solid #aeaeae0b}.art-index{color:#dddddd47}.favorite{background:#ffffff08;color:#b5b5b5;border:1px solid #ffffff08}.favorite:hover{background:#ffffff14;color:#fff}.favorite[aria-pressed=true]{background:#676767;color:#fff;border-color:#b1b1b1}.card-title h3{color:#f3f3f3}.ticker{color:#8c8c8c}.card-arrow{color:#878787}.market-value{color:#e3e3e3}.metric-label{color:#838383}.change{color:#8ce0ba}.change.negative{color:#b2b2b2}.progress-track{background:#ffffff0a}.progress-fill{background:linear-gradient(90deg,#4a4a4a,#7c7c7c)}
.gallery-end{color:#6b6b6b}.line{background:#ffffff10}footer{color:#787878;border-color:#ffffff0e}footer .brand{color:#b4b4b4}.footer-right{color:#888888}
dialog{background:#161616;border-color:#4f4f4f55;color:#f1f1f1;box-shadow:0 30px 100px #02020280}dialog::backdrop{background:#070707b0;backdrop-filter:blur(9px)}.eyebrow{color:#8e8e8e}.close{background:#ffffff08;color:#a7a7a7}.close:hover{background:#ffffff12}.preview-column{background:#0f0f0f}.mini-preview{background:#1d1d1d;box-shadow:0 5px 15px #05050540}.preview-caption{color:#848484}.upload-button{background:#ffffff06;border-color:#ffffff12;color:#c8c8c8}.upload-note{color:#8d8d8d}.form-column input,.form-column textarea{background:#101010;border-color:#64646440;color:#ebebeb}.form-column input::placeholder,.form-column textarea::placeholder{color:#717171}.input-suffix>span{color:#898989}legend>span{color:#898989}.pair{border-color:#64646440;background:#ffffff02}.pair.selected{background:#4343433b;border-color:#6f6f6f88}.pair.selected>span{color:#a4a4a4}.custom{background:#ffffff10;color:#c0c0c0}.fee-options button{border-color:#64646440}.fee-options .selected{background:#4343433b;border-color:#6f6f6f88;color:#c8c8c8}summary{color:#989898}.dialog-footer{background:#161616;border-color:#ffffff0d}.dialog-footer>span{color:#939393}.dialog-footer .tiny-dot{background:#a1a1a1}.secondary{border-color:#64646440;background:#ffffff04}.wallet-subtitle,.quiet-note{color:#979797}.wallet-option{border-color:#64646440}.wallet-option:hover{background:#ffffff06}.wallet-option>span:last-child{color:#9f9f9f}.review-stats span,.detail-ticker{color:#929292}#toast{background:#353535;border:1px solid #76767666;color:#f4f4f4;box-shadow:0 8px 30px #02020270}
@media(min-width:1500px){.header{max-width:1280px}.intro{height:132px}}
@media(max-width:1000px){.header{width:calc(100% - 56px);gap:20px;padding:0 18px}.header-nav{gap:2px}.header .nav-link{padding:0 10px}.chain-badge{display:none}.header-actions{gap:8px}}
@media(max-width:760px){.header{width:calc(100% - 40px);height:66px;margin:20px auto 0;padding:0 14px;gap:12px;border-radius:17px}.header-nav{display:none}.header .brand{font-size:25px;gap:7px}.header .brand-mark{width:21px;height:25px}.header .brand-period{margin-left:-7px}.header-actions{gap:8px}.header .create-button{height:37px;padding:0 12px;font-size:11px;gap:5px}.header #wallet-button{height:37px;padding:0 12px;font-size:11px}.intro{height:100px;padding:30px 0 20px}.intro h1{font-size:29px}.dialog-footer{background:#161616}}
@media(max-width:450px){.header{width:calc(100% - 32px);padding:0 12px;gap:10px}.header .brand{font-size:23px;gap:6px}.header .brand-mark{width:19px;height:23px}.header .brand-period{margin-left:-6px}.header .create-button{padding:0 10px;font-size:10px;gap:3px}.header #wallet-button{padding:0 10px;font-size:10px}.header-actions{gap:6px}.intro h1{font-size:28px}}
@media(max-width:360px){.header{width:calc(100% - 24px);padding:0 10px;gap:8px;flex-wrap:nowrap}.header .brand{font-size:21px;gap:4px}.header .brand-mark{width:16px;height:20px}.header .create-button{padding:0 8px;font-size:9px}.header #wallet-button{font-size:9px;padding:0 8px}.header-actions{gap:5px}}