:root{font-family:Inter,system-ui,sans-serif;color:#1e1e1e;background-color:#f6f4f2}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:48px 24px}.card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 30px #00000014;width:100%;max-width:480px}.book-page{gap:24px;align-items:stretch}.content{flex:1;display:flex;flex-direction:column;gap:24px;max-width:780px}.nav{width:220px;background:#fff;border-radius:16px;padding:24px;height:fit-content;box-shadow:0 10px 30px #00000014}.nav h2{margin-top:0}.nav-section{margin-bottom:24px;display:flex;flex-direction:column;gap:8px}.nav-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#6d6d6d}.nav a{padding:8px 12px;border-radius:8px}.nav a.active,.nav a:hover{background:#f0ece6}.hero{max-width:none}.tag{background:#1e1e1e;color:#fff;display:inline-block;padding:4px 12px;border-radius:999px;font-size:.75rem;margin:0 0 12px}.form{display:flex;flex-direction:column;gap:16px}.label{display:flex;flex-direction:column;font-size:.9rem;gap:8px}input,textarea{font-size:1rem;padding:10px 12px;border-radius:10px;border:1px solid #d6d0c9}button{background:#1e1e1e;color:#fff;border:none;padding:12px 16px;border-radius:10px;font-size:1rem;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.muted{color:#6d6d6d}.hint{margin-top:16px;font-size:.85rem;color:#6d6d6d}.error{color:#b00020}.code-box{background:#f0ece6;border-radius:12px;padding:12px;font-size:1.5rem;text-align:center;margin:16px 0;font-weight:600}.comments-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.comment-list{display:flex;flex-direction:column;gap:16px;max-height:320px;overflow-y:auto;padding-right:8px}.comment{background:#f9f7f4;border-radius:12px;padding:12px 14px}.comment-meta{display:flex;gap:8px;align-items:center;font-weight:600}.pill{background:#d9d4cf;border-radius:999px;padding:2px 8px;font-size:.75rem}.small{font-size:.75rem}@media (max-width: 900px){.book-page{flex-direction:column}.nav{width:100%}}