[data-theme=dark]{--bg:#0a0a0a;--fg:#e8e4de;--text:#e8e4de;--text-secondary:#e0e0e0;--text-muted:#9a918a;--accent:#d4a574;--muted:#9a918a;--dim:#3a3633;--border:#3a3633;--surface:#1e1e1e;--trace:#c49a6c;--highlight:#e8c9a0}[data-theme=light]{--bg:#fafafa;--fg:#1a1a1a;--text:#1a1a1a;--text-secondary:#333;--text-muted:#666;--accent:#8b6f47;--muted:#666;--dim:#ccc;--border:#ccc;--surface:#fff;--trace:#8b6f47;--highlight:#5a4a3a}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;overflow-x:hidden}body{font-family:Cormorant Garamond,Georgia,serif;background:var(--bg);color:var(--text);line-height:1.7;min-height:100vh;font-size:18px;transition:background .3s ease,color .3s ease}body.font-small{font-size:16px}body.font-medium{font-size:18px}body.font-large{font-size:22px}body.font-xlarge{font-size:26px}.container{max-width:720px;margin:0 auto;padding:60px 24px;min-height:100vh}.nav{position:fixed;top:0;left:0;right:0;padding:20px 24px;background:var(--bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:1000;display:flex;justify-content:space-between;align-items:center;transition:background .3s ease,border-color .3s ease,color .3s ease}[data-theme=dark] .nav{background:hsla(0,0%,4%,.95)}[data-theme=light] .nav{background:hsla(0,0%,98%,.95)}.nav-logo{font-size:1.2rem;font-weight:300;color:var(--fg);text-decoration:none;letter-spacing:.05em}.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--muted);text-decoration:none;letter-spacing:.1em;text-transform:uppercase;transition:color .3s ease}.nav-links a:hover{color:var(--accent)}.content-page{padding-top:100px}.content-page h1{font-size:clamp(2.5rem,8vw,4rem);font-weight:300;letter-spacing:.02em;margin-bottom:48px;line-height:1.1}.content-page h2{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:300;margin-top:64px;margin-bottom:32px;line-height:1.3}.content-page h3{font-size:clamp(1.35rem,4vw,1.75rem);font-weight:400;margin-top:48px;margin-bottom:24px;line-height:1.4}.content-page p{font-size:1.15rem;margin-bottom:24px;line-height:1.8}.content-page strong{color:var(--accent);font-weight:500}.content-page em{font-style:italic;color:var(--highlight)}.content-page hr{border:none;border-top:1px solid var(--dim);margin:64px 0}.content-page ol,.content-page ul{margin-left:24px;margin-bottom:24px}.content-page li{font-size:1.15rem;margin-bottom:12px;line-height:1.8}@media (min-width:601px) and (max-width:1024px){.container{padding:50px 32px}.nav{padding:18px 28px}}@media (max-width:600px){.container{padding:40px 20px}.nav{padding:16px 20px}.nav-links{gap:20px;font-size:.7rem}.content-page{padding-top:80px}.content-page h1{font-size:clamp(2rem,7vw,3rem)}.content-page h2{font-size:clamp(1.5rem,5vw,2rem)}.content-page p{font-size:1rem}.controls{bottom:5rem;right:1rem}.control-btn{width:2.5rem;height:2.5rem}}.controls{position:fixed;bottom:6rem;right:1.5rem;display:flex;flex-direction:column;gap:.75rem;z-index:1000}.control-btn{width:3rem;height:3rem;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);font-family:Cormorant Garamond,Georgia,serif;font-size:1rem;cursor:pointer;transition:all .3s ease;border-radius:50%;display:flex;align-items:center;justify-content:center}.control-btn:hover{border-color:var(--text-muted);color:var(--text)}