body{margin:0;font-family:system-ui;background:#0b0c10;color:#e8e8e8}
header{padding:12px;background:#0f1118;border-bottom:1px solid #202431}
.controls>*{margin:4px;padding:6px 8px;border-radius:8px;border:1px solid #2b3142;background:#171a24;color:#e8e8e8}
.controls input{min-width:220px}
main{padding:16px;line-height:1.7}
.dark{background:#0b0c10;color:#e8e8e8}
.light{background:#fff;color:#000}
.light header{background:#f3f5f8;border-bottom:1px solid #ddd}
.light .controls>*{background:#fff;color:#000;border:1px solid #ccc}