*{box-sizing:border-box}html{scroll-behavior:smooth}@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+Kannada:wght@400;500;600;700&display=swap");
:root{--kannada-font:"Noto Serif Kannada",serif}
body{margin:0;background:#100904;color:#f4e5c2;font-family:var(--kannada-font),Georgia,"Times New Roman",serif}button,a{touch-action:manipulation}button{font:inherit}.hero{position:relative;overflow:hidden;text-align:center;padding:20px 18px 26px;background:radial-gradient(circle at 50% 38%,#6c3f13 0,#29160a 33%,#0d0703 78%);border-bottom:1px solid #8a5d25}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 0 70%,#090503)}.logo{position:relative;z-index:2;width:min(92%,1050px);max-height:245px;object-fit:contain;filter:drop-shadow(0 0 18px #b5791e66);animation:logoGlow 3.8s ease-in-out infinite}.sparkles{position:absolute;inset:0;background-image:radial-gradient(#e3a536 1px,transparent 1.5px),radial-gradient(#fff1c7 1px,transparent 1.5px);background-size:110px 90px,160px 130px;background-position:10px 10px,70px 40px;opacity:.42;animation:spark 9s linear infinite}.hero-book{position:relative;z-index:2;width:min(92%,820px);height:260px;margin:-4px auto 0;display:flex;align-items:center;justify-content:center}.open-book{position:absolute;width:72%;height:140px;bottom:35px;filter:drop-shadow(0 16px 16px #000b);transform:perspective(600px) rotateX(9deg)}.book-page{position:absolute;top:0;width:51%;height:100%;background:linear-gradient(160deg,#f5e7c3,#c99e59);border:1px solid #a77a35}.book-page.left{left:0;border-radius:16px 3px 5px 15px;transform:skewY(-2deg);box-shadow:inset -18px 0 25px #59331333}.book-page.right{right:0;border-radius:3px 16px 15px 5px;transform:skewY(2deg);box-shadow:inset 18px 0 25px #59331333}.glow{position:absolute;width:60%;height:90px;background:#d38c1e55;filter:blur(38px);bottom:50px}.hero-badge{position:relative;z-index:3;margin-top:105px;min-width:270px;padding:10px 35px 12px;border:1px solid #c38c38;border-radius:28px;background:linear-gradient(#2e190b,#120a05);box-shadow:0 8px 22px #0009}.hero-title{font-size:22px;letter-spacing:4px}.hero-sub{font-size:12px;color:#d5bd8d;margin-top:3px}.finger{color:#e2a43c;font-size:24px;margin-top:3px;animation:tap 1.8s ease-in-out infinite}.connect{position:relative;z-index:2;color:#dca34b;letter-spacing:2px;font-size:13px;margin:3px 0 14px}.connect span{margin:0 12px}.socials{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:min(100%,1100px);margin:auto}.socials a{text-decoration:none;color:#f5e6c3;border:1px solid #a87932;border-radius:10px;padding:10px 7px;background:linear-gradient(145deg,#2a180b,#130a05);display:grid;grid-template-columns:40px 1fr;text-align:left;align-items:center;column-gap:7px;min-height:64px;transition:transform .2s,border-color .2s}.socials a:hover{transform:translateY(-2px);border-color:#e2b55d}.socials b{grid-row:span 2;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:bold 22px system-ui;color:#fff}.wa{background:#18a957}.ig{background:linear-gradient(135deg,#8a39c9,#ed3b63,#f3a327)}.fb{background:#1877f2}.web{background:#0b8eaa}.socials strong{font-size:14px}.socials small{font:10px system-ui;color:#cbb88d}.reader-section{background:linear-gradient(#3a2412,#160b05);padding:16px 18px 26px;min-height:700px}.reader-toolbar{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}.icon-btn{width:46px;height:46px;border:1px solid #845b29;border-radius:10px;background:linear-gradient(#4b2c14,#1c0d06);color:#e9d3a4;font-size:25px;cursor:pointer}.toolbar-actions{display:flex;gap:8px}.ribbon{border:1px solid #95662d;border-radius:30px;background:#160b05;padding:7px 34px;color:#f0d59d;font-size:20px}.reader{position:relative;max-width:1180px;margin:14px auto 0}.book-spread{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:610px;border-radius:14px;overflow:hidden;background:#3d2412;box-shadow:0 20px 45px #000b,inset 0 0 0 8px #1d0f07;border:1px solid #9a6b2e;transition:transform .55s,opacity .25s}.spread-page{margin:17px;background:linear-gradient(135deg,#f2e2ba,#d8bc83);position:relative;color:#33200f;box-shadow:inset 0 0 30px #5b35192b}.spread-left{border-radius:5px 0 0 8px;padding:18px}.spread-right{border-radius:0 5px 8px 0}.spine{position:absolute;left:50%;top:13px;bottom:13px;width:20px;transform:translateX(-50%);background:linear-gradient(90deg,#6a431f,#c0924b,#69401e);box-shadow:0 0 16px #32180599;z-index:2}.page-vignette{height:100%;min-height:570px;display:grid;place-items:center;border:1px solid #b28a4e;background:radial-gradient(circle,#f6e9c9,#c7a96e);overflow:hidden}.page-vignette img{width:100%;height:100%;object-fit:contain}.placeholder-art{font-size:70px;color:#a87932}.page-content{height:100%;min-height:570px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:35px}.flourish{color:#9a6b2e;font-size:24px}.page-content h2{font-size:31px;line-height:1.35;max-width:420px;margin:25px 0 12px}.page-content p{font-size:20px;max-width:400px;line-height:1.6;margin:0}.page-content span{margin-top:28px;letter-spacing:3px;font-size:13px;color:#775021}.bottom{margin-top:26px}.corner{position:absolute;right:-1px;bottom:-1px;width:110px;height:140px;background:linear-gradient(145deg,transparent 48%,#a98550 49%,#ead7ab 65%,#f2e1bc 100%);clip-path:polygon(100% 0,100% 100%,0 100%);filter:drop-shadow(-5px -4px 5px #5a351922)}.nav{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:58px;height:58px;border-radius:50%;border:1px solid #a87932;background:#261307dd;color:#f3ddb1;font-size:45px;line-height:1;cursor:pointer}.nav:disabled{opacity:.35}.left-nav{left:-7px}.right-nav{right:-7px}.reader-count{text-align:center;color:#d7c193;font-size:18px;margin:13px}.reader-count span{color:#87602f;margin:0 12px}.reader-actions{max-width:1100px;margin:auto;border:1px solid #7f5726;border-radius:9px;background:#180c05;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden}.reader-actions button{border:0;border-right:1px solid #5d3b1a;background:transparent;color:#e7d2a5;padding:13px;cursor:pointer}.reader-actions button:last-child{border:0}.reader-actions span{margin-left:8px}.mobile-hint{text-align:center;color:#a99573;font:12px system-ui;margin:10px 0 0}dialog{border:1px solid #a87932;border-radius:16px;background:#ead9b5;color:#352313;width:min(92vw,390px);padding:0;box-shadow:0 25px 70px #000d}dialog::backdrop{background:#000b}#loginForm{position:relative;padding:24px}#loginForm h2{margin:0 0 6px;font-size:28px}#loginForm p{font:14px system-ui;margin:0 0 17px}#loginForm label{font:13px system-ui;display:block;margin-bottom:6px}#password{width:100%;min-height:50px;border:1px solid #b68135;border-radius:9px;background:#f8ebcd;padding:10px;font-size:18px}.unlock{width:100%;min-height:50px;margin-top:12px;border:0;border-radius:9px;background:#4e2d17;color:#f7e7c1;font-weight:bold}.close{position:absolute;right:10px;top:8px;background:none;border:0;font-size:31px;color:#3d2413}.status{font:12px system-ui;min-height:18px;margin-top:9px}.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;background:#2b170a;border:1px solid #a87932;color:#f2dfb8;border-radius:30px;padding:11px 17px;font:13px system-ui;transition:.25s;z-index:20}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@keyframes logoGlow{50%{filter:drop-shadow(0 0 30px #d5962a99)}}@keyframes spark{to{background-position:120px 80px,220px 170px}}@keyframes tap{50%{transform:translateY(-5px)}}body.reader-fullscreen{overflow:hidden}
body.reader-fullscreen .hero{display:none}
body.reader-fullscreen .reader-section{position:fixed;inset:0;z-index:9999;min-height:100%;height:100%;overflow:auto;padding:10px 12px 18px;background:linear-gradient(#3a2412,#160b05)}
body.reader-fullscreen .reader-toolbar{max-width:1400px}
body.reader-fullscreen .reader{max-width:1400px;height:calc(100% - 155px);display:flex;align-items:center}
body.reader-fullscreen .book-spread{width:min(96vw,1280px);height:min(78vh,820px);min-height:0}
body.reader-fullscreen .spread-page,.body.reader-fullscreen .page-vignette,.body.reader-fullscreen .page-content{min-height:0}
body.reader-fullscreen .page-vignette{height:100%}
body.reader-fullscreen .page-content{height:100%}
body.reader-fullscreen .mobile-hint{display:none}
body.reader-fullscreen #fullBtn{border-color:#d3a14a;box-shadow:0 0 12px #c88b2d55}
@media(max-width:760px){
 body.reader-fullscreen .reader{height:calc(100% - 100px);margin-top:6px}
 body.reader-fullscreen .book-spread{height:calc(100% - 10px);min-height:0}
 body.reader-fullscreen .spread-right{min-height:0;height:calc(100% - 16px)}
 body.reader-fullscreen .page-content{min-height:0;height:100%}
}
@media(max-width:760px){.hero{padding:8px 8px 16px}.logo{width:100%;max-height:145px}.hero-book{height:190px}.open-book{width:84%;height:105px;bottom:28px}.hero-badge{margin-top:80px;padding:8px 24px}.hero-title{font-size:18px}.socials{grid-template-columns:repeat(2,1fr);gap:7px}.socials a{min-height:60px}.reader-section{padding:9px 7px 20px}.reader-toolbar{padding:0 2px}.ribbon{font-size:16px;padding:7px 20px}.icon-btn{width:43px;height:43px}.toolbar-actions{gap:4px}.book-spread{min-height:520px;grid-template-columns:1fr}.spread-left{display:none}.spine{display:none}.spread-right{margin:8px;min-height:504px;border-radius:6px}.page-content{min-height:500px;padding:25px 18px}.page-content h2{font-size:25px}.page-content p{font-size:17px}.page-vignette{min-height:500px}.nav{width:50px;height:50px;font-size:38px}.left-nav{left:2px}.right-nav{right:2px}.reader-actions{grid-template-columns:repeat(3,1fr)}.reader-actions button{font-size:12px;padding:11px 4px}.reader-actions span{display:block;margin:4px 0 0}.toolbar-actions #secretBtn{display:none}.mobile-hint{margin-bottom:0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* WhatsApp / mobile in-app browser optimizations */
html,body{width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}
button,a{min-height:44px;-webkit-tap-highlight-color:transparent}
.hero,.reader-section{overscroll-behavior-x:none}
.book-spread{touch-action:pan-y;user-select:none;-webkit-user-select:none}
.reader-actions button,.nav,.icon-btn,.socials a{touch-action:manipulation}
@media(max-width:600px){
  .reader-section{padding-bottom:max(20px,env(safe-area-inset-bottom))}
  .hero{padding-top:max(8px,env(safe-area-inset-top))}
  .socials a{min-height:64px}
}