/* GoldPulse site styles - shared by every page */
:root{--bg:#111113;--bg2:#17161A;--bg3:#1B1A17;--line:#2A2722;--line2:#3A3427;--gold:#DAB248;--gold2:#F0CC6A;--text:#EEEAE0;--text2:#C9C2B0;--dim:#A39C8A;--dim2:#8C8574;--green:#2ED68C;--red:#E0605A;--violet:#A99BFF}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:'IBM Plex Sans',system-ui,sans-serif;font-size:17px;line-height:1.6}
a{color:var(--gold)}a:hover{color:var(--gold2)}
img{max-width:100%}
.gridbg{background-image:linear-gradient(var(--g1c1b18,#1C1B18) 1px,transparent 1px),linear-gradient(90deg,var(--g1c1b18,#1C1B18) 1px,transparent 1px);background-size:48px 48px}
.mono{font-family:'IBM Plex Mono',monospace}
.wrap{max-width:1200px;margin:0 auto}
.skip{position:absolute;left:-999px;top:8px;background:var(--gold);color:#111;padding:8px 12px;border-radius:6px;z-index:50}.skip:focus{left:8px}

/* ---------- header & mega menu ---------- */
.hdr{position:sticky;top:0;z-index:40;background:rgba(17,17,19,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:0 24px}
.hdr .hbar{max-width:1200px;margin:0 auto;min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}
.brand .ico{width:36px;height:36px;border-radius:10px;background:linear-gradient(145deg,var(--gf0cc6a,#F0CC6A),var(--gb98f2c,#B98F2C));display:inline-flex;align-items:center;justify-content:center}
.brand b{font-family:Archivo,sans-serif;font-weight:800;letter-spacing:.06em;font-size:19px}
.menu{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.menu>li{position:relative}
.menu>li>a,.menu>li>button{display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:var(--text2);font:inherit;font-size:15px;padding:10px 12px;border-radius:8px;cursor:pointer;text-decoration:none;min-height:44px}
.menu>li>a:hover,.menu>li>button:hover,.menu>li.open>button,.menu>li>a[aria-current=page]{color:var(--gold2);background:var(--g1a1916,#1A1916)}
.menu .chev{transition:transform .2s ease;opacity:.7}
.menu>li.open .chev{transform:rotate(180deg)}
.tag{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.06em;border-radius:999px;padding:1px 7px;border:1px solid}
.tag.new{color:var(--tf0cc6a,#F0CC6A);border-color:var(--r6b5a2e,#6B5A2E);background:var(--g211c10,#211C10)}
.tag.beta{color:var(--violet);border-color:var(--r3b3566,#3B3566);background:var(--g17151f,#17151F)}
.tag.hot{color:var(--tff9c6e,#FF9C6E);border-color:var(--r5a3226,#5A3226);background:var(--g21130f,#21130F)}
.panel{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(6px);opacity:0;visibility:hidden;transition:opacity .18s ease,transform .18s ease,visibility .18s;background:var(--g141316,#141316);border:1px solid var(--line2);border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.6);z-index:45}
.menu>li.open .panel{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.panel .ph{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid var(--line);font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.14em;color:var(--dim)}
.panel .ph a{font-family:'IBM Plex Sans',sans-serif;letter-spacing:0;font-size:14px;text-decoration:none}
.panel .pf{display:flex;flex-wrap:wrap;gap:8px 22px;padding:12px 22px;border-top:1px solid var(--line);font-size:13px;color:var(--dim)}
.mega-ea{width:min(980px,92vw)}
.mega-ea .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.mega-ea .it{display:flex;gap:16px;padding:20px 22px;text-decoration:none;color:var(--text);border-right:1px solid var(--line);transition:background .2s}
.mega-ea .it:last-child{border-right:0}
.mega-ea .it:hover{background:var(--g19181b,#19181B)}
.mega-ea .it img{width:64px;height:auto;flex:0 0 64px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.6))}
.mega-ea .it .k{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.1em}
.mega-ea .it .n{font-family:Archivo,sans-serif;font-weight:700;font-size:18px;margin:2px 0 4px}
.mega-ea .it .d{font-size:14px;color:var(--dim);line-height:1.5}
.mega-ea .it .x{display:inline-block;margin-top:8px;font-size:13px;font-weight:600}
.list-panel{width:340px}
.list-panel a.li{display:block;padding:13px 22px;border-top:1px solid var(--line);text-decoration:none;color:var(--text)}
.list-panel a.li:first-of-type{border-top:0}
.list-panel a.li:hover{background:var(--g19181b,#19181B)}
.list-panel a.li b{display:flex;align-items:center;gap:8px;font-size:15px}
.list-panel a.li span.s{display:block;font-size:13px;color:var(--dim)}
.list-panel .soon{padding:12px 22px;border-top:1px solid var(--line);font-size:13px;color:var(--dim2)}
.mega-guides{width:min(760px,92vw)}
.mega-guides .cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.mega-guides .col{padding:14px 12px 16px;border-right:1px solid var(--line)}
.mega-guides .col:last-child{border-right:0}
.mega-guides .ct{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;color:var(--gold);padding:6px 10px}
.mega-guides a.li{display:block;padding:9px 10px;border-radius:8px;text-decoration:none;color:var(--text)}
.mega-guides a.li:hover{background:var(--g1a1916,#1A1916)}
.mega-guides a.li b{font-size:15px}
.mega-guides a.li span{display:block;font-size:13px;color:var(--dim)}
.mega-guides .soon{padding:9px 10px;font-size:14px;color:var(--dim2)}
.hdr .cta{background:var(--gold);color:var(--t111113,#111113);text-decoration:none;font-weight:600;padding:10px 18px;border-radius:8px;min-height:44px;display:inline-flex;align-items:center;font-size:15px;white-space:nowrap}
.hdr .cta:hover{color:var(--t111113,#111113);background:var(--gold2)}
.burger{display:none;background:none;border:1px solid var(--line2);border-radius:8px;width:44px;height:44px;color:var(--text);cursor:pointer}
.mnav{display:none}
@media (max-width:980px){
  .menu,.hdr .cta.desk{display:none}
  .burger{display:inline-flex;align-items:center;justify-content:center}
  .mnav.open{display:block;max-height:calc(100vh - 70px);overflow:auto;border-top:1px solid var(--line);padding:8px 0 20px}
  .mnav details{border-bottom:1px solid var(--line)}
  .mnav summary{list-style:none;cursor:pointer;padding:14px 4px;font-weight:600;display:flex;justify-content:space-between}
  .mnav summary::-webkit-details-marker{display:none}
  .mnav a{display:block;padding:10px 4px 10px 14px;color:var(--text2);text-decoration:none}
  .mnav a.top{padding:14px 4px;font-weight:600;color:var(--text);border-bottom:1px solid var(--line)}
  .mnav .cta{margin-top:16px;justify-content:center;width:100%}
}

/* ---------- common blocks ---------- */
.sec{padding:84px 24px}
.sec.alt{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.eyebrow{margin:0 0 12px;font-family:'IBM Plex Mono',monospace;font-size:14px;letter-spacing:.12em;color:var(--gold)}
.h2{margin:0 0 16px;font-family:Archivo,sans-serif;font-weight:700;font-size:clamp(30px,4vw,44px);line-height:1.1}
.lead{margin:0 0 32px;color:var(--text2);max-width:780px}
.crumbs{font-size:14px;color:var(--dim);margin:0 0 18px}
.crumbs a{color:var(--dim);text-decoration:none}.crumbs a:hover{color:var(--gold2)}
.btn{transition:transform .2s ease,box-shadow .2s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(218,178,72,.25)}
.btn-gold{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);color:var(--t111113,#111113) !important;text-decoration:none;font-weight:600;padding:14px 24px;border-radius:8px;min-height:44px;border:0;font:inherit;cursor:pointer}
.btn-line{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--r4a4337,#4A4337);color:var(--text) !important;text-decoration:none;font-weight:500;padding:14px 24px;border-radius:8px;min-height:44px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,var(--g17161a,#17161A),var(--g121214,#121214));padding:24px;text-decoration:none;color:var(--text);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
a.card:hover{transform:translateY(-4px);border-color:var(--r5a4a22,#5A4A22);box-shadow:0 18px 50px rgba(0,0,0,.45);color:var(--text)}
.card .k{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.1em;color:var(--gold)}
.card h3{margin:6px 0 8px;font-family:Archivo,sans-serif;font-size:22px}
.card p{margin:0 0 16px;color:var(--text2);font-size:16px}
.card .go{margin-top:auto;color:var(--gold);font-weight:600;font-size:15px}
.box{display:block;width:100%;height:auto;filter:drop-shadow(0 28px 36px rgba(0,0,0,.65)) drop-shadow(0 0 28px rgba(218,178,72,.10))}
.pill{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line2);background:var(--bg2);border-radius:999px;padding:7px 16px;font-family:'IBM Plex Mono',monospace;font-size:12.5px;letter-spacing:.1em;color:var(--text2)}
.note{font-size:13px;color:var(--dim2)}

/* ---------- tools ---------- */
.tool{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;border:1px solid var(--line2);border-radius:18px;overflow:hidden;background:var(--g131215,#131215);box-shadow:0 30px 80px rgba(0,0,0,.4)}
.tool .in{padding:28px;border-right:1px solid var(--line)}
.tool .out{padding:28px;background:linear-gradient(180deg,var(--g181610,#181610),var(--g131215,#131215))}
@media (max-width:820px){.tool{grid-template-columns:1fr}.tool .in{border-right:0;border-bottom:1px solid var(--line)}}
.field{margin-bottom:18px}
.field label{display:block;font-size:14px;color:var(--text2);margin-bottom:6px;font-weight:500}
.field .row{display:flex;gap:8px;align-items:center}
.field input,.field select{width:100%;min-height:48px;padding:0 14px;border-radius:9px;border:1px solid var(--r3f3a30,#3F3A30);background:var(--g0e0e10,#0E0E10);color:var(--text);font:inherit;font-size:16px}
.field input:focus,.field select:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:transparent}
.field .unit{font-size:14px;color:var(--dim);white-space:nowrap}
.field .hint{font-size:13px;color:var(--dim2);margin-top:5px}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.chips button{background:var(--g1a1916,#1A1916);border:1px solid var(--line2);color:var(--text2);border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer;min-height:34px}
.chips button:hover,.chips button.on{border-color:var(--gold);color:var(--gold2)}
.big{font-family:Archivo,sans-serif;font-weight:800;font-size:clamp(40px,6vw,58px);line-height:1;color:var(--gold)}
.kv{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}
.kv span:first-child{color:var(--dim)}
.kv span:last-child{font-family:'IBM Plex Mono',monospace}
.warn{margin-top:14px;padding:12px 14px;border-radius:10px;font-size:14px;background:var(--g211810,#211810);border:1px solid var(--r5a4022,#5A4022);color:var(--tf0c890,#F0C890)}
.ok{margin-top:14px;padding:12px 14px;border-radius:10px;font-size:14px;background:var(--g10201a,#10201A);border:1px solid var(--r1f5a40,#1F5A40);color:var(--t9be7c4,#9BE7C4)}
.meter{height:10px;border-radius:5px;background:var(--g26231e,#26231E);overflow:hidden;margin-top:6px}
.meter i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--gb98f2c,#B98F2C),var(--gf0cc6a,#F0CC6A));transition:width .4s ease}
table.t{width:100%;border-collapse:collapse;font-size:15px}
table.t th,table.t td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:right}
table.t th:first-child,table.t td:first-child{text-align:left}
table.t th{color:var(--dim);font-weight:500;font-size:13px}

/* ---------- articles ---------- */
.article{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:48px;max-width:1100px;margin:0 auto}
@media (max-width:900px){.article{grid-template-columns:1fr}.toc{display:none}}
.prose h1{font-family:Archivo,sans-serif;font-weight:800;font-size:clamp(32px,4.6vw,50px);line-height:1.08;margin:0 0 16px;letter-spacing:-.015em}
.prose h2{font-family:Archivo,sans-serif;font-size:28px;line-height:1.2;margin:44px 0 12px;scroll-margin-top:90px}
.prose h3{font-size:20px;margin:28px 0 8px}
.prose p,.prose li{color:var(--text2)}
.prose li{margin-bottom:6px}
.prose strong{color:var(--text)}
.prose .meta{font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--dim);letter-spacing:.06em;margin:0 0 26px}
.prose blockquote{margin:24px 0;padding:16px 20px;border-left:3px solid var(--gold);background:var(--bg2);border-radius:0 10px 10px 0;color:var(--text)}
.prose .callout{margin:24px 0;padding:18px 20px;border:1px solid var(--line2);background:var(--g15140f,#15140F);border-radius:12px}
.prose table{width:100%;border-collapse:collapse;font-size:15px;margin:18px 0}
.prose table th,.prose table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}
.prose table th{color:var(--dim);font-weight:500}
.toc{position:sticky;top:96px;align-self:start;border:1px solid var(--line);border-radius:14px;padding:18px;background:var(--bg2);font-size:14px}
.toc b{display:block;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;color:var(--gold);margin-bottom:8px}
.toc a{display:block;color:var(--text2);text-decoration:none;padding:5px 0}.toc a:hover{color:var(--gold2)}

/* ---------- signup ---------- */
.signup{display:flex;flex-wrap:wrap;gap:10px;max-width:520px}
.signup input{flex:1 1 220px;min-width:0;min-height:50px;padding:0 16px;border-radius:8px;border:1px solid var(--r4a4337,#4A4337);background:var(--g111113,#111113);color:var(--text);font:inherit;font-size:16px}
.signup button{min-height:50px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- footer ---------- */
.ftr{border-top:1px solid var(--line);padding:56px 24px 40px;background:var(--g0f0f11,#0F0F11)}
.ftr .cols{display:grid;grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:32px}
@media (max-width:900px){.ftr .cols{grid-template-columns:repeat(2,minmax(0,1fr))}.ftr .cols>div:first-child{grid-column:1/-1}}
.ftr h4{margin:0 0 12px;font-size:13px;letter-spacing:.12em;font-family:'IBM Plex Mono',monospace;color:var(--dim);font-weight:500}
.ftr a{display:block;color:var(--text2);text-decoration:none;padding:4px 0;font-size:15px}
.ftr a:hover{color:var(--gold2)}
.ftr .soc{display:flex;gap:10px;margin-top:16px}
.ftr .soc a{width:40px;height:40px;border:1px solid var(--line2);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;padding:0}
.ftr .legal{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;font-size:13px;color:var(--dim);line-height:1.7}

/* ---------- motion ---------- */
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes pulseDot{0%{box-shadow:0 0 0 0 rgba(46,214,140,.55)}100%{box-shadow:0 0 0 12px rgba(46,214,140,0)}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes glow{0%,100%{opacity:.55}50%{opacity:1}}
.fu{animation:fadeUp .8s cubic-bezier(.2,.7,.2,1) both}
.d1{animation-delay:.08s}.d2{animation-delay:.18s}.d3{animation-delay:.3s}.d4{animation-delay:.45s}
.float1{animation:floatY 6s ease-in-out infinite}.float2{animation:floatY 6s ease-in-out infinite;animation-delay:-2s}.float3{animation:floatY 6s ease-in-out infinite;animation-delay:-4s}
.live{width:8px;height:8px;border-radius:50%;background:var(--green);display:inline-block;animation:pulseDot 1.8s ease-out infinite}
.marquee{display:flex;width:max-content;animation:marquee 38s linear infinite}.marquee:hover{animation-play-state:paused}
polyline.draw{stroke-dasharray:1;stroke-dashoffset:0;animation:draw 2.6s cubic-bezier(.3,.6,.2,1) .3s both}
circle.pulse{animation:glow 1.8s ease-in-out infinite}
.bar{transform-origin:left center;animation:grow 1.6s cubic-bezier(.2,.7,.2,1) .2s both}
@supports (animation-timeline: view()){
  .rv{animation:fadeUp linear both;animation-timeline:view();animation-range:entry 0% entry 40%}
  polyline.draw{animation:draw linear both;animation-timeline:view();animation-range:entry 10% cover 45%}
  .bar{animation:grow linear both;animation-timeline:view();animation-range:entry 10% cover 40%}
}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important}html{scroll-behavior:auto}}
details>summary{list-style:none;cursor:pointer}
details>summary::-webkit-details-marker{display:none}
details .chev{transition:transform .2s ease}
details[open] .chev{transform:rotate(45deg)}
/* wide panels: centred on the screen under the sticky header */
.panel.mega-ea,.panel.mega-guides{position:fixed;top:70px;left:50%}

/* ---------- soft light theme ---------- */
:root[data-theme=light]{--g0e0e10:#FAF9F6;--g0f0f11:#FAF9F6;--g10201a:#F6F4EF;--g111113:#FAF9F6;--g121214:#FAF8F5;--g131215:#F9F8F4;--g141316:#F9F7F3;--g15140f:#FAF9F6;--g151418:#F8F6F1;--g17151f:#F5F2EC;--g17161a:#F6F4EF;--g181610:#F9F7F4;--g19181b:#F5F3ED;--g1a1810:#F8F6F2;--g1a1814:#F7F5F0;--g1a1916:#F6F4EF;--g1a4e36:#CAE6D9;--g1b1a17:#F6F3ED;--g1c1b18:#F5F2EC;--g1e9e66:#1E9E66;--g21130f:#F6F4EF;--g211810:#F6F3EE;--g211c10:#F6F3EE;--g26231e:#F0EBE2;--g2a2722:#EDE8DD;--g2ed68c:#2ED68C;--g302c24:#EAE5D8;--g3a3630:#E3DBCB;--g54241f:#E2C6C3;--g6e675a:#6E675A;--g6f63e0:#6F63E0;--g8a3a33:#8A3A33;--g8c8574:#8C8574;--g968cff:#968CFF;--ga99bff:#A99BFF;--gb98f2c:#B98F2C;--gdab248:#DAB248;--ge0605a:#E0605A;--geeeae0:#EEEAE0;--gf0cc6a:#F0CC6A;--r1f5a40:#CAE2D8;--r2a2722:#E9E5DC;--r2e2b24:#E7E3DA;--r2ed68c:#2ED68C;--r3a3427:#E4E0D5;--r3a3630:#E2DDD2;--r3b3566:#3B3566;--r3f3a30:#E1DCD0;--r4a4337:#DDD7CA;--r5a3226:#E1CDC7;--r5a4022:#E2D6C9;--r5a4a22:#E2DBC9;--r6b5a2e:#DCD4BE;--rdab248:#DAB248;--re0605a:#E0605A;--t111113:#111113;--t2ed68c:#0F7A50;--t8c8574:#716A5C;--t9be7c4:#13684A;--ta39c8a:#625B4E;--ta99bff:#5644C9;--tc9c2b0:#4A443A;--tdab248:#8F6A0E;--te0605a:#B4332A;--teeeae0:#1E1B16;--tf0c890:#7E5210;--tf0cc6a:#7E5E08;--tff9c6e:#B44C18;}
:root[data-theme=light]{--bg:#FAF8F3;--bg2:#F2EEE4;--bg3:#ECE6D8;--line:#E3DBCB;--line2:#D6CBB4;--gold:#8F6A0E;--gold2:#7E5E08;--text:#1E1B16;--text2:#4A443A;--dim:#625B4E;--dim2:#716A5C;--green:#0F7A50;--red:#B4332A;--violet:#5644C9;color-scheme:light}
:root[data-theme=light] body{background:#FAF8F3}
:root[data-theme=light] .hdr{background:rgba(250,248,243,.92)}
:root[data-theme=light] .btn-gold,:root[data-theme=light] .hdr .cta{background:#DAB248 !important;color:#111113 !important}
:root[data-theme=light] .btn-gold:hover,:root[data-theme=light] .hdr .cta:hover{background:#E8C463 !important}
:root[data-theme=light] .panel{box-shadow:0 24px 60px rgba(60,45,10,.18)}
:root[data-theme=light] .box{filter:drop-shadow(0 22px 26px rgba(40,30,10,.35)) drop-shadow(0 0 22px rgba(218,178,72,.18))}
:root[data-theme=light] .mega-ea .it img{filter:drop-shadow(0 8px 12px rgba(40,30,10,.3))}
:root[data-theme=light] .card,:root[data-theme=light] .tool{box-shadow:0 10px 30px rgba(60,45,10,.06)}
:root[data-theme=light] a.card:hover{box-shadow:0 18px 40px rgba(60,45,10,.14)}
:root[data-theme=light] .field input,:root[data-theme=light] .field select,:root[data-theme=light] .signup input{background:#FFFFFF}
:root[data-theme=light] #c-bm{background:#1E1B16 !important}
:root[data-theme=light] ::selection{background:#F0D88C}
/* SVG presentation colours in charts */
:root[data-theme=light] svg [fill="#EEEAE0"]{fill:#1E1B16}
:root[data-theme=light] svg [fill="#A39C8A"]{fill:#625B4E}
:root[data-theme=light] svg [fill="#8C8574"]{fill:#716A5C}
:root[data-theme=light] svg [fill="#111113"]{fill:#FAF8F3}
:root[data-theme=light] svg [stroke="#26241F"]{stroke:#E6DFD0}
:root[data-theme=light] svg [stroke="#4A4337"]{stroke:#CFC5AF}
:root[data-theme=light] svg [stroke="#6E675A"]{stroke:#A79E8B}
/* theme toggle */
.theme-toggle{width:44px;height:44px;border-radius:10px;border:1px solid var(--line2);background:transparent;color:var(--text2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s,border-color .2s}
.theme-toggle:hover{color:var(--gold2);border-color:var(--gold)}
.theme-toggle .i-moon{display:none}
:root[data-theme=light] .theme-toggle .i-sun{display:none}
:root[data-theme=light] .theme-toggle .i-moon{display:block}
:root[data-theme=light] h1 span[style*="background-clip"]{background-image:linear-gradient(90deg,#B98F2C,#9A7210 55%,#7E5E08) !important}