:root{color-scheme:light;--paper:#f7f8f4;--paper-deep:#ebefe8;--ink:#202124;--ink-soft:#4f5550;--ink-muted:#757d77;--line:#d6ddd4;--line-strong:#aab9ad;--accent:#3a7365;--accent-dark:#214f44;--surface:#fff;--code:#eef2ee;--shadow:0 18px 48px #1d362e14;--sans:"Pretendard", "Noto Sans KR", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--serif:"Noto Serif KR", "Iowan Old Style", Georgia, serif;--mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:var(--sans);scroll-behavior:smooth}body{background:linear-gradient(#fffffcf5,#f7f8f4fa),repeating-linear-gradient(90deg,#20212406 0 1px,#0000 1px 72px);min-height:100vh;margin:0}a{color:inherit}.site-shell{min-height:100vh}.topbar{z-index:30;border-bottom:1px solid var(--line);backdrop-filter:blur(14px);background:#f7f8f4eb;justify-content:space-between;align-items:center;gap:24px;min-height:64px;padding:0 40px;display:flex;position:sticky;top:0}.brand{font-family:var(--serif);letter-spacing:0;align-items:baseline;gap:8px;font-size:22px;font-weight:800;text-decoration:none;display:inline-flex}.brand span{font-family:var(--mono);color:var(--ink-muted);font-size:11px;font-weight:500}.nav{font-family:var(--mono);align-items:center;gap:18px;font-size:12px;display:flex}.nav a{color:var(--ink-soft);text-decoration:none}.nav a:hover{color:var(--accent-dark)}.main{width:100%}.container{width:min(1180px,100vw - 48px);margin:0 auto}.hero{border-bottom:1px solid var(--line);padding:80px 0 56px}.eyebrow{font-family:var(--mono);color:var(--accent-dark);letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;font-size:12px}.hero h1{max-width:920px;font-family:var(--serif);letter-spacing:0;margin:0;font-size:72px;line-height:.98}.hero p{max-width:760px;color:var(--ink-soft);margin:24px 0 0;font-size:18px;line-height:1.8}.section{padding:48px 0}.section-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;display:flex}.section-title{font-family:var(--serif);margin:0;font-size:36px}.section-meta{color:var(--ink-muted);font-family:var(--mono);margin:0;font-size:12px}.book-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.book-card{background:var(--surface);border:1px solid var(--line);min-height:286px;box-shadow:var(--shadow);border-radius:8px;flex-direction:column;padding:26px 24px;text-decoration:none;display:flex}.book-card:hover{border-color:var(--line-strong)}.book-thumb{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);background:var(--paper-deep);border-radius:6px;width:100%;margin:-10px 0 18px}.book-card .line{font-family:var(--mono);color:var(--accent-dark);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.book-card h2,.book-card h3{font-family:var(--serif);margin:18px 0 10px;font-size:25px;line-height:1.22}.book-card p{color:var(--ink-soft);margin:0;font-size:15px;line-height:1.65}.book-card .card-foot{color:var(--ink-muted);font-family:var(--mono);justify-content:space-between;gap:14px;margin-top:auto;padding-top:20px;font-size:12px;display:flex}.book-hero{border-bottom:1px solid var(--line);padding:64px 0 42px}.book-hero-grid{grid-template-columns:minmax(0,1fr) 280px;align-items:end;gap:48px;display:grid}.book-hero h1{max-width:820px;font-family:var(--serif);margin:0;font-size:56px;line-height:1.05}.book-hero .subtitle{max-width:720px;color:var(--ink-soft);margin:18px 0 0;font-size:18px;line-height:1.75}.book-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:22px}.book-panel-cover{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line);background:var(--paper-deep);border-radius:6px;width:100%;margin-bottom:18px;display:block}.book-panel dl{grid-template-columns:82px 1fr;gap:10px 14px;margin:0;font-size:14px;display:grid}.book-panel dt{color:var(--ink-muted);font-family:var(--mono);font-size:11px}.book-panel dd{color:var(--ink-soft);margin:0}.chapter-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:8px;display:grid}.chapter-row{background:var(--surface);border:1px solid var(--line);border-radius:8px;grid-template-columns:46px 1fr;align-items:start;gap:16px;padding:18px 16px;text-decoration:none;display:grid}.chapter-row:hover{border-color:var(--line-strong)}.chapter-row .num{font-family:var(--mono);color:var(--accent-dark);font-size:12px}.chapter-row .title{font-size:16px;line-height:1.45}.reader-wrap{grid-template-columns:250px minmax(0,760px);gap:52px;width:min(1120px,100vw - 48px);margin:0 auto;padding:44px 0 72px;display:grid}.reader-aside{align-self:start;max-height:calc(100vh - 120px);padding-right:4px;position:sticky;top:90px;overflow:auto}.reader-aside a{color:var(--ink-soft);border-bottom:1px solid #d6ddd4b3;padding:10px 0;font-size:13px;line-height:1.45;text-decoration:none;display:block}.reader-aside a.active{color:var(--accent-dark);font-weight:700}.reader{min-width:0}.reader-head{border-bottom:1px solid var(--line);margin-bottom:34px;padding-bottom:24px}.reader-head .crumb{color:var(--ink-muted);font-family:var(--mono);margin:0 0 16px;font-size:12px}.reader-head h1{font-family:var(--serif);margin:0;font-size:48px;line-height:1.12}.reader-meta{color:var(--ink-muted);margin-top:16px;font-size:14px}.prose{font-family:var(--serif);color:var(--ink);word-break:keep-all;overflow-wrap:anywhere;font-size:19px;line-height:1.9}.prose h1,.prose h2,.prose h3{font-family:var(--serif);margin:2.2em 0 .7em;line-height:1.32}.prose h1{font-size:34px}.prose h2{font-size:28px}.prose h3{font-size:23px}.prose p{margin:0 0 1.25em}.prose ul,.prose ol{padding-left:1.4em}.prose li{margin:.4em 0}.prose blockquote{border-left:3px solid var(--line-strong);color:var(--ink-soft);margin:2em 0;padding:.4em 0 .4em 1.2em}.prose code{background:var(--code);font-family:var(--mono);border-radius:4px;padding:.12em .34em;font-size:.86em}.prose pre{background:var(--code);font-family:var(--mono);border-radius:8px;padding:18px;font-size:14px;line-height:1.7;overflow:auto}.prose table{border-collapse:collapse;width:100%;font-family:var(--sans);margin:2em 0;font-size:14px}.prose th,.prose td{border:1px solid var(--line);vertical-align:top;padding:10px 12px}.reader-nav{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:10px;margin-top:48px;padding-top:24px;display:grid}.reader-nav a{background:var(--surface);border:1px solid var(--line);min-height:90px;color:var(--ink-soft);border-radius:8px;padding:18px;text-decoration:none}.reader-nav a:last-child{text-align:right}.reader-nav span{color:var(--ink-muted);font-family:var(--mono);margin-bottom:8px;font-size:11px;display:block}.empty{background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);border-radius:8px;padding:28px}.footer{border-top:1px solid var(--line);color:var(--ink-muted);padding:32px 40px;font-size:13px}@media (width<=900px){.topbar{padding:0 20px}.nav{gap:12px}.container,.reader-wrap{width:min(100% - 32px,760px)}.book-hero-grid,.reader-wrap{grid-template-columns:1fr;gap:26px}.reader-aside{background:var(--surface);border:1px solid var(--line);border-radius:8px;max-height:none;padding:14px 16px;position:static}.hero{padding-top:52px}.hero h1{font-size:48px}.section-title{font-size:30px}.book-hero h1,.reader-head h1{font-size:40px}.hero p,.book-hero .subtitle{font-size:16px}.prose{font-size:18px;line-height:1.86}}@media (width<=560px){.topbar{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px}.nav{flex-wrap:wrap}.section-head{flex-direction:column;align-items:start}.hero h1{font-size:38px;line-height:1.08}.book-hero h1,.reader-head h1{font-size:34px}.book-grid,.chapter-list,.reader-nav{grid-template-columns:1fr}.reader-nav a:last-child{text-align:left}}