:root{--bg:#fff6f8;--ink:#3b102e;--dim:#7a5570;--accent:#e8286a;--card:#ffffff;--line:#f3c9d8}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#1c0618;--ink:#fbe9f1;--dim:#d7a8bf;--accent:#ff6f9a;--card:#2c0c27;--line:#5b2446}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Hiragino Maru Gothic ProN","Hiragino Sans",system-ui,sans-serif;line-height:1.8}
main{max-width:760px;margin:0 auto;padding:32px 16px 64px}
header{text-align:center;margin-bottom:28px}
header img{width:112px;height:112px;border-radius:26px;box-shadow:0 6px 18px rgba(232,40,106,.25)}
h1{font-size:1.6rem;margin:.4em 0 .1em;color:var(--accent);letter-spacing:.04em}
h2{font-size:1.15rem;margin:2em 0 .6em;padding-bottom:.3em;border-bottom:2px solid var(--line)}
.sub{color:var(--dim);font-size:.92rem;margin:0}
.box{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 20px;margin:16px 0}
ul{padding-left:1.3em}
a{color:var(--accent)}
nav{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:8px;font-size:.95rem}
footer{margin-top:48px;text-align:center;color:var(--dim);font-size:.85rem}
.lang{margin-top:56px;padding-top:16px;border-top:2px dashed var(--line)}