:root{color-scheme:light;--paper:#fbf8f2;--ink:#283430;--muted:#69716b;--accent:#54675a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c89a56;outline-offset:4px}.skip{position:fixed;left:16px;top:-60px;padding:12px;background:white;z-index:5}.skip:focus{top:10px}header{max-width:1200px;margin:auto;padding:28px 40px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #e4e1d8}.brand{font-size:23px;font-weight:750;letter-spacing:-1px}.header-note{font-size:13px;color:var(--muted);align-self:center}main{max-width:1120px;margin:0 auto;padding:48px 40px 80px;min-height:65vh}.intro{padding:22px 0 36px;max-width:690px}.eyebrow{color:var(--accent);font-size:13px;letter-spacing:2px}.intro h1{font-size:clamp(30px,5vw,52px);font-weight:650;letter-spacing:-2px;margin:15px 0}.intro p{color:var(--muted);font-size:17px;line-height:1.8}.find{max-width:450px}.find label{display:block;font-size:13px;margin-bottom:9px;color:var(--muted)}input{width:100%;padding:13px 16px;border:1px solid #d8dcd3;border-radius:9px;background:#fffdf8;color:inherit}#tags{display:flex;gap:9px;flex-wrap:wrap;padding:20px 0 32px}#tags button{border:1px solid #dce0d6;border-radius:20px;padding:9px 16px;cursor:pointer;background:transparent;color:var(--accent)}#tags button[aria-pressed=true]{background:var(--accent);color:white;border-color:var(--accent)}.book-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:28px}.book-card{padding:20px;background:#fffdf8;border:1px solid #e4e3db;border-radius:14px;max-width:440px;overflow-wrap:anywhere}.book-card img{width:100%;aspect-ratio:2/3;object-fit:contain;border-radius:6px}.book-card h2{font-size:23px;line-height:1.5}.book-card p{font-size:15px;line-height:1.85}.book-tags,.author,.book-card small{color:var(--muted)}.empty{grid-column:1/-1;padding:60px 28px;border:1px dashed #cfd8cc;text-align:center;border-radius:15px;background:linear-gradient(145deg,#fafcf5,#fff8ec)}.empty-title{font-family:Georgia,"Batang",serif;font-size:23px;word-break:keep-all}.empty p{font-size:15px;line-height:1.8;color:var(--muted);margin-top:18px;word-break:keep-all}.back{display:inline-block;margin-bottom:28px;color:var(--accent)}.book-heading{max-width:760px;margin:auto}.book-heading h1{font-size:clamp(27px,4vw,40px);line-height:1.45;overflow-wrap:anywhere}.book-heading p{line-height:1.8;color:var(--muted)}.toolbar{max-width:760px;margin:30px auto 40px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar label{font-size:14px}.toolbar select{min-width:100px;max-width:100%;flex:1;padding:11px 10px;border:1px solid #d9ddd4;border-radius:7px;background:white;color:inherit}.toolbar button{padding:11px;border:1px solid #d9ddd4;border-radius:7px;background:white;cursor:pointer}#chapter{max-width:700px;margin:auto;font-family:Georgia,"Batang","Noto Serif KR",serif;font-size:19px;line-height:2.05;overflow-wrap:anywhere;letter-spacing:.01em}#chapter p{margin:0 0 1.5em;white-space:pre-line}#chapter h2{font-size:1.35em;line-height:1.7;margin:2em 0 1.6em}#chapter h3{font-size:1.15em}#chapter hr{width:60px;border:0;border-top:1px solid #c9cec6;margin:45px auto}#chapter-steps{max-width:760px;display:flex;justify-content:space-between;gap:20px;margin:50px auto 30px;flex-wrap:wrap}#chapter-steps a{padding:14px 20px;border:1px solid #d9ddd4;border-radius:8px;overflow-wrap:anywhere}.credits{max-width:760px;margin:50px auto 0;color:var(--muted);font-size:13px;line-height:1.8}#status{line-height:1.8}footer{max-width:1120px;margin:auto;border-top:1px solid #e4e1d8;padding:28px 40px 35px;color:var(--muted);font-size:12px;line-height:1.8}footer p{margin:6px 0}[hidden]{display:none!important}@media(max-width:600px){header{padding:23px 22px}.header-note{display:none}main{padding:26px 22px 58px}.intro{padding-top:14px}.intro h1{letter-spacing:-1px}.empty{padding:40px 20px}.empty-title{font-size:21px}footer{padding:24px 22px}.toolbar{gap:8px}.toolbar label{width:100%}#chapter{line-height:1.95}#chapter-steps a{width:100%}}
