:root { --bg:#fff; --fg:#1e1a22; --accent:#c2185b; --muted:#6b6472; --line:#f3d3e2; }
@media (prefers-color-scheme: dark) { :root { --bg:#151016; --fg:#f1edf4; --accent:#ff8ac0; --muted:#a79fae; --line:#3a2633; } }
body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.8 -apple-system, "Hiragino Sans", "Noto Sans JP", sans-serif; }
main { max-width:40rem; margin:0 auto; padding:2rem 1rem 4rem; }
h1 { font-size:1.6rem; color:var(--accent); word-break:keep-all; overflow-wrap:anywhere; }
h2 { font-size:1.15rem; margin-top:2rem; border-left:4px solid var(--accent); padding-left:.6rem; }
a { color:var(--accent); }
ul { padding-left:1.4rem; }
.muted { color:var(--muted); font-size:.9rem; }
.app { display:flex; align-items:center; gap:1rem; }
.app img { width:72px; height:72px; border-radius:16px; border:1px solid var(--line); }
.app h1 { margin:0; }