html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}
body{background:#0b0b0b;color:#e8e8e8}
header{padding:24px 20px;background:#111;color:#fff}
header button{margin-top:8px;background:#222;border:1px solid #2a2a2a;color:#e8e8e8;border-radius:8px;padding:8px 12px;cursor:pointer}
header button:hover{background:#2a2a2a}
main{padding:20px;max-width:900px;margin:0 auto;line-height:1.5}
h1,h2{margin:0 0 12px}
img{display:block;margin:12px 0;border-radius:12px}
ul{margin:0 0 12px 18px}
.slider{display:flex;align-items:center;gap:12px}
.slider .card{background:#161616;padding:10px;border-radius:12px;border:1px solid #2a2a2a}
.slider button{background:#222;border:1px solid #2a2a2a;color:#e8e8e8;border-radius:8px;padding:8px 12px;cursor:pointer}
.slider button:hover{background:#2a2a2a}

body.light{background:#ffffff;color:#1f2937}
body.light header{background:#f3f4f6;color:#111}
body.light .slider .card{background:#ffffff;border:1px solid #e5e7eb}
body.light .slider button,body.light header button{background:#f3f4f6;border:1px solid #e5e7eb;color:#111}
body.light .slider button:hover,body.light header button:hover{background:#e5e7eb}