:root{--primary:#4a6fa5;--secondary:#6c8ebd;--accent:#ff6b6b;--background:#f8f9fa;--surface:#ffffff;--text-primary:#333333;--text-secondary:#666666;--border:#e0e0e0;--shadow:rgba(0,0,0,0.1);--transition-duration:0.2s}body.dark-theme{--primary:#5d8acd;--secondary:#7fa3d7;--accent:#ff8585;--background:#121212;--surface:#1e1e1e;--text-primary:#f0f0f0;--text-secondary:#b0b0b0;--border:#333333;--shadow:rgba(0,0,0,0.3)}*{transition:background-color var(--transition-duration) cubic-bezier(.175,.885,.32,1.275),color var(--transition-duration) cubic-bezier(.175,.885,.32,1.275),border-color var(--transition-duration) cubic-bezier(.175,.885,.32,1.275),box-shadow var(--transition-duration) cubic-bezier(.175,.885,.32,1.275)}:root{--font-manrope:"Manrope",sans-serif}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;background-color:var(--background);color:var(--text-primary)}a,body,button,div,h1,h2,h3,h4,h5,h6,html,input,p,span,textarea{font-family:var(--font-manrope)}.page{width:100dvw;height:100dvh;background-color:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:baseline;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--primary) var(--background)}.page::-webkit-scrollbar{width:8px}.theme-toggle-container{position:fixed;top:1rem;right:1rem;z-index:1000}@media(max-width:699px){.theme-toggle-container{display:none}}@media(max-width:400px){.theme-toggle-container{left:1rem;right:auto}}.content-container{width:70dvw;padding:2rem;position:relative}@media(max-width:1300px){.content-container{width:90dvw}}@media(max-width:1015px){.content-container{width:100dvw;padding:2rem}}@media(max-width:800px){.content-container{padding:1rem}}