/* CZBull: champagne, antique gold, charcoal slate. */
:root{--bg:#f8f5ed;--surface:#fffdf7;--surface-soft:#f2efe5;--surface-raised:#ebe6d9;--text:#454850;--heading:#272e39;--muted:#797c82;--border:#e3ded0;--gold:#e6c163;--gold-soft:#f5ebcb;--gold-text:#835c19;--sidebar:#fffdf7;--input:#f8f6ef;--shadow:0 12px 32px #5733210b;--hero:#f2e8cf;--hero-text:#77664c;--danger-bg:#fbe9e4;--danger:#a33c30}
:root[data-theme=dark]{--bg:#202734;--surface:#2a3443;--surface-soft:#343f4f;--surface-raised:#444c5a;--text:#e5e6e9;--heading:#fff8e8;--muted:#b9bdc8;--border:#4b5362;--gold:#e7c579;--gold-soft:#4d4635;--gold-text:#eed496;--sidebar:#252d3b;--input:#242e3c;--shadow:0 14px 34px #120d091f;--hero:#41434a;--hero-text:#ddd3bd;--danger-bg:#5a302e;--danger:#ffc2af}
body{background-image:radial-gradient(ellipse at 100% 0,#d8b24a10,transparent 40%)}
.brand{gap:11px;letter-spacing:-1px}.brand img{width:45px;height:45px;object-fit:cover;border-radius:14px;box-shadow:0 2px 10px #4c2e1810}.brand>span{font-size:27px;font-weight:800;letter-spacing:-1.2px}.brand>span>span{font-size:8px;letter-spacing:2px;font-weight:700;margin-top:8px}
.sidebar{border-right:1px solid var(--border)}.sidebar .nav-item.active{box-shadow:inset 3px 0 var(--gold)}.nav-item{border-radius:11px}.topbar{background:var(--surface);border-color:var(--border)}.top-actions .button{border-radius:10px}.primary{background:var(--gold);color:#fff9f2}.primary:hover{box-shadow:0 6px 16px #e6c16325}.button.dark{background:#303746;color:#fff8eb}.button.wallet-button{background:var(--surface);color:var(--heading)}
.welcome{min-height:385px;border-radius:22px;background:linear-gradient(115deg,var(--surface) 0%,var(--hero) 100%);border:1px solid var(--border)}.welcome:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#a9823109 1px,transparent 1px),linear-gradient(90deg,#a9823109 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}.welcome-content{padding:41px 40px}.welcome .eyebrow{color:var(--gold-text);font-size:9px;letter-spacing:2px}.welcome h1{font-size:clamp(40px,4.5vw,63px);line-height:1.04;letter-spacing:-2.8px;color:var(--heading);margin:25px 0 21px}.welcome p{font-size:14px;line-height:1.85;color:var(--muted)}.welcome-actions{gap:24px}.welcome .welcome-foot{color:var(--gold-text);letter-spacing:1.4px}.mascot-scene{min-height:385px}.mascot-scene>img{height:405px;bottom:-9px;filter:drop-shadow(4px 14px 11px #774c2622)}.circle{border-color:#b88c3530;width:295px;height:295px;left:calc(50% - 148px);top:43px}.circle-two{border-color:#b88c3525;width:355px;height:355px;left:calc(50% - 178px);top:13px}.speech{background:var(--surface);color:var(--heading);border:1px solid var(--border);box-shadow:4px 5px #ac714611;transform:rotate(5deg);font-size:8px;padding:12px 14px;right:15px;top:35px}.speech strong{font-size:10px}.mascot-title{background:var(--surface-soft);color:var(--gold-text);border-radius:20px;right:22px;bottom:18px;padding:7px 12px;font-size:7px;letter-spacing:1.7px}
.platform-strip{gap:22px;padding:27px 0}.strip-icon{background:var(--gold-soft);color:var(--gold-text);border-color:var(--border);border-radius:12px}.platform-strip strong{color:var(--heading)}.panel,.token-card,.launch-banner,.agent-profile,.agent-resource,.launch-agent{border-radius:16px}.token-grid .empty{background:var(--surface);border-color:var(--border);border-radius:16px}.empty-symbol{color:var(--gold-text);background:var(--gold-soft)}.launch-banner{background:var(--surface);color:var(--heading);border:1px solid var(--border);box-shadow:var(--shadow)}.launch-banner .eyebrow{color:var(--gold-text)}.launch-banner p{color:var(--muted)}.launch-banner .primary{background:var(--gold);color:#fff9f2}.docs-hero{background:var(--hero);border:1px solid var(--border);color:var(--heading);border-radius:20px}.docs-hero p{color:var(--hero-text)}
.agent-profile{background:linear-gradient(150deg,var(--surface-raised),var(--surface));border:1px solid var(--border)}.agent-profile>img{height:235px;object-fit:contain}.agent-avatar{background:var(--gold-soft);border:1px solid var(--border);border-radius:12px}.agent-avatar img,.chat-avatar img{object-fit:contain}.agent-mode{border-color:var(--border);background:var(--gold-soft);color:var(--gold-text)}.chat-bubble>strong{color:var(--gold-text)}.chat-suggestions button:hover{border-color:var(--gold-text);background:var(--gold-soft)}.side-mascot{border-radius:12px}.side-mascot:hover{background:var(--gold-soft)}.side-mascot img{width:58px;height:88px}.side-mascot strong{color:var(--heading);font-size:12px}.side-credit{font-size:9px;color:var(--muted);line-height:1.6}.network{border-radius:12px}.token-chart-link:hover{color:var(--heading)}.connected-label{color:var(--gold-text)}.steps .active{background:var(--gold-soft);color:var(--gold-text);border-color:var(--border)}
:root[data-theme=dark] .button.dark{background:#f0dca4;color:#272e39}:root[data-theme=dark] .primary{color:#30291d}:root[data-theme=dark] .welcome{background:linear-gradient(115deg,#2a3443,#4a4850)}:root[data-theme=dark] .circle{border-color:#dabb7040}:root[data-theme=dark] .circle-two{border-color:#dabb7025}
@media(max-width:1050px){.welcome-content{padding:35px 28px}.welcome h1{font-size:48px}.speech{display:none}.mascot-scene>img{height:385px}}
@media(max-width:680px){.welcome{min-height:0;grid-template-columns:1fr;border-radius:17px}.welcome-content{padding:28px 20px}.welcome h1{font-size:38px;letter-spacing:-1.8px}.welcome .eyebrow{font-size:7px;letter-spacing:1px}.welcome p{font-size:12px}.welcome-actions{flex-wrap:wrap;gap:8px}.mascot-scene{min-height:290px}.mascot-scene>img{height:300px;bottom:0;min-width:155px;left:50%;transform:translateX(-50%)}.circle{width:190px;height:190px;left:calc(50% - 95px);top:55px}.circle-two{width:225px;height:225px;left:calc(50% - 112px);top:37px}.mascot-title{display:none}.welcome .welcome-foot{font-size:6px}.brand img{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.agent-avatar img{width:42px;height:42px;object-fit:cover;border-radius:9px}.chat-avatar img{width:32px;height:32px;object-fit:cover;border-radius:8px}

/* Clear keyboard navigation without changing the visual layout. */
.skip-link{position:fixed;top:12px;left:12px;z-index:9999;transform:translateY(-150%);padding:12px 18px;border-radius:10px;background:var(--heading);color:var(--surface);font-weight:700}.skip-link:focus{transform:translateY(0)}
:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--gold);outline-offset:3px}#main-content:focus{outline:none}

.mobile-brand{display:none}@media(max-width:680px){.mobile-brand{display:flex;flex-shrink:0}.mobile-brand img{width:30px;height:30px;border-radius:9px;object-fit:cover}}@media(max-width:380px){.top-actions .wallet-button>span{display:none}.top-actions .wallet-button{min-width:32px;justify-content:center}}

:root[data-theme=dark] .button.dark{background:#f0dca4;color:#272e39}.welcome h1{letter-spacing:-2.5px}.mascot-scene>img{height:390px;bottom:0}.welcome-actions .button.dark:hover{background:#485060}:root[data-theme=dark] .welcome-actions .button.dark:hover{background:#e2c57f;color:#272e39}@media(max-width:680px){.mascot-scene>img{height:300px;bottom:0}}

.primary,.launch-banner .primary{color:#30291d}.brand>span{letter-spacing:-.9px}.brand>span>span{letter-spacing:3px}.welcome .eyebrow{letter-spacing:1.7px}