:root { --bg:#FFF9F5; --surface:#FFFFFF; --ink:#2B2A28; --soft:#5A5852; --coral:#C8414A; --border:#F0E4DC; }
@media (prefers-color-scheme: dark) { :root { --bg:#201B18; --surface:#2A2320; --ink:#F5EFEA; --soft:#D2C7BE; --coral:#FF9A9F; --border:#3C332D; } }
* { box-sizing: border-box; }
body { font-family: system-ui, -apple-system, "Segoe UI", sans-serif; background: var(--bg); color: var(--ink); margin: 0; padding: 40px 16px 64px; line-height: 1.65; font-size: 1.05rem; }
main { max-width: 700px; margin: 0 auto; background: var(--surface); border: 1px solid var(--border); border-radius: 20px; padding: 36px clamp(20px, 5vw, 52px); }
h1 { color: var(--coral); font-size: clamp(1.7rem, 4vw, 2.1rem); margin: 0 0 4px; line-height: 1.25; }
h2 { font-size: 1.2rem; margin: 2em 0 .5em; }
.meta { color: var(--soft); margin: 0 0 1.5em; }
.short { background: var(--bg); border: 1px solid var(--border); border-radius: 14px; padding: 16px 20px; }
a { color: var(--coral); }
li { margin: .3em 0; }
nav { margin-top: 2.5em; padding-top: 1em; border-top: 1px solid var(--border); }