/* Colour studies only. Source clean/ is preserved byte-for-byte. */
:root{--identity:#2359b5;}
:root,[style*="--identity"]{--identity-text:var(--identity);--identity-tint:color-mix(in srgb,var(--identity) 9%,var(--surface));}
[data-theme=dark],[data-theme=dark] [style*="--identity"]{--identity-text:color-mix(in srgb,var(--identity) 42%,white);--identity-tint:color-mix(in srgb,var(--identity) 16%,var(--surface));}
.creator-avatar,.agent-monogram{background:var(--identity)!important;color:#fff!important;border:1px dashed #ffffffa6!important;box-shadow:0 2px 5px #1018280b;border-radius:8px;}
.agent-monogram{font-weight:750;}
.official-agent-logo{background:var(--identity-tint);border-radius:6px;box-shadow:0 0 0 5px var(--identity-tint);}
.agent-mark{box-shadow:0 0 0 5px var(--identity-tint);border-radius:3px;}
.agent-choice{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:11px 13px;gap:11px;}
.agent-choice:hover{background:var(--soft);border-color:var(--field-border);}
body[data-page=home] .agent-section{padding-block:0 26px;}
body[data-page=home] .agent-wall{border:0;padding-block:12px 0;}
body[data-page=home] .agent-heading p{font-size:12px;}
.tool-card{border-top:3px solid color-mix(in srgb,var(--identity) 52%,var(--surface));background:linear-gradient(180deg,var(--identity-tint),transparent 80px),var(--surface);}
.tool-card .creator-avatar{width:36px;height:36px;flex-basis:36px;font-size:12px;}
.snapshot-label .creator-avatar{background:var(--identity)!important;color:white!important;}
.item-hero{border-top:3px solid var(--identity);padding-top:24px;}
.item-meta #item-avatar{width:42px;height:42px;flex-basis:42px;font-size:14px;}
.color-note{font-size:12px;margin-top:12px;}
@media(max-width:700px){body[data-page=home] .agent-section{padding-bottom:22px;}body[data-page=home] .agent-heading p{font-size:11px;}.agent-choice{padding:10px;}.agent-wall{gap:8px;}}

/* Premium spectrum. The mesh is a static CSS ground, never a data graphic. */
.hero{position:relative;isolation:isolate;padding-top:56px;padding-bottom:42px;}
.hero::before{content:'';position:absolute;inset:-10px -20px -8px;z-index:-1;border-radius:26px;background:radial-gradient(ellipse at 96% 8%,#5b44bf1b,transparent 56%),radial-gradient(ellipse at 5% 75%,#087b7020,transparent 49%),radial-gradient(ellipse at 57% 100%,#cc715519,transparent 50%),linear-gradient(110deg,#f6fbff90,#faf8ff80);}
.hero h1 .blue{color:#315ab7;background:linear-gradient(100deg,#007768 0%,#2b65b9 35%,#734fa2 65%,#ab4638 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
[data-theme=dark] .hero::before{background:radial-gradient(ellipse at 96% 8%,#8064d12b,transparent 56%),radial-gradient(ellipse at 5% 75%,#087b7030,transparent 49%),radial-gradient(ellipse at 57% 100%,#cc71551f,transparent 50%);}
[data-theme=dark] .hero h1 .blue{background-image:linear-gradient(100deg,#60d8c6,#8fbaff 36%,#c6adff 65%,#ffa08f);}
.hero .search{box-shadow:0 8px 28px #314b7314;}
.home-types>a{border-top:2px solid var(--identity);background:linear-gradient(135deg,var(--identity-tint),var(--surface) 65%);}
.home-types .ui-icon{color:var(--identity-text);}
.profession-icon{background:var(--identity-tint)!important;color:var(--identity-text)!important;border:0;}
.chart-card{background:radial-gradient(ellipse at 0 0,#007b7009,transparent 55%),radial-gradient(ellipse at 100% 100%,#7450a80a,transparent 55%),var(--surface);border-top:3px solid transparent;background-clip:padding-box;position:relative;}
.chart-card::before{content:'';height:3px;position:absolute;top:-3px;left:20px;right:20px;background:linear-gradient(90deg,#007b70,#2359b5,#7450a8,#b04735);border-radius:4px;}
.item-hero{background:radial-gradient(ellipse at 100% 0,var(--identity-tint),transparent 65%);border-top:3px solid transparent;border-image:linear-gradient(90deg,#007b70,#2359b5,#7450a8,#b04735) 1;}
.home-weekly{background:linear-gradient(110deg,#007b7007,#7450a807,#b0473507);border-radius:20px;padding-inline:24px;}
[data-theme=dark] .home-weekly{background:linear-gradient(110deg,#007b7015,#7450a815,#b0473515);}
@media(max-width:700px){.hero{padding-block:28px 30px;}.hero::before{inset:6px -12px -4px;border-radius:16px;}.home-weekly{padding-inline:14px;}}