:root{--color-canvas:#080808;--color-section:#0a0a0a;--color-surface:#121212;--color-surface-raised:#1a1a1a;--color-ink:#f5f5f5;--color-ink-muted:#929292;--color-line:#1f1f1f;--color-line-strong:#3d3d3d;--color-accent:#5865f2;--color-accent-strong:#7983f5;--color-accent-soft:#14162e;--color-warm:#d7bf7a;--color-danger:#ff857b;--color-white:#fff;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:0px;--radius-md:0px;--radius-lg:0px;--radius-pill:0px;--shadow-card:none;--font-body:var(--font-manrope), system-ui, sans-serif;--transition-fast:.14s ease;--transition-theme:.32s;--text-xs:clamp(10px, .1442vw + 9.308px, 13px);--text-sm:clamp(11px, .1923vw + 10.077px, 15px);--text-base:clamp(12px, .2404vw + 10.846px, 17px);--text-lg:clamp(14px, .2885vw + 12.615px, 20px);--text-xl:clamp(17px, .4327vw + 14.923px, 26px);--text-display:clamp(22px, .7692vw + 18.308px, 38px);--text-hero:clamp(34px, 2.6606vw + 23.89px, 92px);--container-page:clamp(320px, 96vw, 2280px);--container-prose:clamp(320px, 92vw, 78ch)}
.dm-white-band{--color-canvas:#fff;--color-section:#fff;--color-surface:#f5f5f5;--color-surface-raised:#ededed;--color-ink:#0a0a0a;--color-ink-muted:#5c5c5c;--color-line:#e3e3e3;--color-line-strong:#a3a3a3;--color-accent:#5865f2;--color-accent-strong:#4752c4;--color-accent-soft:#e6e8fd;--color-warm:#8a660a;--color-danger:#d32f2f;--color-white:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}
*{box-sizing:border-box}
html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scrollbar-color:var(--color-line-strong) transparent;background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-body);font-synthesis:none}
*{scrollbar-width:thin;scrollbar-color:var(--color-line-strong) transparent}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:0 0}
::-webkit-scrollbar-thumb{background-color:var(--color-line-strong);background-clip:padding-box;border:2px solid #0000;border-radius:4px;transition:background-color .15s}
::-webkit-scrollbar-thumb:hover{background-color:var(--color-accent)}
::-webkit-scrollbar-thumb:active{background-color:var(--color-accent-strong)}
::-webkit-scrollbar-corner{background:0 0}
body{background:var(--color-canvas);min-width:320px;min-height:100dvh;margin:0}
button,input,textarea,select{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{color:inherit}
a{color:inherit;text-decoration:none}
::selection{background:var(--color-accent);color:var(--color-canvas)}
:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}
.dm-app-root{isolation:isolate;min-height:100dvh}
@media (forced-colors:active){*{scrollbar-color:auto;scrollbar-width:auto}}
@media (pointer:coarse){*{scrollbar-width:auto}}
@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
@media screen and (min-width:2560px){html{font-size:18px}}