/* DogeScreen — warm gold, ink and a little cosmic dust. */
:root,:root[data-theme="dark"],:root[data-theme="light"]{--bg:#0c0c0a;--bg-elev:#171713;--bg-soft:#202019;--bg-hover:#2c281b;--text:#f7f3e8;--text-2:#ccc7b7;--text-3:#969382;--border:#343124;--border-2:#26251d;--blue:#d6b455;--blue-soft:#3b321b;--link:#e6c778;--gold:#dbb956;--green:#c9b66c;--chip:#242219}
body{background:#0c0c0a;color:var(--text);font-weight:500}
.dex-sidebar{width:222px;background:#10100d;padding:0 12px 18px;border-color:#2d2a1e}.dex-brand{padding:0 12px;margin:0 -12px 18px;height:76px}.logo{font-size:19px;letter-spacing:-.8px;gap:8px}.logo .brand-light{color:#dabb68;font-weight:500}.dex-brand .mx-mark{width:34px;height:34px}
#app{margin:76px 12px 60px 234px;max-width:none}.dex-metas{left:222px;height:52px;background:#10100df5;border-color:#2d2a1e;padding:0 28px;gap:24px}.dex-metas a{color:#c7c1af;font-size:12px}.dex-metas .dex-header-social{color:var(--gold);border-color:var(--border)}.dex-metas .metas-title{border-color:var(--border)}
.dex-nav-link{height:40px;color:#b5b09f;font-weight:600;border-radius:7px;margin:3px 0}.dex-nav-link.active{background:#302a18;color:#efd383;border:1px solid #5d4b24}.dex-nav-link:hover{background:#242117;color:#f5dc9e}.dex-nav-link.active:before{background:#dfbe65}.dex-search{background:#1b1b15;border-color:#3a3628;color:#d2cbbb;height:40px;font-size:12px}.dex-search kbd{background:#28251a;border-color:#49412a;color:#c7b887}.dex-upload{background:#d8b65c;color:#19160e;border-color:#d8b65c;font-size:12px;margin:12px 0 24px}.dex-upload:hover{background:#edd08b}.dex-sidebar-bottom{border-color:var(--border)}.dex-sidebar-bottom a{color:#ddc478}.dex-section-label{font-size:10px;letter-spacing:2px;color:#8d8671}.dex-source-icon{filter:saturate(.4);font-size:11px}
.doge-hero{position:relative;display:grid;grid-template-columns:1.1fr 1fr;min-height:350px;border:1px solid #4b4129;border-radius:14px;margin-bottom:28px;padding:35px 44px;overflow:hidden;background:radial-gradient(ellipse at 80% 95%,#5e4c2344,transparent 65%),radial-gradient(1px 1px at 20% 30%,#c7bd90 90%,transparent),radial-gradient(1px 1px at 70% 20%,#c7bd90 90%,transparent),radial-gradient(1px 1px at 40% 65%,#817449 90%,transparent),#12130f;background-size:auto,173px 139px,241px 181px,211px 193px,auto}
.doge-kicker{font-size:10px;letter-spacing:2.5px;font-weight:700;color:#c6b476}.doge-hero h2{font-size:clamp(36px,4.1vw,66px);line-height:1.06;letter-spacing:-3px;margin:19px 0 16px;font-weight:650;color:#fff9ea}.doge-hero h2 em{font-family:Georgia,serif;font-weight:400;color:#e0bd60}.doge-hero p{font-size:13px;line-height:1.8;color:#b7b3a4;margin:0 0 24px}.doge-cta{display:inline-flex;align-items:center;gap:25px;background:#ddbb64;border-radius:6px;color:#201b10;padding:11px 16px;font-weight:800;font-size:12px}.doge-cta:hover{background:#f0d48b;color:#000}.doge-hero-note{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.5px;color:#918b74;margin-top:21px}.doge-hero-note>span{color:#d9b762;font-size:15px}.doge-hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-width:0}.doge-hero-art img{width:min(290px,85%);height:auto;aspect-ratio:1;border-radius:50%;object-fit:cover;transform:rotate(-7deg);border:7px solid #c3a047;box-shadow:0 0 0 13px #b59c3f10,0 0 85px #c5a44320}.doge-orbit{position:absolute;width:380px;height:160px;border:1px solid #8d773c66;border-radius:50%;transform:rotate(-26deg)}.doge-float{position:absolute;z-index:2;color:#e4c778;font-family:'Comic Sans MS',cursive;transform:rotate(-12deg)}.float-one{top:12px;left:12%;font-size:27px}.float-two{bottom:22px;left:0;font-size:16px;transform:rotate(8deg)}.doge-sticker{position:absolute;right:0;bottom:13px;transform:rotate(9deg);background:#dfc36d;color:#211c0e;border:3px solid #f3de9e;border-radius:9px;padding:12px 18px;text-align:center;font-size:15px;font-weight:900;line-height:1.5;box-shadow:0 5px 25px #0008}.doge-sticker small{font-size:10px;font-weight:600}
.page-heading{padding-bottom:17px}.page-heading .eyebrow{display:block;color:#c9aa59;font-size:9px;letter-spacing:2px;margin-bottom:7px}.page-heading h1{font-size:25px;font-weight:650;letter-spacing:-.6px}.page-heading p{font-size:12px;color:#9c9887}.live-label{color:#d6bd77;background:#272317;border-color:#4b4024;font-size:9px;letter-spacing:1px}.live-label i{background:#dfbe65}.command-row{background:#161610;border-color:#3d3725;border-radius:8px;margin-bottom:17px;padding:7px 12px}.command-row .searchbox-inner{height:35px}.searchbox input{font-size:13px}.searchbox input::placeholder{color:#8c8877}.tabs{gap:8px;padding-bottom:12px}.tab{background:#171711;border-color:#343124;color:#afa995;border-radius:6px;height:34px;font-size:12px;padding:0 15px}.tab.active,.tab.active:hover,.dex-filter.selected{background:#d4b25a;color:#17140b;border-color:#d4b25a}.tab:hover{background:#302a1b}.gbtn.primary{background:#d6b45d;border-color:#d6b45d;color:#211b0e}.gbtn.primary:hover{background:#ecd08b}.tools-row .chip,.tools-row .gsel{background:#171711;border-color:#343124;color:#b8b09a}.tools-row .chip.on{background:#302918;color:#e5c776;border-color:#5d4e26}.result-stats{color:#928b77;font-size:11px;padding:8px 1px 16px}
.dex-market-stats{gap:12px;margin-bottom:14px}.dex-market-stats>div{background:#171711;border-color:#373120;border-radius:7px;min-height:61px}.dex-market-stats span{color:#b6a778;font-size:10px;letter-spacing:1px}.dex-market-stats strong{color:#f0db9c;font-size:22px}.dex-market-stats small{color:#938c77;border-color:#4b412b}.dex-feed-toolbar{margin-bottom:12px}.dex-filter{background:#1e1c14;border-color:#3b3421;color:#bdb399;font-size:11px;height:30px;border-radius:5px}.dex-feed-state{color:#b9a773}.dex-feed-state i{background:#d3b363}.terminal-table-wrap{border-color:#39311f;border-radius:8px;background:#14140f}.terminal-table th{background:#292619;color:#c7b98f;border-color:#4c4127;font-size:10px;letter-spacing:.8px;height:39px}.terminal-table td{background:transparent;border-color:#2c291c;height:65px;font-size:12px}.terminal-table tbody tr:nth-child(even){background:#1b1a12}.terminal-table tbody tr:hover{background:#302819}.terminal-table .positive{color:#dcc178}.meme-info>strong{font-size:13px;color:#ece5d1}.meme-info>span,.cell-sub{color:#9c9379;font-size:10px}.table-thumb{height:40px;width:40px;border-color:#5c4e28;border-radius:5px}.source-tag{color:#c9bd9b;font-size:11px}.posted{color:#c2ae78}.format-tag{background:#2a2517;border-color:#554723;color:#dcc27d;font-size:9px}.row-open{color:#e1c274;font-size:11px}.row-open:hover{background:#40351f;color:#f6df9a}.terminal-table .rank-col{color:#a48b50}.img-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.img-card{border-color:#3d3521;border-radius:9px;background:#1a1811}.img-card .thumb-wrap{height:230px}.img-card .cap{padding:13px}.side-panel,.card,.empty{background:#181710;border-color:#413823}.img-card:hover{border-color:#c3a04c}.suggest{background:#201d13;border-color:#55482b}.suggest-item.active,.suggest-item:hover{background:#3a301b}
#terminal-footer{left:222px;background:#10100d;border-color:#342e1e;color:#a79b7b;padding:0 28px;height:34px}#terminal-footer a,.dex-connection{color:#b4a474}.dex-connection i{background:#d7b35b}.toast{background:#e6c777;color:#201b0e}.dex-mobile-header{background:#11110d;border-color:#3b3322}.meme-context{border-color:#473d24}
@media(min-width:1700px){#app{margin:76px 12px 60px 234px}}
@media(max-width:1100px){.doge-hero{padding:28px;min-height:330px}.doge-hero-art img{width:230px}.doge-orbit{width:280px}.float-two{left:-10px}.doge-sticker{right:-10px;padding:8px 12px}.dex-metas{gap:16px}.dex-metas a{font-size:10px}.dex-market-stats>div{flex-wrap:wrap}.dex-market-stats span{font-size:9px}}
@media(max-width:760px){.dex-sidebar{width:222px}.dex-mobile-header .logo{font-size:19px}.dex-mobile-header .dex-header-social{font-size:9px;color:#ddbf71}.dex-metas{left:0;top:51px;padding:0 12px;height:35px;gap:20px}.dex-metas a{font-size:11px}#app{margin:100px 12px 55px}.doge-hero{grid-template-columns:1fr 1fr;min-height:300px;padding:24px 20px;margin-bottom:22px}.doge-kicker{font-size:8px;letter-spacing:1.2px}.doge-hero h2{font-size:38px;letter-spacing:-1.5px}.doge-hero p{font-size:11px}.doge-hero-art img{width:150px;max-width:95%;border-width:4px}.doge-orbit{width:190px;height:110px}.float-one{font-size:20px;left:10px;top:15px}.float-two{font-size:12px;bottom:38px;left:0}.doge-sticker{font-size:10px;padding:6px 9px;bottom:45px;right:-12px}.doge-sticker small{font-size:8px}.doge-cta{font-size:10px;padding:10px 12px;gap:8px}.doge-hero-note{font-size:8px}.page-heading h1{font-size:22px}.page-heading p{font-size:11px}.tab{padding:0 13px;font-size:11px}.command-row{padding:4px 8px}.dex-market-stats>div{min-height:75px}.dex-market-stats span{font-size:8px}.dex-market-stats strong{font-size:20px}.img-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.img-card .thumb-wrap{height:180px}#terminal-footer{left:0;padding:0 12px}.side-panel{top:92px}}
@media(max-width:400px){.doge-hero{padding:20px 15px;grid-template-columns:1.2fr 1fr}.doge-hero h2{font-size:32px}.doge-hero-art img{width:120px}.doge-orbit{width:150px}.doge-sticker{right:-10px;font-size:8px}.float-two{display:none}.doge-hero-note{font-size:7px}}

/* Brighter neutral surfaces, pure amber accents, and readable type. */
:root,:root[data-theme="dark"],:root[data-theme="light"]{--bg:#252528;--bg-elev:#323236;--bg-soft:#3a3a3f;--bg-hover:#45454b;--text:#fffaf4;--text-2:#e0dcd6;--text-3:#c4beb7;--border:#565158;--border-2:#464249;--blue:#efbd62;--blue-soft:#59452e;--link:#ffd58b;--gold:#efbd62;--green:#efbd62;--chip:#39363a}
body{background:#252528;font-size:15px;font-weight:600;color:#fffaf4}
.dex-sidebar,.dex-mobile-header,.dex-metas,#terminal-footer{background:#2d2d31;border-color:#504b50}
.dex-brand,.dex-nav-divider,.dex-sidebar-bottom{border-color:#504b50}
.dex-nav-link{color:#e1dcd6;font-size:14px;font-weight:650;height:43px}
.dex-nav-link.active{background:#59432c;border-color:#ac7d3c;color:#ffe0a7}
.dex-nav-link:hover{background:#444047;color:#fff}
.dex-section-label,.dex-sidebar-bottom small,.dex-key-label{color:#c3bcb5;font-size:12px;letter-spacing:1px}
.dex-search{background:#3b393e;border-color:#656069;color:#f2ece5;font-size:14px;height:43px}
.dex-search kbd{background:#514b4c;border-color:#776a5e;color:#ffe3b2}
.dex-upload{background:#efbd62;border-color:#efbd62;font-size:14px;color:#302011}
.logo .brand-light,.dex-sidebar-bottom a,.dex-metas .dex-header-social{color:#ffd18a}
.dex-metas a{color:#eee5da;font-size:13px;font-weight:650}
.dex-metas .metas-title{border-color:#645751}
.doge-hero{border-color:#8f6d43;background:radial-gradient(ellipse at 83% 80%,#d5964738,transparent 64%),radial-gradient(1px 1px at 20% 30%,#ffe0b2 90%,transparent),radial-gradient(1px 1px at 70% 20%,#fff3dd 90%,transparent),#353136;background-size:auto,173px 139px,241px 181px,auto}
.doge-kicker{font-size:12px;letter-spacing:1.6px;color:#ffd89b;font-weight:800}
.doge-hero h2{color:#fff9f0;font-weight:750}.doge-hero h2 em{color:#ffcb77;font-weight:500}
.doge-hero p{color:#eee1d2;font-size:15px;font-weight:600;line-height:1.8}
.doge-hero-note{color:#ddd0c2;font-size:12px;font-weight:650}.doge-hero-note>span{color:#ffd18a}
.doge-cta{background:#f3c16d;color:#302011;font-size:14px;padding:12px 18px}
.doge-hero-art img{border-color:#edb75e;box-shadow:0 0 0 13px #e6a24d17,0 0 85px #ecb05930}
.doge-orbit{border-color:#e0a15e88}.doge-float{color:#ffd18a}.doge-sticker{background:#f3bd67;border-color:#ffe1ad;color:#352315}
.page-heading .eyebrow{color:#ffd18a;font-size:12px;letter-spacing:1.4px;font-weight:800}
.page-heading h1{font-size:28px;font-weight:750}.page-heading p{color:#ded5cc;font-size:14px;font-weight:600}
.live-label{color:#ffe0ab;background:#5a4430;border-color:#9e7646;font-size:11px}.live-label i{background:#ffcc7b}
.command-row{background:#343237;border-color:#6a5c51}.searchbox input{color:#fff8f0;font-size:15px;font-weight:600}.searchbox input::placeholder{color:#d2c8bf}
.command-prefix,.command-hint{color:#ddcdbb}.command-hint kbd{background:#4a4240;border-color:#756454;color:#ffdfb0}
.tab{background:#363439;border-color:#645b58;color:#eee2d4;font-size:14px;font-weight:700;height:38px}.tab.active,.tab.active:hover,.dex-filter.selected{background:#f0bc66;color:#322312;border-color:#f0bc66}.tab:hover{background:#50453d}
.tools-row .chip,.tools-row .gsel{background:#39363b;border-color:#685d55;color:#f1e4d4;font-size:13px;height:30px}.tools-row .chip.on{background:#634a30;color:#ffe1ab;border-color:#a77a41}
.result-stats{color:#ddd1c3;font-size:13px;font-weight:650}
.dex-market-stats>div{background:#353237;border-color:#695b4f}.dex-market-stats span{color:#f0d3aa;font-size:12px;font-weight:750;letter-spacing:.5px}.dex-market-stats strong{color:#ffcf84}.dex-market-stats small{color:#d6c7b7;border-color:#7c6550;font-size:12px}
.dex-filter{background:#40383a;border-color:#756051;color:#f2dfc9;font-size:13px;height:34px}.dex-feed-state{color:#e1c49b;font-size:12px}.dex-feed-state i{background:#f0be6b}
.terminal-table-wrap{background:#302e33;border-color:#6b5847}.terminal-table th{background:#4a3e36;color:#ffe2bc;border-color:#806044;font-size:12px;font-weight:800;letter-spacing:.4px}.terminal-table td{border-color:#50433d;font-size:14px}.terminal-table tbody tr:nth-child(even){background:#373238}.terminal-table tbody tr:hover{background:#514134}.terminal-table .positive{color:#ffcb7d;font-size:14px}.terminal-table .rank-col{color:#ebc48c;font-size:12px}.meme-info>strong{color:#fff2df;font-size:15px;font-weight:750}.meme-info>span,.cell-sub{color:#d4c4b3;font-size:12px;font-weight:600}.source-tag{color:#f1d8b8;font-size:13px}.posted{color:#f1ce9c;font-size:13px}.format-tag{background:#57412d;border-color:#a37846;color:#ffe0ac;font-size:11px}.row-open{color:#ffd08b;font-size:13px;font-weight:750}
.img-card,.side-panel,.card,.empty{background:#343036;border-color:#7b614b}.img-card .cap{font-size:15px;color:#fff0dc}.img-card .cap .src{color:#dcc7ae;font-size:13px}.suggest{background:#3c3438;border-color:#97754f}.suggest-item.active,.suggest-item:hover{background:#67503a}
.gbtn.primary{background:#efbd6a;border-color:#efbd6a;color:#322111;font-weight:750}.page label,.page p,.page .muted,.page small{font-size:14px;color:#e2d5c6}.page h1{font-size:28px}.page h2{font-size:20px}
.dex-source-icon{background:transparent;filter:none;color:#ffe4bb;width:24px;height:24px;border-radius:4px}.dex-source-icon img{display:block;width:22px;height:22px;object-fit:contain;filter:none}.source-tag i,.source-library i,.source-lemmy i,.source-reddit i,.source-bluesky i,.source-mastodon i{background:#efbd6a}.sb-btn svg path{fill:currentColor}.sb-btn{color:#f2cc94}
#terminal-footer,#terminal-footer a,.dex-connection{color:#e2c6a1;font-size:12px}.dex-connection i{background:#ffc679}
@media(max-width:760px){.doge-kicker{font-size:10px}.doge-hero p{font-size:13px}.doge-hero-note{font-size:10px}.doge-cta{font-size:12px}.page-heading p{font-size:13px}.page-heading h1{font-size:25px}.tab{font-size:13px}.tools-row .chip,.tools-row .gsel{font-size:12px}.dex-metas a{font-size:12px}.dex-market-stats span{font-size:10px}.dex-feed-state{font-size:11px}.dex-filter{font-size:12px}.searchbox input{font-size:15px}.img-card .cap{font-size:14px}}

/* Apply the square DogeScreen mascot without cropping its screen brackets. */
.logo .mx-mark,.dex-brand .mx-mark,.dex-mobile-header .mx-mark{object-fit:contain;border-radius:7px}
.doge-hero-art img{border-radius:18px;object-fit:contain;transform:none;border:0;box-shadow:0 12px 45px #0004}
.dex-connection img{display:block;object-fit:contain;border-radius:4px}

/* Full-width branded header; preserve the complete 3:1 artwork. */
.dogescreen-banner{width:100%;aspect-ratio:3/1;margin:0 0 26px;overflow:hidden;border:1px solid #8f6d43;border-radius:12px;background:#303034}
.dogescreen-banner img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.dogescreen-banner{margin-bottom:20px;border-radius:8px}}


/* CapyScreen: caramel accents and comfortable neutral surfaces. */
:root,:root[data-theme="dark"],:root[data-theme="light"]{--blue:#e9ad71;--gold:#edb780;--link:#ffd6ad;--blue-soft:#65462e;--green:#e9ad71}
.doge-hero{background:radial-gradient(ellipse at 80% 70%,#c97c453b,transparent 65%),radial-gradient(1px 1px at 30% 25%,#f7d4a4 90%,transparent),#393337;background-size:auto,181px 151px,auto;border-color:#a67b54}
.doge-hero h2 em,.doge-kicker,.page-heading .eyebrow{color:#ffd3a6}
.doge-cta,.dex-upload,.tab.active,.tab.active:hover,.gbtn.primary{background:#eab47c;border-color:#eab47c;color:#352319}
.doge-float{color:#f5c79b}.float-one{font-size:22px}.doge-sticker{background:#eabd8d;border-color:#ffe2bf;color:#39251b}
.doge-hero-art img{border-radius:18px}.dex-source-icon{background:transparent}
@media(max-width:760px){.float-one{font-size:13px;top:0}.dex-mobile-header .dex-header-social{font-size:9px}}