.booklive{--ground:#fdf8f2;--surface:#fff;--line:#e6dccf;--ink:#22304b;--muted:#61708d;--accent:#2e7fd4;--accent-soft:#e1edfb;background:var(--ground);color:var(--ink);min-height:100vh;margin:0;font:17px/1.65 Sarabun,system-ui,sans-serif}@media (prefers-color-scheme:dark){.booklive{--ground:#12161f;--surface:#1a2030;--line:#31394f;--ink:#ecf0f8;--muted:#a8b4cb;--accent:#63a8f0;--accent-soft:#1a2a41}}.booklive .wrap{max-width:620px;margin:0 auto;padding:56px 20px 72px}.booklive .brand{letter-spacing:.02em;color:var(--accent);margin:0 0 28px;font-size:1.05rem;font-weight:700}.booklive h1{letter-spacing:-.015em;text-wrap:balance;margin:0 0 6px;font-size:clamp(1.8rem,6vw,2.5rem);line-height:1.2}.booklive .en-lead{color:var(--muted);margin:0 0 28px;font-size:1.1rem}.booklive .lead{max-width:34em;margin:0 0 6px;font-size:1.1rem}.booklive .en{color:var(--muted);max-width:36em;margin:0 0 32px}.booklive .steps{counter-reset:step;gap:12px;margin:0 0 36px;padding:0;list-style:none;display:grid}.booklive .steps li{counter-increment:step;background:var(--surface);border:1px solid var(--line);border-radius:14px;grid-template-columns:2.2rem 1fr;column-gap:12px;padding:14px 16px;display:grid}.booklive .steps li:before{content:counter(step);background:var(--accent-soft);width:2.2rem;height:2.2rem;color:var(--accent);border-radius:50%;grid-row:span 2;align-self:center;place-items:center;font-weight:700;display:grid}.booklive .steps b{font-weight:600}.booklive .steps span{color:var(--muted);font-size:.95rem}.booklive .find{border-top:1px solid var(--line);margin:0;padding-top:20px}.booklive .find .en{margin:4px 0 0;display:inline-block}