:root{--text-color:#222;--bg-color:#fff;--border-color:#222;--link-color:#00e;--link-hover-color:#0066cc}@media(prefers-color-scheme:dark){:root{--text-color:#e8e8e8;--bg-color:#1a1a1a;--border-color:#444;--link-color:#66b3ff;--link-hover-color:#99ccff}}body{color:var(--text-color);background-color:var(--bg-color);font-family:sans-serif;line-height:1.5;margin:1rem;max-width:768px;transition:background-color .3s ease,color .3s ease}header{border-bottom:1px solid var(--border-color);margin-bottom:1rem}footer{border-top:1px solid var(--border-color);margin-top:1rem}a{color:var(--link-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--link-hover-color)}