:root{--font-display: "Fraunces", "Gowun Batang", "Noto Serif KR", serif;--font-body: "Noto Serif KR", "Fraunces", Georgia, serif;--font-meta: "IBM Plex Mono", ui-monospace, "D2Coding", monospace;--paper: #f4eee2;--paper-raised: #fbf7ee;--paper-sunken: #ece4d4;--ink: #241f18;--ink-soft: #574d3d;--ink-faint: #6f6450;--rule: #ded4c0;--rule-strong: #cabfa6;--accent: #a8432b;--accent-ink: #8a3521;--accent-soft: rgba(168, 67, 43, .1);--shadow-color: 30 25 18;--book-accent: var(--accent);color-scheme:light}:root[data-theme=dark]{--paper: #16130e;--paper-raised: #1e1a13;--paper-sunken: #100d09;--ink: #ece3d3;--ink-soft: #b7ac96;--ink-faint: #948a73;--rule: #302a20;--rule-strong: #423a2c;--accent: #dc8b5c;--accent-ink: #e79f74;--accent-soft: rgba(220, 139, 92, .14);--shadow-color: 0 0 0;color-scheme:dark}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--paper: #16130e;--paper-raised: #1e1a13;--paper-sunken: #100d09;--ink: #ece3d3;--ink-soft: #b7ac96;--ink-faint: #948a73;--rule: #302a20;--rule-strong: #423a2c;--accent: #dc8b5c;--accent-ink: #e79f74;--accent-soft: rgba(220, 139, 92, .14);--shadow-color: 0 0 0;color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-body);font-size:1.06rem;line-height:1.75;color:var(--ink);background-color:var(--paper);background-image:radial-gradient(120% 80% at 50% -10%,var(--accent-soft) 0%,transparent 45%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .4s ease,color .4s ease}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}::selection{background:var(--accent);color:var(--paper-raised)}*{scrollbar-width:thin;scrollbar-color:var(--rule-strong) transparent}.wrap{width:min(100% - 2.5rem,1180px);margin-inline:auto}.wrap-wide{width:min(100% - 2.5rem,80vw);margin-inline:auto}@media (max-width: 900px){.wrap-wide{width:min(100% - 2.5rem,1180px)}}.meta{font-family:var(--font-meta);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}.skip-link{position:absolute;left:1rem;top:-3rem;z-index:100;padding:.5rem 1rem;border-radius:4px;background:var(--accent);color:#fbf7ee;font-family:var(--font-meta);font-size:.8rem;transition:top .15s}.skip-link:focus-visible{top:.6rem}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.load-error{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;padding:1.2rem 1.4rem;border:1px solid var(--rule-strong);border-left:3px solid var(--accent);border-radius:5px;background:var(--paper-raised);max-width:32rem}.load-error>p:first-child{font-weight:600}.link-pending{color:var(--ink-faint);border-bottom:1px dotted var(--ink-faint);cursor:help}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0;backdrop-filter:blur(10px) saturate(1.3);background:color-mix(in srgb,var(--paper) 82%,transparent);border-bottom:1px solid var(--rule)}.wordmark{display:inline-flex;align-items:baseline;gap:.5ch;font-family:var(--font-display);font-weight:800;font-size:1.32rem;letter-spacing:-.01em;color:var(--ink)}.wordmark b{color:var(--accent);font-weight:800}.wordmark .dot{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:.4rem}.icon-btn{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;color:var(--ink-soft);transition:background .2s,color .2s,transform .2s}.icon-btn:hover{background:var(--accent-soft);color:var(--accent)}.icon-btn:active{transform:scale(.92)}.hero{position:relative;padding:clamp(3.5rem,9vw,7rem) 0 clamp(2.5rem,5vw,3.5rem);border-bottom:1px solid var(--rule);overflow:hidden}.hero-eyebrow{margin-bottom:1.4rem;animation:rise .7s both}.hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(3rem,11vw,6.5rem);line-height:.95;letter-spacing:-.035em;color:var(--ink);animation:rise .7s .05s both}.hero h1 em{font-style:italic;color:var(--accent)}.hero-lede{margin-top:1.6rem;max-width:32ch;font-size:clamp(1.1rem,2.6vw,1.4rem);line-height:1.5;color:var(--ink-soft);animation:rise .7s .12s both}.hero-count{margin-top:2.2rem;animation:rise .7s .2s both}.shelf-section{padding:clamp(2.5rem,6vw,4rem) 0 5rem}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:2rem;padding-bottom:.9rem;border-bottom:2px solid var(--ink)}.section-head h2{font-family:var(--font-display);font-weight:600;font-size:1.55rem;letter-spacing:-.01em}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(1.5rem,3vw,2.5rem)}.book-card{display:grid;grid-template-columns:96px 1fr;gap:1.4rem;padding:1.5rem;border-radius:4px;background:var(--paper-raised);border:1px solid var(--rule);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s}.book-card:hover{transform:translateY(-4px);border-color:var(--rule-strong);box-shadow:0 18px 40px -22px rgb(var(--shadow-color) / .55)}.book-cover{position:relative;aspect-ratio:3 / 4.4;border-radius:2px 4px 4px 2px;padding:.8rem .7rem;display:flex;flex-direction:column;justify-content:space-between;color:#fbf7ee;background:linear-gradient(150deg,color-mix(in srgb,var(--book-accent) 88%,#000 6%),color-mix(in srgb,var(--book-accent) 100%,#fff 4%));box-shadow:inset -7px 0 12px -8px #00000080,inset 3px 0 #ffffff29,0 6px 16px -10px rgb(var(--shadow-color) / .7);overflow:hidden}.book-cover:after{content:"";position:absolute;inset:0 auto 0 6px;width:1px;background:#ffffff38}.book-cover .cover-title{font-family:var(--font-display);font-weight:700;font-size:.86rem;line-height:1.2;letter-spacing:-.01em;text-shadow:0 1px 2px rgb(0 0 0 / .25)}.book-cover .cover-mark{font-family:var(--font-meta);font-size:.6rem;letter-spacing:.2em;opacity:.8}.book-info{display:flex;flex-direction:column;min-width:0}.book-info h3{font-family:var(--font-display);font-weight:600;font-size:1.28rem;line-height:1.15;letter-spacing:-.01em;color:var(--ink)}.book-info .subtitle{margin-top:.35rem;font-size:.95rem;color:var(--accent);font-style:italic}.book-info .desc{margin-top:.7rem;font-size:.9rem;line-height:1.6;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.book-info .tags{margin-top:auto;padding-top:1rem;display:flex;flex-wrap:wrap;gap:.4rem}.tag{font-family:var(--font-meta);font-size:.68rem;letter-spacing:.04em;padding:.2rem .6rem;border-radius:100px;color:var(--ink-soft);background:var(--paper-sunken);border:1px solid var(--rule)}.book-info .card-meta{margin-top:.9rem;display:flex;gap:1rem}.btn{display:inline-flex;align-items:center;gap:.55rem;padding:.75rem 1.4rem;border-radius:3px;font-family:var(--font-meta);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;transition:transform .2s,background .2s,box-shadow .2s}.btn-primary{background:var(--accent);color:#fbf7ee;box-shadow:0 10px 24px -14px var(--accent)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 30px -14px var(--accent)}.btn-ghost{border:1px solid var(--rule-strong);color:var(--ink-soft)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.book-hero{display:grid;grid-template-columns:200px 1fr;gap:clamp(2rem,5vw,4rem);align-items:start;padding:clamp(2.5rem,6vw,4.5rem) 0;border-bottom:1px solid var(--rule)}.book-hero .cover-lg{aspect-ratio:3 / 4.4;position:sticky;top:5rem}.book-hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(2.2rem,6vw,3.6rem);line-height:1.02;letter-spacing:-.03em}.book-hero .subtitle{margin-top:.9rem;font-family:var(--font-display);font-style:italic;font-size:clamp(1.1rem,2.6vw,1.5rem);color:var(--accent)}.book-hero .desc{margin-top:1.6rem;max-width:60ch;font-size:1.05rem;line-height:1.75;color:var(--ink-soft)}.book-hero .actions{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}.toc{padding:clamp(2.5rem,5vw,3.5rem) 0 5rem}.toc-part{margin-bottom:2.8rem}.toc-part-head{display:flex;align-items:baseline;gap:1rem;margin-bottom:1.1rem}.toc-part-head .num{font-family:var(--font-meta);font-size:.9rem;color:var(--accent);font-weight:600}.toc-part-head h3{font-family:var(--font-display);font-weight:600;font-size:1.2rem;color:var(--ink)}.toc-part-head .rule{flex:1;height:1px;background:var(--rule)}.chapter-row{display:flex;align-items:baseline;gap:1.1rem;padding:.85rem .9rem;border-radius:4px;border-bottom:1px solid var(--rule);transition:background .18s,padding-left .2s}.chapter-row:hover{background:var(--paper-raised);padding-left:1.3rem}.chapter-row .cnum{font-family:var(--font-meta);font-size:.8rem;color:var(--ink-faint);min-width:3.4ch}.chapter-row .ctitle{font-size:1.05rem;color:var(--ink);font-weight:500}.chapter-row .cexcerpt{margin-top:.2rem;font-size:.88rem;color:var(--ink-faint);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.chapter-row .cmeta{margin-left:auto;display:flex;gap:.8rem;align-items:center;white-space:nowrap}.chip-mermaid{font-family:var(--font-meta);font-size:.62rem;letter-spacing:.08em;color:var(--accent);border:1px solid var(--accent-soft);background:var(--accent-soft);padding:.1rem .45rem;border-radius:3px}.progress-bar{position:fixed;top:0;left:0;height:3px;background:var(--accent);z-index:60;transition:width .1s linear}.reader{position:relative;display:grid;grid-template-columns:var(--reader-sidebar-w, 280px) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}.reader-resizer{position:absolute;top:0;bottom:0;left:var(--reader-sidebar-w, 280px);width:clamp(2rem,5vw,4.5rem);transform:translate(0);cursor:col-resize;z-index:30;touch-action:none;background:linear-gradient(to right,transparent calc(50% - .5px),var(--rule) calc(50% - .5px),var(--rule) calc(50% + .5px),transparent calc(50% + .5px));transition:background .15s}.reader-resizer:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:34px;transform:translate(-50%,-50%);border-radius:3px;background:var(--rule-strong);opacity:0;transition:opacity .15s,background .15s}.reader-resizer:hover,.reader-resizer.dragging{background:linear-gradient(to right,transparent calc(50% - 1px),var(--accent) calc(50% - 1px),var(--accent) calc(50% + 1px),transparent calc(50% + 1px))}.reader-resizer:hover:after,.reader-resizer.dragging:after{opacity:1;background:var(--accent)}body.resizing-x{cursor:col-resize;user-select:none}.reader-sidebar{position:sticky;top:4.5rem;max-height:calc(100vh - 5.5rem);overflow-y:auto;padding:1.5rem .5rem 2rem 0;border-right:1px solid var(--rule)}.reader-sidebar .book-link{font-family:var(--font-display);font-weight:600;font-size:1.05rem;color:var(--ink);display:block;margin-bottom:1.4rem;line-height:1.2}.side-part{font-family:var(--font-meta);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin:1.3rem 0 .5rem}.side-link{display:flex;gap:.7rem;padding:.4rem .7rem;border-radius:4px;font-size:.92rem;line-height:1.35;color:var(--ink-soft);border-left:2px solid transparent;transition:color .18s,background .18s,border-color .18s}.side-link:hover{color:var(--ink);background:var(--paper-raised)}.side-link.active{color:var(--accent);background:var(--accent-soft);border-left-color:var(--accent);font-weight:500}.side-link .n{font-family:var(--font-meta);font-size:.72rem;color:var(--ink-faint);padding-top:.1rem}.side-link.active .n{color:var(--accent)}.reader-main{min-width:0;padding:clamp(1.5rem,4vw,3rem) 0 4rem}.reader-crumbs{margin-bottom:1.6rem}.article{max-width:none;width:100%}.prose{font-size:1.14rem;line-height:1.85;color:var(--ink);word-break:keep-all;overflow-wrap:break-word}.prose>*+*{margin-top:1.35em}.prose h1,.prose h2,.prose h3,.prose h4{font-family:var(--font-display);line-height:1.25;letter-spacing:-.015em;color:var(--ink);scroll-margin-top:5rem}.prose h1{font-size:2.3rem;font-weight:800;margin-top:0;letter-spacing:-.03em}.prose h2{font-size:1.6rem;font-weight:700;margin-top:2.4em;padding-top:.4em;border-top:1px solid var(--rule)}.prose h3{font-size:1.28rem;font-weight:600;margin-top:2em}.prose h4{font-size:1.1rem;font-weight:600;margin-top:1.8em}.prose p{hanging-punctuation:allow-end}.prose a{color:var(--accent);text-decoration:underline;text-decoration-color:var(--accent-soft);text-underline-offset:3px;text-decoration-thickness:1.5px;transition:text-decoration-color .2s}.prose a:hover{text-decoration-color:var(--accent)}.prose strong{font-weight:700;color:var(--ink)}.prose em{font-style:italic}.prose ul,.prose ol{padding-left:1.4em}.prose li+li{margin-top:.4em}.prose li::marker{color:var(--accent)}.prose blockquote{margin-inline:0;padding:.4em 0 .4em 1.4em;border-left:3px solid var(--accent);color:var(--ink-soft);font-style:italic}.prose blockquote p{margin-top:.6em}.prose hr{border:none;height:1px;background:var(--rule);margin:2.6em 0}.prose img{border-radius:4px;border:1px solid var(--rule);margin-inline:auto;box-shadow:0 14px 32px -20px rgb(var(--shadow-color) / .5)}.prose figure{margin:2em 0}.prose figcaption{margin-top:.7em;text-align:center;font-size:.86rem;color:var(--ink-faint);font-style:italic}.prose table{width:100%;border-collapse:collapse;font-size:.95rem;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--rule);padding:.6em .9em;text-align:left}.prose th{background:var(--paper-sunken);font-weight:600}.prose code{font-family:var(--font-meta);font-size:.88em}.prose :not(pre)>code{background:var(--paper-sunken);padding:.12em .4em;border-radius:3px;border:1px solid var(--rule);color:var(--accent-ink)}.prose pre{font-family:var(--font-meta);background:var(--paper-sunken);border:1px solid var(--rule);border-radius:6px;padding:1.1rem 1.2rem;overflow-x:auto;font-size:.86rem;line-height:1.6}.prose pre code{background:none;border:none;padding:0;color:var(--ink)}.mermaid-box{position:relative;margin:2em 0;padding:1.4rem;border:1px solid var(--rule);border-radius:6px;background:var(--paper-raised);overflow-x:auto;text-align:center}.diagram-copy{position:absolute;top:.55rem;right:.55rem;z-index:2;display:grid;place-items:center;width:2rem;height:2rem;border-radius:5px;color:var(--ink-soft);background:color-mix(in srgb,var(--paper-sunken) 85%,transparent);border:1px solid var(--rule);opacity:0;transition:opacity .18s,color .18s,border-color .18s,background .18s}.mermaid-box:hover .diagram-copy,.diagram-copy:focus-visible{opacity:1}.diagram-copy:hover{color:var(--accent);border-color:var(--accent)}.diagram-copy.copied{opacity:1;color:#2f7d5b;border-color:#2f7d5b}:root[data-theme=dark] .diagram-copy.copied{color:#79b98e;border-color:#79b98e}@media (hover: none){.diagram-copy{opacity:.65}}.mermaid-box svg{max-width:100%;height:auto;margin-inline:auto}.mermaid-box.error{font-family:var(--font-meta);font-size:.82rem;color:var(--ink-faint);text-align:left}.pager{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:3.5rem;padding-top:2rem;border-top:1px solid var(--rule)}.pager a{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.2rem;border:1px solid var(--rule);border-radius:5px;transition:border-color .2s,background .2s}.pager a:hover{border-color:var(--accent);background:var(--paper-raised)}.pager a.next{text-align:right;align-items:flex-end}.pager .dir{font-family:var(--font-meta);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.pager .pt{font-weight:600;color:var(--ink);line-height:1.3}.toc-toggle{display:none}.site-footer{border-top:1px solid var(--rule);padding:2.5rem 0;color:var(--ink-faint)}.site-footer .wrap{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:rise .5s both}@media (max-width: 900px){.reader{grid-template-columns:1fr}.reader-resizer{display:none}.reader-sidebar{position:fixed;inset:0 auto 0 0;width:min(85vw,320px);max-height:none;background:var(--paper-raised);border-right:1px solid var(--rule-strong);padding:5rem 1.2rem 2rem;transform:translate(-102%);transition:transform .3s cubic-bezier(.2,.8,.2,1);z-index:45;box-shadow:0 0 60px -10px rgb(var(--shadow-color) / .4)}.reader-sidebar.open{transform:translate(0)}.toc-toggle{display:inline-grid}.sidebar-scrim{position:fixed;inset:0;background:#00000059;z-index:44;animation:fade .25s both}@keyframes fade{0%{opacity:0}to{opacity:1}}.book-hero{grid-template-columns:130px 1fr}.book-hero .cover-lg{position:static}}@media (max-width: 560px){.book-card{grid-template-columns:80px 1fr;gap:1rem;padding:1.1rem}.chapter-row .cmeta{display:none}.pager,.book-hero{grid-template-columns:1fr}.book-hero .cover-lg{width:130px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.hljs{color:var(--ink)}.hljs-comment,.hljs-quote{color:var(--ink-faint);font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-section,.hljs-doctag,.hljs-name{color:var(--accent-ink);font-weight:600}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#2f7d5b}:root[data-theme=dark] .hljs-string,:root[data-theme=dark] .hljs-regexp,:root[data-theme=dark] .hljs-addition,:root[data-theme=dark] .hljs-attribute{color:#79b98e}.hljs-number,.hljs-built_in,.hljs-builtin-name,.hljs-type,.hljs-symbol,.hljs-variable,.hljs-template-variable,.hljs-class .hljs-title{color:#9a6b1e}:root[data-theme=dark] .hljs-number,:root[data-theme=dark] .hljs-built_in,:root[data-theme=dark] .hljs-type{color:#d9a24e}.hljs-title,.hljs-function .hljs-title,.hljs-attr{color:var(--accent-ink)}.hljs-tag{color:var(--ink-soft)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}