:root { --bg: #1E1A17; --text: #F4EFEA; --dim: #B8AEA4; --accent: #E8853B; }
* { box-sizing: border-box; margin: 0; }
html, body { height: 100%; }
body { background: var(--bg); color: var(--text); font-family: -apple-system, Roboto, sans-serif; overflow: hidden; }
.np { display: flex; align-items: center; gap: 56px; height: 100%; padding: 0 96px; }
.art { width: 38vh; height: 38vh; border-radius: 18px; box-shadow: 0 24px 80px rgba(0,0,0,0.55); flex: 0 0 auto; }
.meta { min-width: 0; }
.eyebrow { color: var(--accent); font-size: 2.2vh; letter-spacing: 0.18em; font-weight: 700; margin-bottom: 1.4vh; min-height: 2.6vh; }
.title { font-size: 6vh; font-weight: 800; line-height: 1.05; letter-spacing: -0.02em; }
.author { color: var(--dim); font-size: 3vh; margin-top: 1.4vh; }
.chapter { color: var(--text); font-size: 2.6vh; margin-top: 3vh; opacity: 0.9; }