:root{--bg:#0e0f14;--ink:#ffffff;--muted:#171829;--accent:#4f7cff;--maxw:1600px}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;line-height:1.5}
.header{position:sticky;top:0;z-index:10;background:rgba(23,24,41,.9);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08)}
.header .wrap{display:flex;align-items:center;justify-content:space-between;max-width:var(--maxw);margin:0 auto;padding:10px 16px}
.brand{font-weight:700;letter-spacing:.2px}
.controls{display:flex;gap:8px;align-items:center}
.btn{appearance:none;border:1px solid rgba(255,255,255,.18);background:transparent;color:var(--ink);padding:6px 10px;border-radius:10px;cursor:pointer}
.btn:hover{border-color:rgba(255,255,255,.35)}
.select{background:#0f1122;border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:10px;padding:6px 10px}
.main{max-width:var(--maxw);margin:0 auto;padding:16px}
.page{margin:0 auto 24px;border-radius:12px;overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.35),0 1px 0 rgba(255,255,255,.08) inset;background:#000}
.page img{display:block;width:100%;height:auto}
.footer{max-width:var(--maxw);margin:24px auto 40px;padding:0 16px;color:#aab0c5;text-align:center}
@media (max-width: 700px){
  .brand{font-size:14px}
  .btn,.select{font-size:14px}
}