:root{--bg: #f4f1ea;--surface: #fbfaf6;--text: #2b3236;--soft: #8fb3a6;--line: #ddd6c8;font-family:Atkinson Hyperlegible,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100dvh}.reader{height:100dvh;display:grid;grid-template-rows:auto 1fr auto;gap:16px;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));max-width:900px;margin:0 auto}.title{margin:0;font-size:1.4rem;font-weight:600;text-align:center}.page{background:var(--surface);border:2px solid var(--line);border-radius:24px;padding:20px;display:grid;gap:20px;align-content:start;min-height:0;overflow-y:auto}.picture{aspect-ratio:3 / 2;width:min(100%,63dvh);justify-self:center;border-radius:16px;background:linear-gradient(160deg,#e5ece8,#ece6da)}.words p{font-size:clamp(1.4rem,4vw,2rem);line-height:1.5;margin:0 0 12px}.controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.nav{min-width:72px;min-height:72px;border-radius:20px;border:2px solid var(--line);background:var(--surface);color:var(--text);font-size:2rem;cursor:pointer}.nav:disabled{opacity:.35;cursor:default}.nav:focus-visible{outline:4px solid var(--soft);outline-offset:2px}.dots{display:flex;gap:10px;flex:1;justify-content:center}.dot{width:14px;height:14px;border-radius:50%;background:var(--line)}.dot.on{background:var(--soft)}img.picture{display:block;object-fit:cover;background:#eee8dc}.top{display:grid;grid-template-columns:56px 1fr 56px;align-items:center}.nav.small{min-width:56px;min-height:56px;font-size:1.6rem}.shelf{min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) 16px 32px;max-width:1100px;margin:0 auto}.shelf .title{margin-bottom:24px}.shelf.empty{display:grid;place-items:center}.calm{font-size:clamp(1.4rem,4vw,2rem);color:#6b7478;text-align:center}.covers{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:24px}.cover{width:100%;display:grid;gap:12px;padding:14px;background:var(--surface);border:2px solid var(--line);border-radius:24px;color:var(--text);font:inherit;cursor:pointer;text-align:center}.cover:focus-visible{outline:4px solid var(--soft);outline-offset:2px}.cover img,.cover .picture{width:100%;aspect-ratio:3 / 2;object-fit:cover;border-radius:16px;display:block}.cover-title{font-size:1.4rem;font-weight:600}.shelf-item{display:grid;gap:12px}.activity,.choice{min-height:72px;border-radius:20px;border:2px solid var(--line);background:var(--surface);color:var(--text);font:inherit;font-size:1.4rem;font-weight:600;cursor:pointer}.activity:focus-visible,.choice:focus-visible{outline:4px solid var(--soft);outline-offset:2px}.page.game{justify-items:center;text-align:center}.portrait{aspect-ratio:2 / 3;height:min(40dvh,420px);object-fit:cover;border-radius:16px;background:#eee8dc}.choices{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px}.choice.this-one{border-color:var(--soft);background:#e3eee9}.nav-spacer{min-width:72px}.lead{display:grid;justify-items:center}.lead.with-time{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:16px;align-items:center}.lead.with-time .picture{width:100%;max-height:42dvh}.time-card{margin:0;display:grid;gap:10px;justify-items:center;text-align:center}.time-pictures{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.calendar{width:min(100%,180px)}.clock{width:min(100%,120px)}.time-card figcaption{display:grid;gap:2px}.time-date{font-size:1.3rem;font-weight:700}.time-time{font-size:1.2rem}@media(max-width:640px){.lead.with-time{grid-template-columns:1fr}}.word{font:inherit;color:inherit;background:none;border:0;padding:0 2px;margin:0 -2px;border-radius:6px;cursor:pointer}.word:focus-visible{outline:3px solid var(--soft)}.word.reading{background:#dfeae5}.word.has-help{text-decoration:underline dotted var(--soft);text-decoration-thickness:3px;text-underline-offset:6px}.nav.on{border-color:var(--soft)}.word-card-backdrop{position:fixed;inset:0;background:#2b323640;display:grid;place-items:center;padding:16px;z-index:10}.word-card{width:min(100%,520px);border:2px solid var(--soft);border-radius:20px;background:var(--surface);padding:24px 20px;display:grid;gap:12px;justify-items:center;text-align:center}.big-word{margin:0;font-size:clamp(2.4rem,9vw,3.6rem);font-weight:600}.means{margin:0;font-size:clamp(1.2rem,3.5vw,1.6rem);line-height:1.4}.word-card-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}