*{box-sizing:border-box} :root{--paper:#f7f5f0;--ink:#252c2a;--muted:#646d67;--accent:#28654e;--line:#dedfd6;--white:#fffefa}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 system-ui,'Apple SD Gothic Neo','Malgun Gothic',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}a:hover{color:var(--accent)}:focus-visible{outline:3px solid #cf9f54;outline-offset:3px}.top{max-width:1240px;margin:auto;padding:23px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:24px;font-weight:800;letter-spacing:-1px}.brand span{display:block;font-size:9px;letter-spacing:2.2px;color:var(--muted);font-weight:600}nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}nav form{margin:0}.link{border:0;background:none;padding:0;color:inherit}main{max-width:1180px;padding:48px 36px 72px;margin:auto;min-height:75vh}h1{font-size:clamp(28px,3.5vw,44px);line-height:1.35;letter-spacing:-1.4px;margin:10px 0 18px}h2{font-size:23px;letter-spacing:-.7px}h3{line-height:1.45}p{overflow-wrap:anywhere}.eyebrow{color:var(--accent);font-size:11px;font-weight:750;letter-spacing:2px}.muted,.byline{color:var(--muted);font-size:14px}.primary,.button,.dark,.danger{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;border:1px solid transparent;padding:11px 19px;font-weight:650;font-size:14px;white-space:nowrap}.primary{background:var(--accent);color:white}.primary:hover{background:#1d4f3c;color:white}.button{background:var(--white);border-color:var(--line)}.dark{background:var(--ink);color:white}.danger{color:#9b342b;background:#fff0ec;border-color:#efc7bf}.wide{width:100%}.hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 0 35px}.hero p{margin-bottom:0}.search{background:var(--white);padding:12px;display:flex;gap:10px;border:1px solid var(--line);border-radius:10px;margin-bottom:38px}.search input{flex:1;margin:0;border:0;background:transparent}.search select{width:180px;margin:0}.section-head{display:flex;align-items:center;justify-content:space-between;margin:20px 0}.section-head h2{margin:0}.books{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}.book-card{min-width:0}.cover{aspect-ratio:3/4;position:relative;overflow:hidden;border-radius:6px;background:#e0e7dd;box-shadow:0 8px 18px #263a2110}.cover img{width:100%;height:100%;object-fit:cover}.placeholder{height:100%;padding:24px;display:flex;flex-direction:column;justify-content:space-between;background:#d9e2d6;color:#253b2d}.placeholder strong{font-family:Georgia,'Batang',serif;font-size:26px;line-height:1.5;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.placeholder small{font-size:11px;letter-spacing:2px}.placeholder span{font-size:11px;border-top:1px solid #0002;padding-top:12px}.shade-1{background:#e4dccd;color:#554430}.shade-2{background:#dce3e9;color:#354a60}.shade-3{background:#e7d8d5;color:#66423b}.adult{position:absolute;right:10px;top:10px;border-radius:50%;background:#a33630;color:white;width:29px;height:29px;text-align:center;font-size:12px;line-height:29px}.category{font-size:11px;color:var(--accent);font-weight:700;margin:18px 0 6px}.book-card h3{font-size:18px;margin:0 0 4px;overflow-wrap:anywhere}.byline{margin:4px 0 12px}.excerpt{font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:7px}.empty{grid-column:1/-1;text-align:center;padding:60px 20px;border:1px dashed var(--line);border-radius:8px;color:var(--muted)}.panel{background:var(--white);padding:32px;border:1px solid var(--line);border-radius:12px}.narrow{max-width:700px;margin:10px auto}.narrow>form.panel{margin-top:26px}label{display:block;font-weight:650;font-size:14px;margin-bottom:20px}input:not([type=checkbox]):not([type=hidden]):not([type=file]),textarea,select{display:block;width:100%;border:1px solid #cbd1c8;border-radius:6px;padding:11px 13px;color:var(--ink);background:#fff;margin-top:8px}textarea{resize:vertical;min-height:90px}input[type=file]{max-width:100%;display:block;font-weight:400;margin-top:12px}.check{display:flex;align-items:center;gap:10px}.check input{width:18px;height:18px}.note{font-size:12px;color:var(--muted)}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0 12px}.flash{padding:14px 18px;background:#e2eee6;color:#244d34;border:1px solid #bfd7c8;border-radius:7px;margin-bottom:22px}.flash.error{background:#fff0ed;color:#8b3028;border-color:#edc7c1}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;max-width:980px;margin:20px auto}.intro h1{font-family:Georgia,'Batang',serif;font-size:44px;line-height:1.5}.intro>p:not(.eyebrow){color:var(--muted)}.auth{margin-top:20px}.auth h2{margin:8px 0}.auth>p{margin-bottom:25px}.book-art{margin-top:30px;padding:22px;background:#e8e7dc;max-width:330px;border-radius:100px 100px 5px 5px}.book-art div{background:#365a46;color:#f8f1dc;box-shadow:9px 8px 0 #d3cbb8;border-left:8px solid #284633;padding:24px 30px;font:38px/1.3 Georgia,'Batang',serif;transform:rotate(-5deg);width:180px;margin:5px auto 15px}.book-art small{display:block;font:8px/1.5 sans-serif;letter-spacing:2px;margin-top:25px}.work-hero{display:grid;grid-template-columns:220px 1fr;gap:42px;margin:30px 0 48px}.back{font-size:13px;color:var(--muted)}.prose{white-space:pre-wrap;overflow-wrap:anywhere}.work-hero .prose{margin:24px 0}details{margin:18px 0;font-size:13px}summary{cursor:pointer;color:var(--muted);margin-bottom:16px}.danger-zone{margin-top:20px}.chapter{display:flex;align-items:center;gap:16px;padding:20px 10px;border-top:1px solid var(--line)}.chapter strong{flex:1;overflow-wrap:anywhere}.chapter small{color:var(--muted);font-size:11px}.tag{color:var(--accent);background:#e6ebe1;padding:3px 9px;border-radius:4px;font-size:12px}.chapter-list{max-width:900px;margin:auto}.editor-shell{max-width:860px;margin:auto}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.block{border:1px solid var(--line);padding:16px;border-radius:7px;margin:16px 0;background:#fbfaf6}.block-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.block-controls{display:flex;gap:7px}.block-controls button{border:1px solid var(--line);border-radius:4px;background:white;padding:3px 10px}.block img{max-width:100%;max-height:360px;display:block;margin:14px auto}.block textarea{min-height:200px}.editor-tools{display:flex;gap:10px;align-items:center}.upload-label{margin:0;cursor:pointer}.reader{max-width:760px;margin:auto}.reader h1{margin-top:10px}.reader>.eyebrow{margin-top:35px}.story{margin:50px 0;font:18px/2.1 Georgia,'Batang',serif}.story .prose{margin:24px 0}.story figure{margin:34px 0}.story img{max-width:100%;height:auto;display:block;margin:auto}.story figcaption{text-align:center;font:12px/1.6 system-ui,sans-serif;color:var(--muted);margin-top:10px}.reading-nav{justify-content:center;padding:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:50px}.comment{padding:24px 0;border-bottom:1px solid var(--line)}.comment time{font-size:11px;color:var(--muted);margin-left:15px}.pagination{display:flex;align-items:center;justify-content:center;gap:24px;font-size:13px;margin:35px 0 0}footer{max-width:1180px;margin:auto;padding:25px 36px 40px;border-top:1px solid var(--line);font-weight:700}footer span{margin-left:20px;font-size:12px;font-weight:400;color:var(--muted)}footer small{display:block;color:var(--muted);font-size:10px;margin-top:8px;font-weight:400}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.books{grid-template-columns:repeat(3,minmax(0,1fr))}.auth-grid{gap:30px}.intro h1{font-size:34px}.top{padding:20px 24px}main{padding:30px 24px 50px}}@media(max-width:640px){.top{align-items:flex-start;flex-direction:column;gap:16px;padding:16px 20px}nav{gap:17px;font-size:13px}.brand{font-size:22px}main{padding:28px 20px 45px}.hero{flex-direction:column;align-items:flex-start}.hero h1{font-size:29px}.search{flex-wrap:wrap}.search input{flex-basis:100%}.search select{flex:1;width:auto}.books{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.placeholder{padding:16px}.placeholder strong{font-size:21px}.panel{padding:23px 18px}.auth-grid{grid-template-columns:1fr;gap:10px}.intro{display:none}.auth{margin:0}.work-hero{grid-template-columns:100px 1fr;gap:18px}.work-hero h1{font-size:26px}.work-hero>.cover{margin-top:8px}.work-hero .placeholder{padding:10px}.work-hero .placeholder strong{font-size:15px}.work-hero .placeholder span,.work-hero .placeholder small{font-size:8px}.chapter{flex-wrap:wrap;gap:10px}.chapter small{flex-basis:100%;margin-left:40px}.two{grid-template-columns:1fr;gap:0}.story{font-size:17px}footer{padding:25px 20px}footer span{display:block;margin:6px 0}.editor-tools{flex-wrap:wrap}}

/* v0.2: a personal wooden bookshelf, with paper surfaces */
:root{--paper:#f4eee3;--ink:#382d24;--muted:#716251;--accent:#765336;--line:#d9cbb6;--white:#fffaf1}
body{background:radial-gradient(ellipse at 10% 0%,#fffaf1 0,transparent 55%),var(--paper)}
.top{border-bottom:2px solid #b89a75}.brand,h1,h2{font-family:Georgia,'Batang','Nanum Myeongjo',serif}.brand{letter-spacing:-1px;font-weight:700}.brand:before{content:'▥';font-family:serif;margin-right:12px;color:#8d6b45}
.primary:hover{background:#563b27}.hero{padding:24px 0 38px}.hero h1{font-size:clamp(28px,3.5vw,42px)}
.panel,.search{border-radius:4px;box-shadow:0 5px 18px #563b2708}
.books{gap:30px 24px;padding:28px 24px 36px;border:1px solid #c7ad8b;border-bottom:12px solid #a7825d;border-radius:5px;background:linear-gradient(90deg,#decbb51c,transparent 35%,#decbb526);box-shadow:0 8px 0 #77583916}
.cover{border-radius:2px 5px 5px 2px;box-shadow:3px 6px 10px #38271b26;border-left:5px solid #00000016}
.book-card{padding-bottom:14px;border-bottom:3px solid #b59873}.book-card:hover .cover{transform:translateY(-4px);box-shadow:4px 12px 16px #38271b26}.cover{transition:transform .18s,box-shadow .18s}
.placeholder{background:#ddd3bb;color:#453929}.shade-1{background:#b8c2af;color:#2b3e31}.shade-2{background:#c4b1a1;color:#46342b}.shade-3{background:#b2bfca;color:#2e4050}.placeholder strong{font-family:Georgia,'Batang',serif}
.book-art{background:#dfceb5;border-radius:4px;border-bottom:12px solid #a7825d}.book-art div{background:#765336;border-left-color:#503921;color:#fff5dc}.book-art small{display:none}.tag{background:#e9decc;color:#62462d}
.reader{background:var(--white);padding:32px;border:1px solid var(--line);box-shadow:0 8px 30px #563b2708}footer{font-family:Georgia,'Batang',serif;font-size:14px}.intro>p:empty{display:none}
@media(max-width:640px){.books{padding:18px 14px 24px;gap:24px 14px}.reader{padding:20px 16px}.brand{font-size:23px}}
@media(prefers-reduced-motion:reduce){.cover{transition:none}.book-card:hover .cover{transform:none}}

.chapter.is-read strong{color:#84796c}.read-badge{font-size:11px;background:#e5e7de;color:#495841;padding:3px 8px;border-radius:4px;white-space:nowrap}.comment-link{text-align:center;margin:30px 0}

.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.tag-row .tag{border:1px solid var(--line);cursor:pointer;font:inherit;font-size:12px}.tag.selected{outline:2px solid var(--accent)}.book-item{min-width:0}.book-card{display:block}
html[data-theme=dark]{color-scheme:dark;--paper:#1e1b18;--ink:#eee5d8;--muted:#b9ad9d;--accent:#d7b48b;--line:#53483d;--white:#28231e}
html[data-theme=dark] body{background:var(--paper)}html[data-theme=dark] .primary{background:#a77d50;color:#17120d}html[data-theme=dark] .primary:hover{background:#c29b6f}html[data-theme=dark] .dark{background:#cdb18e;color:#211a13}
html[data-theme=dark] input:not([type=hidden]),html[data-theme=dark] textarea,html[data-theme=dark] select,html[data-theme=dark] .block,html[data-theme=dark] .block-controls button{background:#211d19;color:var(--ink);border-color:var(--line)}
html[data-theme=dark] .tag{background:#3d3329;color:#e5c7a1}html[data-theme=dark] .flash{background:#263a2e;color:#d9eadb;border-color:#526b55}html[data-theme=dark] .flash.error,html[data-theme=dark] .danger{background:#442925;color:#f5c1b7;border-color:#8c5850}
html[data-theme=dark] .chapter.is-read strong{color:#b2a796}html[data-theme=dark] .read-badge{background:#354033;color:#d6e4d0}html[data-theme=dark] .books{background:#24201b;border-color:#68523c}html[data-theme=dark] .top{border-color:var(--line)}

html[data-theme=dark] .block,html[data-theme=dark] .block textarea,html[data-theme=dark] .block input,html[data-theme=dark] .editor-shell textarea,html[data-theme=dark] .editor-shell input,html[data-theme=dark] .panel textarea,html[data-theme=dark] .panel input{background:#211d19!important;color:#f4eadf!important;caret-color:#fff!important;-webkit-text-fill-color:#f4eadf!important}html[data-theme=dark] textarea::placeholder,html[data-theme=dark] input::placeholder{color:#b7aa9b!important;-webkit-text-fill-color:#b7aa9b!important}html[data-theme=dark] .block-tools,html[data-theme=dark] .block-head{background:#393026;color:#f4eadf}html[data-theme=dark] button:not(.primary):not(.dark):not(.danger){color:#eee5d8;background-color:#393026}html[data-theme=dark] .reader,html[data-theme=dark] .panel{color:#eee5d8}