/* ═══ BASE: tokens, reset, body, scrollbar ═══ */
:root{--nb:#3b9eff;--ng:#1dd97a;--np:#c8955a;--na:#d4943a;--nv:#9b6fd4;--nc:#0bbdd6;--ngold:#e6c49f;--ngold2:#b8793a;--font:'Montserrat',system-ui,sans-serif;--font-body:'Montserrat',system-ui,sans-serif;--font-heading:'Montserrat',system-ui,sans-serif;--mono:'JetBrains Mono',monospace;--r:8px;--r2:12px;--r3:18px;--tr:all .2s cubic-bezier(.4,0,.2,1)}
[data-theme=dark]{--bg:#12141c;--s1:#1a1d28;--s2:#1f2232;--s3:#252839;--s4:#2c3047;--b1:rgba(255,255,255,.08);--b2:rgba(255,255,255,.13);--b3:rgba(255,255,255,.22);--t1:#eef2fb;--t2:#b6c0d4;--t3:#8894ad;--t4:#4a5470;--sh:0 8px 28px rgba(0,0,0,.4);--sh2:0 2px 8px rgba(0,0,0,.28)}
[data-theme=dark] .hint{color:#9aa5bd}
[data-theme=dark] .pg-sub,[data-theme=dark] .ksub,[data-theme=dark] .klbl,[data-theme=dark] .csl,[data-theme=dark] .set-sec-sub,[data-theme=dark] .cdv-dur,[data-theme=dark] .set-nav-ttl,[data-theme=dark] thead th{color:#9fabc4}
[data-theme=dark] .ibox{color:#c5cee0}
[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#6e7a94;opacity:1}
[data-theme=light]{--bg:#eff0f5;--s1:#fff;--s2:#f5f7fc;--s3:#eceef7;--s4:#e0e3f0;--b1:rgba(14,27,77,.07);--b2:rgba(14,27,77,.13);--b3:rgba(14,27,77,.22);--t1:#0e1b4d;--t2:#3a4560;--t3:#6b7a9e;--t4:#c8cde0;--sh:0 8px 32px rgba(14,27,77,.1);--sh2:0 2px 10px rgba(14,27,77,.08)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

/* ── Mobile: kein horizontales Scrollen, App-Feeling ── */
html{overflow-x:hidden;overflow-x:clip;-webkit-text-size-adjust:100%}
body{font-family:var(--font);background:linear-gradient(150deg,#ffffff 0%,rgba(200,149,90,.08) 100%);background-attachment:fixed;color:var(--t1);min-height:100vh;line-height:1.5;transition:background .3s,color .3s;overflow-x:hidden;max-width:100vw;overscroll-behavior-x:none;-webkit-tap-highlight-color:transparent}
[data-theme=dark] body{background:radial-gradient(ellipse at 80% 10%,rgba(200,149,90,.13) 0%,transparent 52%),linear-gradient(160deg,#0b0d18 0%,#130f09 100%);background-attachment:fixed}

/* Scrollbar */
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--b2);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:rgba(200,149,90,.4)}

/* Spinner + misc */
.spin{display:inline-block;width:14px;height:14px;border:2px solid var(--b2);border-top-color:var(--np);border-radius:50%;animation:sp .6s linear infinite;vertical-align:middle;margin-right:5px}
@keyframes sp{to{transform:rotate(360deg)}}

/* Updated font styling */
.pg-title{font-family:var(--font-heading)}
.nav-brand .brand-text{font-family:var(--font-heading)}