:root {
    color-scheme: light;
    --nd-bg:#f2f0eb; --nd-surface:rgba(255,255,255,.62); --nd-surface-solid:#f8f7f3;
    --nd-text:#17191d; --nd-muted:#68707b; --nd-line:rgba(24,30,39,.14); --nd-accent:#244d79;
    --nd-accent-soft:rgba(36,77,121,.11); --nd-shadow:0 24px 70px rgba(31,38,48,.10);
    --nd-serif:'Playfair Display',Georgia,serif; --nd-sans:'Inter',system-ui,sans-serif;
    --nd-font-display:clamp(3.35rem,6.4vw,5.8rem);
    --nd-font-section:clamp(2rem,4.2vw,3.4rem);
    --nd-font-article-title:clamp(2.15rem,3.7vw,3.5rem);
    --nd-font-card:clamp(1.22rem,1.8vw,1.72rem);
    --nd-font-heading-2:clamp(1.45rem,2.4vw,1.95rem);
    --nd-font-heading-3:clamp(1.16rem,1.7vw,1.4rem);
    --nd-font-body:clamp(.98rem,1vw,1.05rem);
    --nd-font-small:.72rem; --nd-font-label:.64rem;
    --nd-scrollbar-thumb:rgba(79,87,98,.34); --nd-scrollbar-thumb-hover:rgba(79,87,98,.58);
    --nd-record-bg:#ffffff; --nd-record-text:#17191d; --nd-record-muted:#68707b;
    --nd-r-sm:8px; --nd-r-md:12px; --nd-r-lg:18px;
    --nd-fast:160ms; --nd-base:320ms; --nd-slow:720ms;
    --nd-ease:cubic-bezier(.16,1,.3,1); --nd-ease-soft:cubic-bezier(.22,.7,.22,1);
    --nd-content:min(1180px,calc(100vw - 32px)); --nd-reading:min(720px,calc(100vw - 32px));
}
[data-theme="dark"] { color-scheme:dark; --nd-bg:#080b10; --nd-surface:rgba(18,23,31,.62); --nd-surface-solid:#11161e; --nd-text:#edf1f5; --nd-muted:#909aa7; --nd-line:rgba(214,225,238,.14); --nd-accent:#9bbad8; --nd-accent-soft:rgba(131,174,215,.13); --nd-shadow:0 28px 90px rgba(0,0,0,.42); --nd-scrollbar-thumb:rgba(188,198,210,.25); --nd-scrollbar-thumb-hover:rgba(188,198,210,.46); --nd-record-bg:#0b1120; --nd-record-text:#e2e8f0; --nd-record-muted:#94a3b8; }
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--nd-bg)}
body{margin:0;background:var(--nd-bg);color:var(--nd-text);font-family:var(--nd-sans);font-size:16px;line-height:1.6;text-rendering:optimizeLegibility}
button,input,select,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
::selection{background:var(--nd-accent);color:var(--nd-bg)}
*:focus-visible{outline:2px solid var(--nd-accent);outline-offset:4px}