:root{--bg-main:#fff;--bg-secondary:#f4f4f4;--bg-muted:#f9f9f9;--bg-secondary-trans:rgba(244,244,244,.5);--text-primary:#111;--text-secondary:#222;--text-tertiary:#333;--text-muted:#555;--border-color:#e0e0e0;--shadow-color:rgba(0,0,0,.05);--shadow-hover:rgba(0,0,0,.1);--link-color:#007bff;--link-hover:#0056b3;--transition:all .25s ease}:root[data-theme=dark]{--bg-main:#0d0d0d;--bg-secondary:#1a1a1a;--bg-muted:#222;--bg-secondary-trans:rgba(26,26,26,.5);--text-primary:#fff;--text-secondary:#f4f4f4;--text-tertiary:#ddd;--text-muted:#aaa;--border-color:#333;--shadow-color:none;--shadow-hover:none;--link-color:#4da3ff;--link-hover:#1e90ff;--transition:all .25s ease}*{box-sizing:border-box;font-optical-sizing:auto;font-variation-settings:"wdth" 100;margin:0;padding:0;font-family:Open Sans,sans-serif;font-style:normal;transition:all .3s!important}body{background-color:var(--bg-secondary);flex-direction:column;height:100vh;padding:1rem 2rem;display:flex}main{flex-direction:row;gap:20px;width:100%;margin:0 auto;padding:1rem 0;display:flex}.content{color:var(--text-secondary);background-color:var(--bg-main);border-radius:20px;width:100%;padding:2rem;display:flex}@media screen and (max-width:768px){body{background-color:var(--bg-main);padding:0}.content{padding:10px}main{flex-direction:column;padding:0;display:flex}}