:root{--desk:#2a241e;--paper:#fbf5e6;--ink:#2b2118;--muted:#8a7a68;--accent:#c4892f;--gold:#e7b95e;--line:#e3d6b8;--shadow:rgba(0,0,0,.45);--fs:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;color:#efe6d4;font-family:'Noto Serif Kannada',Georgia,serif;line-height:1.9;font-size:18px;min-height:100vh;
 background:radial-gradient(ellipse at 50% 30%,#4a3e33 0,#2a241e 60%,#1d1915 100%) fixed}
a{color:var(--gold)}
.top{position:sticky;top:0;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;background:#1d1915e6;backdrop-filter:blur(6px);font-family:'Noto Sans Kannada',sans-serif;flex-wrap:wrap}
.brand{font-weight:600;text-decoration:none;font-size:1.1rem;color:var(--gold)}.top nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.top nav>a{text-decoration:none;color:#efe6d4;font-size:.85rem}
.seg{display:inline-flex;border:1px solid #ffffff33;border-radius:999px;overflow:hidden}.seg button{background:none;border:0;color:#efe6d4;padding:5px 12px;font:inherit;font-size:.8rem;cursor:pointer}.seg button.on{background:var(--gold);color:#2a241e;font-weight:600}
#progress{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--gold)}
/* paper pages */
.page{max-width:760px;margin:28px auto;padding:52px 60px;background:var(--paper);color:var(--ink);box-shadow:0 10px 40px var(--shadow);border-radius:3px 8px 8px 3px;border-left:6px double var(--line)}
.page a{color:#8a4a1a}
.chapter{font-family:'Noto Sans Kannada',sans-serif;letter-spacing:.12em;font-size:.75rem;color:#8a4a1a;margin:0}
h1{font-weight:800;line-height:1.4;margin:.2em 0 .3em;font-size:2rem}
.meta{color:var(--muted);font-size:.85rem;font-family:'Noto Sans Kannada',sans-serif}
.tp .meta{border-bottom:1px solid var(--line);padding-bottom:14px}
.body{text-align:justify;overflow-wrap:anywhere}
.body img{max-width:100%;height:auto;display:block;margin:18px auto;border-radius:3px;box-shadow:0 2px 10px #0003}
.body h3,.body h4{font-weight:600;line-height:1.5}.body iframe{max-width:100%}.body table{max-width:100%;display:block;overflow-x:auto}
.orn{text-align:center;color:#a8672a;font-size:1.6rem;margin:28px 0 6px}.end{text-align:center;color:var(--muted);font-size:.85rem}.center{text-align:center}
.turn{display:flex;gap:14px;justify-content:space-between;margin:22px 0;font-family:'Noto Sans Kannada',sans-serif;line-height:1.5}
.turn a{flex:1;max-width:48%;border:1px solid var(--line);padding:10px 14px;border-radius:8px;text-decoration:none;color:var(--ink);display:block}.turn a:hover{border-color:#a8672a}
.turn a[rel=next]{text-align:right}.turn small{display:block;color:var(--muted);font-size:.72rem}.turn span{font-size:.9rem}
.btn{display:inline-block;font-family:'Noto Sans Kannada',sans-serif;background:var(--gold);color:#2a241e!important;text-decoration:none;padding:12px 16px;border:0;border-radius:8px;font-weight:600;cursor:pointer;font-size:1rem}
.btn.sm{padding:8px 16px;font-size:.9rem}.btn.alt{background:transparent;color:#f6ecd6!important;border:1px solid #f6ecd699}
/* cover */
.cover{min-height:calc(100vh - 110px);display:flex;align-items:center;justify-content:center;padding:24px}
.cover-in{background:linear-gradient(135deg,#8c3420,#5b2012);color:#f6ecd6;max-width:520px;width:100%;padding:64px 44px 52px 56px;text-align:center;border-radius:4px 14px 14px 4px;box-shadow:0 24px 60px #000a,inset 14px 0 18px -10px #0006;outline:2px solid #d9b46a55;outline-offset:-16px}
.cover-in h1{font-size:3.4rem;margin:.3em 0;color:#fff3d6}.cover-in .by{letter-spacing:.1em;color:#e8cf9a;margin:0}.cover-in .tag{font-style:italic;color:#ecdcb8;line-height:1.7}.cover-in .orn{color:#d9b46a}.vol{font-family:'Noto Sans Kannada',sans-serif;font-size:.85rem;color:#e8cf9a}
.cta{display:flex;flex-direction:column;gap:10px;margin-top:24px}.cta .btn:not(.alt){background:#f6ecd6}
/* contents */
#q{width:100%;padding:12px 14px;font:inherit;font-size:1rem;border:1px solid var(--line);border-radius:8px;background:#fff9ea;color:var(--ink);margin:6px 0 24px}
.chap h2{font-weight:800;border-bottom:2px solid #a8672a;padding-bottom:4px;margin:30px 0 8px}.chap h2 small{display:block;font-family:'Noto Sans Kannada',sans-serif;font-size:.7rem;letter-spacing:.12em;color:#8a4a1a;font-weight:400}
.chap ol{list-style:none;padding:0;margin:0}.chap li a{display:flex;align-items:baseline;gap:8px;text-decoration:none;color:var(--ink);padding:3px 0;line-height:1.6}.chap li a:hover .t{color:#8a4a1a}
.dots{flex:1;border-bottom:2px dotted var(--line);transform:translateY(-4px);min-width:20px}.pg{color:var(--muted);font-family:'Noto Sans Kannada',sans-serif;font-size:.85rem}
.foot{text-align:center;color:#a89a86;font-size:.8rem;padding:24px 16px 40px;font-family:'Noto Sans Kannada',sans-serif}
.lb{position:fixed;inset:0;background:#000d;display:flex;align-items:center;justify-content:center;z-index:60;cursor:zoom-out}.lb img{max-width:95vw;max-height:95vh}
/* comments */
.comments{max-width:760px;margin:0 auto 20px;padding:24px 28px;background:var(--paper);color:var(--ink);border-radius:8px;font-family:'Noto Sans Kannada',sans-serif;line-height:1.6}
.comments h2{margin-top:0;font-family:'Noto Serif Kannada',serif}
.c{border-bottom:1px solid var(--line);padding:10px 0}.c b{display:block}.c small{color:var(--muted)}.c p{margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere}
#cform{display:grid;gap:8px;margin-top:14px}#cform input,#cform textarea{font:inherit;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff9ea;color:var(--ink)}
.hp{position:absolute!important;left:-9999px}.hint{color:var(--muted);font-size:.85rem;margin:0}
body.view-book .comments{position:fixed;right:0;top:0;bottom:0;width:min(440px,100vw);max-width:none;margin:0;border-radius:0;z-index:50;overflow:auto;transform:translateX(105%);transition:transform .3s;padding-top:60px}
body.view-book .comments.open{transform:none;box-shadow:-10px 0 40px #000a}
.cclose{display:none}body.view-book .cclose{display:block;position:absolute;top:12px;right:14px;background:none;border:0;font-size:1.6rem;cursor:pointer;color:var(--ink)}
/* ---- book reader ---- */
body.view-blog #book{display:none}
body.view-book #plain{display:none}
body.view-book .foot{display:none}
.bookwrap{display:flex;flex-direction:column;align-items:center;padding:14px 0 10px;user-select:none}
.book{position:relative;perspective:2400px;display:flex;filter:drop-shadow(0 20px 30px #000a)}
.slot{position:relative;width:var(--pw);height:var(--ph)}
.pg{position:relative;width:var(--pw);height:var(--ph);background:var(--paper);color:var(--ink);overflow:hidden;font-size:var(--fs);line-height:1.85;text-align:justify}
.pg.blank{background:#efe6d0}
.slot.L .pg{border-radius:8px 0 0 8px}.slot.R .pg{border-radius:0 8px 8px 0}.book.single .slot.R .pg{border-radius:8px}
.pg::after{content:"";position:absolute;top:0;bottom:0;width:44px;pointer-events:none}
.slot.L .pg::after{right:0;background:linear-gradient(to left,#0000002e,#0000)}
.slot.R .pg::after,.leaf .front::after{left:0;background:linear-gradient(to right,#0000002e,#0000)}
.book.single .slot.R .pg::after{background:linear-gradient(to right,#00000018,#0000);width:20px}
.clip{position:absolute;overflow:hidden;left:var(--px);top:var(--py);width:var(--cw);height:var(--ch)}
.flow{width:var(--cw);height:var(--ch);column-width:var(--cw);column-gap:calc(var(--px)*2);column-fill:auto;word-break:break-word;hyphens:auto}
.flow .body{text-align:justify}
.flow p{margin:0 0 .6em}.flow img{max-width:100%;max-height:calc(var(--ch)*.8);object-fit:contain;margin:10px auto;break-inside:avoid;display:block}
.flow .tp,.flow .ep{height:var(--ch);display:flex;flex-direction:column;justify-content:center;text-align:center}
.flow .tp{break-after:column}.flow .ep{break-before:column}
.flow .tp h1{font-size:calc(var(--fs)*1.7)}.flow .body{display:contents}.flow .turn{flex-direction:column}.flow .turn a{max-width:100%;text-align:left!important}
.flow .tp .meta{border:0}
.pn{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-family:'Noto Sans Kannada',sans-serif;font-size:.72rem;color:var(--muted)}
.leaf{position:absolute;top:0;width:var(--pw);height:var(--ph);transform-origin:left center;transform-style:preserve-3d;z-index:5;pointer-events:none}
.leaf .face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.leaf .back{transform:rotateY(180deg)}.leaf .back .pg{border-radius:8px 0 0 8px}.leaf .back .pg::after{right:0;left:auto;background:linear-gradient(to left,#0000002e,#0000)}
.ctl{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px;font-family:'Noto Sans Kannada',sans-serif;font-size:.85rem;flex-wrap:wrap}
.ctl button{background:#ffffff14;border:1px solid #ffffff33;color:#efe6d4;border-radius:999px;padding:7px 16px;font:inherit;cursor:pointer}.ctl button:disabled{opacity:.35;cursor:default}
.ctl .lbl{min-width:170px;text-align:center;color:#d8cbb4}
.prog{width:min(560px,90vw);height:4px;background:#ffffff22;border-radius:4px;margin-top:12px}.prog i{display:block;height:100%;width:0;background:var(--gold);border-radius:4px;transition:width .3s}
.tips{font-family:'Noto Sans Kannada',sans-serif;font-size:.75rem;color:#a89a86;margin-top:10px;text-align:center;padding:0 12px}
.measure{position:absolute;left:-99999px;top:0;visibility:hidden}
.consent{position:fixed;left:12px;right:12px;bottom:12px;z-index:70;background:#fbf5e6;color:#2b2118;padding:12px 16px;border-radius:10px;display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-family:'Noto Sans Kannada',sans-serif;font-size:.85rem;box-shadow:0 6px 30px #000a}.consent p{margin:0}.consent div{display:flex;gap:8px}.consent .btn.ghost{background:transparent;border:1px solid #2b211844;color:#2b2118!important}
@media(max-width:700px){body{font-size:17px}.page{margin:0;padding:28px 20px;border-radius:0;border-left:0}h1{font-size:1.5rem}.turn{flex-direction:column}.turn a{max-width:100%}.cover-in{padding:52px 26px;outline-offset:-10px}.cover-in h1{font-size:2.6rem}.top{padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.comments{transition:none}}

.avatar{width:112px;height:112px;border-radius:50%;object-fit:cover;border:3px solid #d9b46a;box-shadow:0 4px 16px #0006;margin:0 auto 14px;display:block}
.author{display:flex;gap:22px;align-items:center;margin:10px 0 18px}.author img{width:150px;height:150px;border-radius:12px;object-fit:cover;box-shadow:0 4px 16px #0004}.author h2{margin:0}
.jump{display:grid;gap:6px;margin:10px 0 22px;font-family:'Noto Sans Kannada',sans-serif;font-size:.8rem}
.yr{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.yl{font-weight:700;background:#a8672a;color:#fff!important;border-radius:6px;padding:3px 10px;text-decoration:none;min-width:62px;text-align:center}
.mp{border:1px solid var(--line);border-radius:6px;padding:2px 8px;text-decoration:none;color:var(--ink)!important;background:#fff9ea}.mp small{color:var(--muted)}a.mp:hover{border-color:#a8672a}.mp.off{opacity:.3}
details.chap{border-top:1px solid var(--line);scroll-margin-top:70px}details.chap summary{cursor:pointer;list-style:none}details.chap summary::-webkit-details-marker{display:none}
details.chap summary h2{margin:14px 0;border:0;display:flex;align-items:baseline;gap:12px}details.chap summary h2::after{content:"▾";margin-left:auto;color:#a8672a;font-size:1rem}details.chap[open] summary h2::after{content:"▴"}
.mh{font-size:1rem;color:#8a4a1a;margin:18px 0 4px;font-weight:600;scroll-margin-top:70px}.chap li .d{color:var(--muted);font-family:'Noto Sans Kannada',sans-serif;font-size:.8rem;min-width:22px}
@media(max-width:700px){.author{flex-direction:column;text-align:center}}

.chip{display:flex;align-items:center;gap:6px;text-decoration:none;color:var(--gold)!important;font-weight:600}.chip img{width:26px;height:26px;border-radius:50%;object-fit:cover;border:1.5px solid var(--gold)}.chip span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acard{display:flex;gap:18px;align-items:flex-start;background:linear-gradient(135deg,#fff4d6,#f7e3b4);border:1.5px solid #d9b46a;border-radius:12px;padding:16px 18px;margin:18px 0;box-shadow:0 3px 14px #a8672a33;text-align:left;font-family:'Noto Sans Kannada',sans-serif;line-height:1.55;color:#2b2118}
.acard img{width:84px;height:84px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 2px 8px #0004;flex:none}.acard.big img{width:150px;height:150px;border-radius:14px}
.acard h2{margin:0;font-family:'Noto Serif Kannada',serif;font-size:1.25rem}.acard .k{margin:0;font-size:.7rem;letter-spacing:.14em;color:#8a4a1a;text-transform:uppercase}.acard .role{margin:0;color:#7a5a2a;font-size:.85rem}
.acard .bio{margin:8px 0}.acard .bio.sm{font-size:.82rem;color:#4a3a28}.acard.big .bio{font-size:.98rem;font-family:'Noto Serif Kannada',serif;line-height:1.8}
.facts{display:flex;gap:16px;list-style:none;padding:0;margin:8px 0;font-size:.8rem;flex-wrap:wrap}.facts b{font-size:1.1rem;color:#8a4a1a}.alinks{display:flex;gap:12px;flex-wrap:wrap;font-size:.85rem}.alinks a{color:#8a4a1a}
.flow .acard{flex-direction:column;align-items:center;text-align:center;padding:12px}.flow .acard .bio,.flow .acard .facts{display:none}.flow .acard img{width:64px;height:64px}
@media(max-width:700px){.acard.big{flex-direction:column;align-items:center;text-align:center}.chip span{display:none}}
.tnote{font-family:'Noto Sans Kannada',sans-serif;font-size:.75rem;line-height:1.5;color:#6a5a48;background:#f3e6c4;border-radius:6px;padding:6px 10px;margin:8px auto;max-width:36em}
.pick{display:flex;gap:10px;flex-wrap:wrap;margin:4px 0 12px}.pick select{flex:1;min-width:160px;padding:10px 12px;font:inherit;font-size:.95rem;border:1px solid var(--line);border-radius:8px;background:#fff9ea;color:var(--ink);font-family:'Noto Sans Kannada',sans-serif}
.seg.lang{margin-right:2px}