:root{
  --ink:#0E0B26; --deep:#1C1440; --violet:#2A1B52;
  --gold:#C9A227; --gold-hi:#E8C96A; --parchment:#F3E6B8;
  --body:#D8D3E8; --dim:#8E88A8;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  background:linear-gradient(180deg,var(--ink) 0%,var(--deep) 55%,var(--violet) 100%);
  min-height:100vh;color:var(--body);
  font-family:"Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",serif;
  line-height:1.9;font-size:15px;
}
.wrap{max-width:720px;margin:0 auto;padding:56px 24px 80px}
header{text-align:center;margin-bottom:44px}
.emblem{width:54px;height:auto;margin-bottom:14px;opacity:.9}
h1{
  font-size:26px;letter-spacing:.35em;font-weight:500;color:var(--parchment);
  text-shadow:0 0 24px rgba(232,201,106,.35);
}
.appname{font-size:12px;letter-spacing:.3em;color:var(--gold);margin-top:10px}
.updated{font-size:12px;color:var(--dim);margin-top:6px}
.divider{display:flex;align-items:center;gap:12px;margin:40px 0 16px}
.divider::before,.divider::after{content:"";flex:1;height:1px;
  background:linear-gradient(90deg,transparent,rgba(201,162,39,.6))}
.divider::after{background:linear-gradient(90deg,rgba(201,162,39,.6),transparent)}
.divider span{color:var(--gold-hi);font-size:12px}
h2{font-size:17px;letter-spacing:.15em;color:var(--parchment);font-weight:500;margin-bottom:12px}
p{margin-bottom:14px}
li{margin:0 0 10px 1.3em}
a{color:var(--gold-hi);text-decoration:none;border-bottom:1px solid rgba(201,162,39,.4)}
a:hover{border-bottom-color:var(--gold-hi)}
.note{background:rgba(28,20,64,.6);border:1px solid rgba(201,162,39,.35);
  border-radius:10px;padding:14px 18px;font-size:13.5px;margin:18px 0}
footer{margin-top:64px;text-align:center;font-size:12px;color:var(--dim);letter-spacing:.1em}
footer a{margin:0 10px}
@media (prefers-reduced-motion:no-preference){
  header{animation:rise .8s ease both}
  @keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
}