*{box-sizing:border-box}body,html{width:100%;min-height:100%;margin:0}:root{--title-size:clamp(48px,3.6vw,72px);--regular-size:clamp(24px,1.8vw,34px);--button-size:clamp(30px,2.1vw,42px);--subtitle-size:clamp(20px,1.4vw,28px)}:root,[data-theme=dark]{--foreground:#ffffff;--muted:#c9c9c9;--button-fill:rgba(255,255,255,0.1);--button-fill-hover:rgba(255,255,255,0.17);--button-border:rgba(255,255,255,1);--link:#8fc7ff;--link-hover:#b8ddff;--hairline:rgba(255,255,255,0.18);--reading-surface:transparent;--reading-text:#e9e9e9;--heading:#ffffff;--page-bg:linear-gradient(rgba(43,43,43,0.733),rgba(43,43,43,0.733)),radial-gradient(circle at 50% 38%,rgba(80,87,96,0.62),rgba(42,45,50,0.74) 34%,rgba(16,17,20,1) 78%),linear-gradient(145deg,#3c4047,#24262b 46%,#0f1115)}[data-theme=light]{--foreground:#1a1a1a;--muted:#555555;--button-fill:rgba(0,0,0,0.05);--button-fill-hover:rgba(0,0,0,0.1);--button-border:rgba(0,0,0,0.35);--link:#1c5d99;--link-hover:#0f3f6e;--hairline:rgba(0,0,0,0.12);--reading-surface:#f7f6f3;--reading-text:#2a2a2a;--heading:#1a1a1a;--page-bg:linear-gradient(rgba(255,255,255,0.55),rgba(255,255,255,0.55)),radial-gradient(circle at 50% 38%,rgba(245,247,250,0.9),rgba(228,232,238,0.85) 34%,rgba(214,219,226,1) 78%),linear-gradient(145deg,#f3f5f8,#e7eaef 46%,#d6dbe2)}body{background:var(--page-bg);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}.theme-toggle,body{color:var(--foreground)}.theme-toggle{position:fixed;top:16px;right:16px;z-index:1000;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1px solid var(--button-border);border-radius:50%;background:var(--button-fill);cursor:pointer;transition:background .15s ease}.theme-toggle:focus-visible,.theme-toggle:hover{background:var(--button-fill-hover)}.theme-toggle:focus-visible{outline:2px solid var(--link);outline-offset:2px}