:root{--deep:#171622;--plum:#211f33;--slate:#343650;--royal:#6f3fc5;--peri:#9da8d3;--cream:#f3ece5;--paper:#fffaf6;--gold:#d8ae68;--ink:#28243a;--line:rgba(255,255,255,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--plum);color:#f5eff5;font:16px/1.7 Inter,sans-serif}.book-nav{height:76px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font:500 .75rem "DM Mono";letter-spacing:.08em}.book-nav a,footer a{color:inherit;text-decoration:none}.book-nav a:hover,footer a:hover{color:var(--gold)}.volume-hero{min-height:480px;padding:clamp(65px,9vw,125px) clamp(24px,9vw,150px);position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(111,63,197,.45),transparent 34%),linear-gradient(135deg,#2d2945,var(--deep))}.volume-icon{position:absolute;right:9vw;top:50%;transform:translateY(-50%);font-size:clamp(7rem,18vw,16rem);line-height:1;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.26);opacity:.75}.kicker{font:500 .72rem "DM Mono";letter-spacing:.14em;color:var(--gold)}h1,h2,h3{font-family:"Space Grotesk",sans-serif}h1{font-size:clamp(4rem,9vw,8rem);line-height:.88;letter-spacing:-.07em;margin:20px 0;position:relative}#volumeIntro{max-width:670px;color:#c8c2d0;font-size:1.05rem;position:relative}.page-index{background:var(--cream);color:var(--ink);padding:clamp(60px,8vw,110px) clamp(24px,8vw,130px);min-height:560px}.page-index>header{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:42px}.page-index h2{font-size:clamp(2rem,4vw,3.8rem);letter-spacing:-.05em;margin:8px 0}.search{display:grid;gap:7px;font:500 .68rem "DM Mono";letter-spacing:.08em}.search input{width:min(320px,70vw);border:1px solid rgba(40,36,58,.22);background:#fffaf6;border-radius:6px;padding:12px 14px;font:inherit}.page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.page-card{min-height:255px;border:1px solid rgba(40,36,58,.16);border-radius:7px;background:var(--paper);padding:25px;color:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s,border-color .22s}.page-card:hover,.page-card:focus-visible{transform:translateY(-6px);border-color:var(--royal);box-shadow:0 22px 40px rgba(45,35,52,.14)}.page-card time,.page-card .type{font:500 .65rem "DM Mono";letter-spacing:.08em;color:#7b657f}.page-card h3{font-size:1.4rem;line-height:1.15;letter-spacing:-.035em;margin:25px 0 12px}.page-card p{font-size:.9rem;color:#6c6574}.page-card .read{margin-top:auto;font:600 .72rem "DM Mono";color:#7046b3}.empty{grid-column:1/-1;text-align:center;border:1px dashed rgba(40,36,58,.25);padding:60px 20px;border-radius:7px}.page-dialog{width:min(860px,94vw);max-height:90vh;border:0;border-radius:9px;background:var(--paper);color:var(--ink);padding:0;box-shadow:0 45px 100px rgba(0,0,0,.55)}.page-dialog::backdrop{background:rgba(13,11,21,.8);backdrop-filter:blur(5px)}.close{position:sticky;float:right;top:16px;right:16px;z-index:4;width:42px;height:42px;border:0;border-radius:50%;background:var(--plum);color:white;font-size:1.5rem;cursor:pointer}.page-dialog article{padding:clamp(45px,7vw,80px)}.article-meta{font:500 .68rem "DM Mono";color:#7655a9;letter-spacing:.1em}.page-dialog h2{font-size:clamp(2.5rem,6vw,5rem);line-height:.95;letter-spacing:-.06em;margin:18px 0 30px}.article-body{font-size:1.02rem}.article-body h2,.article-body h3{font-size:1.45rem;letter-spacing:-.03em;margin-top:38px}.article-body blockquote{border-left:3px solid var(--gold);padding-left:22px;margin:28px 0;color:#5d5364}.article-body img{max-width:100%;border-radius:6px}.article-body audio{width:100%;margin:20px 0}.article-body li{margin:8px 0}.bn{font-family:"Noto Sans Bengali",Inter,sans-serif}.bn h1,.bn h2,.bn h3{font-family:"Noto Sans Bengali",sans-serif;letter-spacing:0}.reciting .volume-hero{background:radial-gradient(circle at 82% 24%,rgba(157,168,211,.38),transparent 33%),linear-gradient(135deg,#312c49,#171622)}footer{padding:26px clamp(24px,5vw,72px);display:flex;justify-content:space-between;font:400 .7rem "DM Mono";color:#bcb5c5}
.fairy-dust{position:fixed;z-index:9999;left:0;top:0;width:var(--dust-size);height:var(--dust-size);border-radius:50%;background:var(--dust-color);box-shadow:0 0 7px var(--dust-color),0 0 13px var(--dust-color);pointer-events:none;animation:fairyFloat .62s ease-out forwards}.fairy-burst{animation-duration:.82s}@keyframes fairyFloat{0%{opacity:1;transform:translate(-50%,-50%) scale(1.25)}100%{opacity:0;transform:translate(calc(-50% + var(--dust-x)),calc(-50% + var(--dust-y))) scale(.15)}}
@media(max-width:780px){.page-grid{grid-template-columns:1fr 1fr}.page-index>header{align-items:start;flex-direction:column}.volume-icon{opacity:.35}}
@media(max-width:520px){.book-nav span{display:none}.page-grid{grid-template-columns:1fr}.volume-hero{min-height:410px}.page-dialog article{padding:55px 24px}footer{flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page-card{transition:none}.fairy-dust{display:none!important}}