:root{
  --sp-bg:#f7f6f2;
  --sp-panel:#fcfbf8;
  --sp-panel-2:#efeee9;
  --sp-text:#151719;
  --sp-text-2:#4a5057;
  --sp-muted:#707780;
  --sp-border:rgba(22,24,27,.12);
  --sp-border-soft:rgba(22,24,27,.07);
  --sp-gold:#8b6527;
  --sp-gold-bright:#b98a3d;
  --sp-shadow:0 18px 55px rgba(51,43,29,.08);
}
html[data-theme="dark"]{
  --sp-bg:#0b0d0f;
  --sp-panel:#0e1114;
  --sp-panel-2:#12161a;
  --sp-text:#ebe8e0;
  --sp-text-2:#c8c7c2;
  --sp-muted:#858b8c;
  --sp-border:rgba(255,255,255,.12);
  --sp-border-soft:rgba(255,255,255,.07);
  --sp-gold:#c6a052;
  --sp-gold-bright:#d5b570;
  --sp-shadow:0 18px 55px rgba(0,0,0,.28);
  --cream:#0b0d0f;--cream2:#111417;--cream3:#181c20;
  --card:#0e1114;--panel:#12161a;
  --ink:#ebe8e0;--ink2:#d4d2cc;--ink3:#b7b8b5;--ink4:#858b8c;--ink5:#6d7475;
  --border:rgba(255,255,255,.07);--border2:rgba(255,255,255,.12);--border3:rgba(255,255,255,.18);
}
html{background:var(--sp-bg);color-scheme:light;scroll-behavior:smooth}
html[data-theme="dark"]{color-scheme:dark}
body{background:var(--sp-bg)!important;color:var(--sp-text)!important;transition:background .2s,color .2s}
a{color:var(--sp-gold)!important}
.top-bar{
  position:sticky;top:0;z-index:20;min-height:58px;padding:.7rem max(1rem,calc((100vw - 1120px)/2))!important;
  background:color-mix(in srgb,var(--sp-bg) 91%,transparent)!important;
  border-bottom:1px solid var(--sp-border-soft)!important;backdrop-filter:blur(18px);
}
.logo{color:var(--sp-text)!important;letter-spacing:-.02em}
.logo em{color:var(--sp-gold)!important}
.top-bar a.back{color:var(--sp-muted)!important;margin-left:auto}
.static-theme-toggle{
  width:58px;height:30px;border:1px solid color-mix(in srgb,var(--sp-text) 18%,transparent);border-radius:15px;background:var(--sp-panel-2);
  cursor:pointer;position:relative;flex:0 0 auto;box-shadow:inset 0 1px 3px rgba(0,0,0,.1);transition:transform .18s,border-color .18s,box-shadow .18s
}
.static-theme-toggle:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--sp-gold) 55%,var(--sp-border));box-shadow:inset 0 1px 3px rgba(0,0,0,.1),0 4px 14px rgba(0,0,0,.1)}
.static-theme-toggle:focus-visible{outline:2px solid var(--sp-gold);outline-offset:3px}
nav .nav-right{margin-left:auto}
nav .static-theme-toggle{margin-left:.75rem}
nav:not(.top-bar){min-height:58px;height:auto;padding-top:.7rem!important;padding-bottom:.7rem!important}
.static-theme-toggle::before,.static-theme-toggle::after{
  position:absolute;top:7px;font:12px/1 Arial,sans-serif;color:var(--sp-muted)
}
.static-theme-toggle::before{content:'☀';left:7px;color:var(--sp-gold)}
.static-theme-toggle::after{content:'☾';right:7px}
.static-theme-thumb{
  position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;
  box-shadow:0 2px 7px rgba(0,0,0,.2);transition:transform .2s,background .2s
}
html[data-theme="dark"] .static-theme-toggle{background:#171b22;border-color:rgba(255,255,255,.18)}
html[data-theme="dark"] .static-theme-thumb{transform:translateX(28px);background:var(--sp-gold-bright)}
.wrap,.hero,.section{position:relative}
.wrap{max-width:980px!important;padding:3.5rem 2rem 5rem!important}
.hero{max-width:820px!important;padding:4.5rem 2rem 3rem!important}
.tagline,.eyebrow,.pill{color:var(--sp-gold)!important}
h1,h2,h3,.src-name,.feat-title,.guide h2{color:var(--sp-text)!important}
p,li,.subtitle,.hero-sub,.feat-desc,.guide p,.guide li,.src-desc,.meta{color:var(--sp-text-2)!important}
.meta,.src-url{color:var(--sp-muted)!important}
.features{max-width:1040px!important;counter-reset:feature;gap:12px!important}
.feat,.guide,.source-card{
  background:var(--sp-panel)!important;border:1px solid var(--sp-border-soft)!important;border-radius:8px!important;
  box-shadow:0 1px 0 rgba(255,255,255,.03);transition:transform .16s,border-color .16s,box-shadow .16s!important
}
.feat:hover,.guide:hover,.source-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--sp-gold) 42%,var(--sp-border))!important;box-shadow:var(--sp-shadow)}
.feat{counter-increment:feature}
.feat-icon{font-size:0!important;width:34px;height:34px;border-radius:7px;background:var(--sp-panel-2);border:1px solid var(--sp-border);display:grid;place-items:center}
.feat-icon::before{content:'0' counter(feature);font:700 10px/1 'DM Sans',sans-serif;letter-spacing:.08em;color:var(--sp-gold)}
.guide-num{color:var(--sp-gold)!important}
.guide li::before{color:var(--sp-gold)!important}
.source-card .src-icon{background:var(--sp-panel-2)!important;filter:saturate(.75)}
.highlight,.disclaimer,.caveat,.note{
  background:color-mix(in srgb,var(--sp-gold) 7%,var(--sp-panel))!important;
  border-color:color-mix(in srgb,var(--sp-gold) 42%,var(--sp-border))!important;color:var(--sp-text-2)!important
}
h2{border-bottom-color:var(--sp-border-soft)!important}
.tag,.tag.gold{background:var(--sp-panel-2)!important;color:var(--sp-muted)!important;border:1px solid var(--sp-border-soft)}
.tag.gold{color:var(--sp-gold)!important}
footer,.footer-links{border-color:var(--sp-border-soft)!important}
footer a,.footer-links a{color:var(--sp-muted)!important}
.btn-primary{background:var(--sp-gold-bright)!important;color:#17130c!important;border-radius:6px!important;border-color:var(--sp-gold-bright)!important}
.btn.primary,.cta a{color:#fff!important}
.btn:not(.primary){color:var(--sp-text)!important}
.foot a{color:var(--sp-text-2)!important}
.btn-primary:hover{background:var(--sp-gold)!important;color:#fff!important}
.btn-ghost,.soc-btn{border-color:var(--sp-border)!important;color:var(--sp-gold)!important;border-radius:6px!important}
.btn-ghost:hover,.soc-btn:hover{background:color-mix(in srgb,var(--sp-gold) 8%,var(--sp-panel))!important;border-color:color-mix(in srgb,var(--sp-gold) 45%,var(--sp-border))!important}
.process,.step,.cta{border-color:var(--sp-border-soft)!important}
.principles,.results{background:var(--sp-border-soft)!important}
.principle,.tool>.panel,.result{background:var(--sp-panel)!important;color:var(--sp-text)!important;border-color:var(--sp-border-soft)!important}
.field input{background:var(--sp-panel-2)!important;border-color:var(--sp-border)!important;color:var(--sp-text)!important}
.proof,.note{color:var(--sp-text-2)!important}
html[data-theme="dark"] nav{background:rgba(11,13,15,.94)!important;border-color:color-mix(in srgb,var(--sp-gold) 16%,var(--sp-border))!important}
html[data-theme="dark"] main{background:var(--sp-bg)!important}
html[data-theme="dark"] .auth-card{background:var(--sp-panel)!important;border-color:var(--sp-border)!important;box-shadow:var(--sp-shadow)!important}
html[data-theme="dark"] .field input{background:var(--sp-panel-2)!important;border-color:var(--sp-border)!important;color:var(--sp-text)!important}
html[data-theme="dark"] .field input:focus{background:var(--sp-panel)!important}
html[data-theme="dark"] .field label,html[data-theme="dark"] .sec-note strong{color:var(--sp-text-2)!important}
html[data-theme="dark"] .auth-sub,html[data-theme="dark"] .row-between a,html[data-theme="dark"] .alt-line{color:var(--sp-text-2)!important}
html[data-theme="dark"] .divider,html[data-theme="dark"] footer{color:var(--sp-muted)!important}
html[data-theme="dark"] .divider::before,html[data-theme="dark"] .divider::after{background:var(--sp-border)!important}
html[data-theme="dark"] .sec-note{background:var(--sp-panel-2)!important;color:var(--sp-text-2)!important}
html[data-theme="dark"] footer{border-color:var(--sp-border-soft)!important}
@media(max-width:760px){
  .top-bar{padding:.7rem 1rem!important}.top-bar a.back{font-size:0}.top-bar a.back::after{content:'Back';font-size:.75rem}
  .wrap,.hero,.section{padding-left:1rem!important;padding-right:1rem!important}
  .static-theme-toggle{width:54px}.static-theme-thumb{width:22px}.top-bar{gap:.65rem!important}
  html[data-theme="dark"] .static-theme-thumb{transform:translateX(24px)}
  nav:not(.top-bar){padding-left:1rem!important;padding-right:1rem!important;gap:.65rem}
  nav .nav-right{font-size:0}nav .nav-right a{font-size:.75rem}
}