:root{--bg: #1a1410;--text: #e8d9be;--text-2: #b8a68a;--focus: #f0a830;--btn-bg: #3a2c20;--btn-text: #e8d9be;--btn-border: #b8a68a;--btn-text-disabled: #a69580;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(env(safe-area-inset-top,0px) + .5rem);scroll-padding-bottom:1rem}@supports (font: -apple-system-body) and (-webkit-touch-callout: none){html{font:-apple-system-body}}body{margin:0;background:var(--bg);color:var(--text);font:1rem/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;padding-top:max(1rem,calc(env(safe-area-inset-top,0px) + .5rem));padding-right:max(1rem,calc(env(safe-area-inset-right,0px) + .5rem));padding-bottom:max(2rem,calc(env(safe-area-inset-bottom,0px) + .5rem));padding-left:max(1rem,calc(env(safe-area-inset-left,0px) + .5rem))}body:before{content:"";position:fixed;top:0;left:0;right:0;z-index:10;height:env(safe-area-inset-top,0px);background:var(--bg);pointer-events:none}.page{max-width:86rem;margin-inline:auto}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:0 1rem;margin-bottom:.75rem}header h1{flex:1 1 14rem;min-width:0;margin:0;font-size:1.5rem;line-height:1.2;font-weight:700;overflow-wrap:anywhere}header nav.langs{flex:0 1 auto;min-width:0;max-width:100%;margin-inline-start:auto}body.is-cover header h1{font-size:clamp(2.25rem,1.5rem + 4vw,4.5rem);line-height:1.1}body.is-home header h1{font-size:clamp(1.75rem,1.25rem + 2.5vw,3rem);line-height:1.15}.spread{display:grid;gap:.75rem 2rem;grid-template-columns:minmax(0,1fr)}.spread h2{margin:0;font-size:1rem;font-weight:600;color:var(--text-2);letter-spacing:.02em}.picture{min-width:0}canvas#pic{display:block;width:100%;height:auto;aspect-ratio:4 / 3;border-radius:.5rem;background:#000;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.words{font-family:ui-rounded,SF Pro Rounded,Hiragino Maru Gothic ProN,Nunito,system-ui,sans-serif;font-size:1.5rem;line-height:1.5;max-width:60ch;overflow-wrap:anywhere}.words p{margin:0 0 1rem}.words p:last-child{margin-bottom:0}@media (min-width: 60em){.spread.has-words{grid-template-columns:minmax(0,1fr) minmax(min(18rem,100%),26rem);grid-template-areas:"num num" "pic words";align-items:start}.spread.has-words h2{grid-area:num}.spread.has-words .picture{grid-area:pic}.spread.has-words .words{grid-area:words;align-self:center}}@media (min-width: 40em) and (max-height: 30em){main#book:not([hidden]){display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:2rem}main#book .spread{grid-column:1 / -1;grid-row:1 / -1;display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;grid-template-areas:none;gap:0 2rem;align-items:start}main#book .spread h2{grid-area:auto;grid-column:2;grid-row:1}main#book .spread .picture{grid-area:auto;grid-column:1;grid-row:1 / -1}main#book .spread .words{grid-area:auto;grid-column:2;grid-row:2;align-self:center}main#book nav.pages{grid-column:2;grid-row:3;margin:.75rem 0 0;width:100%}canvas#pic{height:max(10rem,min(calc(100svh - 6rem),45vw));width:auto;aspect-ratio:4 / 3}body.is-cover header h1{font-size:2.25rem}}nav.pages{display:flex;gap:1rem;max-width:30rem;margin:1.25rem auto 0}button{font:inherit;font-size:1.125rem;color:var(--btn-text);background:var(--btn-bg);border:2px solid var(--btn-border);border-radius:.75rem;padding:.5rem 1.25rem;min-height:44px;min-width:44px;cursor:pointer;touch-action:manipulation}a.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;font-size:1.125rem;color:var(--btn-text);background:var(--btn-bg);text-decoration:none;border:2px solid var(--btn-border);border-radius:.75rem;padding:.5rem 1.25rem;min-height:44px;min-width:44px;touch-action:manipulation;max-width:100%;overflow-wrap:anywhere}a.btn[aria-current=true]{box-shadow:inset 0 0 0 2px var(--btn-border);font-weight:700}nav.langs{display:flex;flex-wrap:wrap;gap:.75rem}header nav.langs{gap:.5rem}header nav.langs a.btn{color:var(--text-2);background:none;border-color:transparent;padding-inline:.75rem;border-radius:.5rem}header nav.langs a.btn[aria-current=true]{color:var(--text);box-shadow:inset 0 0 0 2px var(--btn-border)}nav.pages button{flex:1 1 0;min-height:56px;min-width:96px;padding-inline:.75rem;font-weight:600}button[aria-disabled=true]{color:var(--btn-text-disabled);border-style:dashed;cursor:default}button[aria-pressed=true]{border-width:2px;box-shadow:inset 0 0 0 2px var(--btn-border)}button:focus-visible,a:focus-visible,h2[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h2[tabindex="-1"]:focus{outline:3px solid var(--focus);outline-offset:3px}#grown-ups{max-width:60ch;margin-inline:auto;font-size:1.25rem;line-height:1.5}#grown-ups h2{font-size:1.75rem;margin:.5rem 0 1rem;color:var(--text)}#grown-ups h3{font-size:1.375rem;margin:1.75rem 0 .5rem}#grown-ups p{margin:0 0 1rem}#grown-ups a{color:var(--focus)}#grown-ups button{margin-top:1rem}footer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1rem;margin-top:2.5rem}.quiet{font:inherit;font-size:1.125rem;line-height:1.4;color:var(--text-2);background:none;border:0;border-radius:.5rem;padding:.5rem .75rem;min-height:44px;min-width:44px;cursor:pointer;text-decoration:none;touch-action:manipulation;display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:.35em}a.quiet{text-decoration:underline;text-underline-offset:.2em}.quiet .chev{font-size:.9em}#settings-panel{scroll-margin-bottom:1rem;flex-basis:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:.5rem}#settings-panel nav.langs{justify-content:center}noscript p{font-size:1.25rem}#home-msg{font-size:1.25rem;margin:0 0 1rem}#shelves section+section{margin-top:1.5rem}#shelves h2{margin:0 .5rem;font-size:1.25rem;line-height:1.3;font-weight:600;color:var(--text-2);overflow-wrap:anywhere}.shelf{list-style:none;margin:0;padding:.5rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(10rem,100%),1fr))}.shelf li{min-width:0}a.book{display:block;color:var(--text);text-decoration:none;border-radius:.75rem}a.book img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;border-radius:.75rem;background:#000}a.book .title{display:block;margin-top:.5rem;font-size:1.125rem;line-height:1.3;font-weight:700;color:var(--text);overflow-wrap:anywhere}body:lang(bn){letter-spacing:0}:lang(bn) h1,:lang(bn) h2,:lang(bn) h3,:lang(bn) .words,:lang(bn) button,:lang(bn) a,:lang(bn) #grown-ups,:lang(bn) #home-msg,a:lang(bn),button:lang(bn){font-family:Kohinoor Bangla,Bangla Sangam MN,Noto Sans Bengali,Nirmala UI,Vrinda,system-ui,sans-serif;letter-spacing:0;text-transform:none;hyphens:manual;word-break:normal}:lang(bn) .words{font-size:1.75rem;line-height:1.8}:lang(bn) .spread h2{font-size:1.125rem;letter-spacing:0}:lang(bn) header h1{line-height:1.4}:lang(bn) body.is-cover header h1{line-height:1.35}:lang(bn) #grown-ups{font-size:1.375rem;line-height:1.8}:lang(bn) #grown-ups h2{font-size:1.75rem;line-height:1.4}:lang(bn) #grown-ups h3{line-height:1.5}:lang(bn) button,:lang(bn) a.btn,:lang(bn) .quiet{font-size:1.25rem;line-height:1.4}:lang(bn) a.book .title{line-height:1.5}:lang(bn) #shelves h2{line-height:1.5}@media (min-width: 40em) and (max-height: 30em){:lang(bn) .words{font-size:1.5rem}:lang(bn) .spread h2{font-size:1.125rem}}