:root{--brown:#4a2d1d;--deep:#2e1b12;--gold:#c79a45;--cream:#fbf7ef;--paper:#fffdf8;--ink:#2b241f;--muted:#756a61;--line:#e5dacb;--navy:#17324d;--soft:#f4eadc;--warn:#fff4d8}
*{box-sizing:border-box}html{background:var(--cream);color:var(--ink);font-family:Georgia,"Times New Roman",serif}body{margin:0;padding:0 0 82px;background:linear-gradient(#fbf7ef,#f6efe5);min-height:100vh}.app-header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;background:rgba(74,45,29,.96);color:#fff;border-bottom:2px solid var(--gold)}#homeLogo{border:0;background:none;color:#fff;text-align:left;font:inherit;font-weight:700;line-height:1.05;cursor:pointer}#homeLogo .small{display:block;font-size:.78rem;font-weight:400;color:#f2d89c}.volume{font:600 .8rem Arial,sans-serif;color:#f2d89c}main{max-width:820px;margin:auto;padding:18px 16px}.view{animation:fade .18s ease}@keyframes fade{from{opacity:.5}to{opacity:1}}.home{text-align:center}.cover-wrap{max-width:270px;margin:4px auto 18px}.cover-wrap img{display:block;width:100%;border-radius:10px;box-shadow:0 8px 28px rgba(46,27,18,.25)}h1,h2,h3,h4,h5{color:var(--brown);line-height:1.15}h1{font-size:2rem;margin:.4em 0}.eyebrow{display:block;font:700 .78rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#8a652c}.lead{font-size:1.18rem;line-height:1.5}.smalllead{font-size:1rem;color:var(--muted)}.method{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:18px 0}.method strong{background:var(--brown);color:white;padding:9px 14px;border-radius:999px}.primary,.secondary,.back-btn,.tab,.story-card,.bottom-nav button,.save-note,.clear-note{min-height:44px;border-radius:10px;border:1px solid var(--brown);padding:10px 14px;font:700 .95rem Arial,sans-serif;cursor:pointer}.primary,.save-note{background:var(--brown);color:#fff}.secondary,.back-btn,.clear-note{background:var(--paper);color:var(--brown)}.wide{display:block;width:100%;max-width:430px;margin:10px auto}.back-btn{margin-bottom:8px}.prototype-note{font:400 .77rem Arial,sans-serif;color:var(--muted);margin-top:18px}.intro-callout,.method-reminder,.note-box,.next-volume{background:var(--paper);border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:12px;padding:15px;margin:14px 0}.intro-callout span,.method-reminder span{display:block;color:var(--muted);margin-top:4px}details{background:var(--paper);border:1px solid var(--line);border-radius:12px;margin:12px 0;overflow:hidden}summary{cursor:pointer;padding:15px;font:700 1rem Arial,sans-serif;color:var(--brown);background:#f9f1e5}.prose{padding:4px 2px;font-size:1.06rem;line-height:1.62}.prose p{margin:0 0 1em}.prose h3,.prose h4,.prose h5{margin:1.2em 0 .45em}.prose ul,.prose ol{padding-left:1.35rem}.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.story-card{background:var(--paper);color:var(--ink);text-align:left;border-color:var(--line);padding:16px}.story-card .story-num{display:block;font:700 .72rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#8a652c;margin-bottom:5px}.story-card strong{display:block;color:var(--brown);font-size:1.08rem}.story-card span:last-child{display:block;font-size:.82rem;color:var(--muted);margin-top:4px;font-style:italic}.extra-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.story-heading{text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:17px;margin-bottom:12px}.story-heading h2{font-size:1.85rem;margin:.25em 0}.tagline{font-style:italic}.sample-title{color:#795c2f}.story-gallery{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 12px}.story-gallery img{height:150px;width:auto;max-width:75%;object-fit:contain;border-radius:8px;border:1px solid var(--line);background:#fff}.tabs{display:flex;gap:7px;overflow-x:auto;padding:6px 0 10px;position:sticky;top:55px;z-index:10;background:linear-gradient(#fbf7ef 80%,rgba(251,247,239,0))}.tab{white-space:nowrap;background:#fff;color:var(--brown);border-color:var(--line)}.tab.active{background:var(--brown);color:white;border-color:var(--brown)}.tab-panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:16px}.memory-moment{background:#f7edd6;border-left:4px solid var(--gold);padding:10px 12px!important;border-radius:6px}.gentle-care{background:var(--warn);border-left:4px solid #b8801b;padding:10px 12px!important;border-radius:6px}.pause-line{color:#7a5a28;font-weight:700}.prompt-list li{margin:.65em 0}.sensory p{margin:.45em 0}textarea{width:100%;font:1rem/1.5 Georgia,serif;border:1px solid #cdbda9;border-radius:10px;padding:12px;background:#fff;resize:vertical}.note-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.note-status{font:600 .82rem Arial,sans-serif;color:#476a37;margin-top:8px;min-height:1.2em}.about-photo{text-align:center}.about-photo img{max-width:190px;border-radius:50%;border:5px solid #ead9bc}.next-volume{display:flex;gap:16px;align-items:center}.next-volume img{width:95px;border:1px solid var(--line)}.bottom-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;display:flex;justify-content:center;background:#fffdf8;border-top:1px solid var(--line);padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));box-shadow:0 -4px 18px rgba(40,25,14,.08)}.bottom-nav button{border:0;background:transparent;color:var(--brown);border-radius:7px;font-size:.78rem;min-height:42px;padding:6px 11px}.bottom-nav button:focus,.primary:focus,.secondary:focus,.back-btn:focus,.tab:focus,.story-card:focus{outline:3px solid rgba(199,154,69,.45);outline-offset:2px}
@media(max-width:520px){main{padding:14px 12px}.story-grid{grid-template-columns:1fr}.story-heading h2{font-size:1.55rem}.prose{font-size:1rem}.volume{font-size:.68rem}.bottom-nav button{padding:5px 8px}.next-volume{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.view{animation:none}}


/* ===== Verified-access entranceway ===== */
.access-gate{min-height:100vh;background:linear-gradient(180deg,#f7efe3 0%,#fffdf8 52%,#f3eadf 100%);padding:24px 14px 48px}
.access-shell{max-width:760px;margin:0 auto}
.access-brand{display:grid;grid-template-columns:130px 1fr;gap:22px;align-items:center;margin:6px 0 20px}
.access-cover{width:130px;border-radius:10px;box-shadow:0 8px 26px rgba(46,27,18,.23)}
.access-eyebrow{font:700 .73rem Arial,sans-serif;letter-spacing:.1em;color:#8a652c}
.access-brand h1{margin:.25em 0 .15em;font-size:2.15rem}
.access-lead{margin:.2em 0;color:var(--muted);font-size:1.08rem}
.access-quote{margin:.65em 0 0;font-size:1.1rem;font-style:italic;color:var(--brown)}
.access-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 7px 25px rgba(46,27,18,.08)}
.access-card h2{margin-top:0}
.form-row{margin:0 0 15px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-row label{display:block;font:700 .9rem Arial,sans-serif;color:var(--brown);margin:0 0 6px}
.form-row input,.form-row select{width:100%;min-height:48px;border:1px solid #baa991;border-radius:10px;background:#fff;color:var(--ink);padding:10px 12px;font:1rem Arial,sans-serif}
.form-row input:focus,.form-row select:focus{outline:3px solid rgba(199,154,69,.35);border-color:var(--gold)}
.form-row small{display:block;margin-top:5px;font:400 .78rem Arial,sans-serif;color:var(--muted)}
.check-row{display:flex;align-items:flex-start;gap:10px;margin:14px 0;font:400 .9rem/1.45 Arial,sans-serif}
.check-row input{width:20px;height:20px;margin-top:1px;flex:none}
.check-row.optional{color:var(--muted)}
.text-link{border:0;background:none;padding:0;color:#694414;text-decoration:underline;font:inherit;cursor:pointer}
.form-error{min-height:1.25em;color:#9f2f24;font:700 .82rem Arial,sans-serif;margin-top:8px}
.access-small{font:400 .78rem/1.45 Arial,sans-serif;color:var(--muted);margin:15px 0 0}
.verify-icon{font-size:2.3rem;line-height:1;margin-bottom:8px}
.demo-box{margin-top:18px;padding:14px;border-radius:12px;background:#fff4d8;border:1px dashed #bf8b27;font:400 .86rem/1.45 Arial,sans-serif}
.demo-box p{margin:.5em 0}
.terms-copy{font-size:1rem;line-height:1.6}
.terms-copy h3{font-size:1.05rem;margin:1.1em 0 .25em}
.terms-copy p{margin:.25em 0 1em}
.access-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-top:18px;text-align:center;color:var(--muted);font:400 .8rem Arial,sans-serif}
.access-footer strong{color:var(--brown)}
.access-success{background:#edf6e8;border:1px solid #b7d3aa;border-radius:10px;padding:10px 12px;margin:10px 0;color:#335729;font:600 .86rem/1.4 Arial,sans-serif}
@media(max-width:560px){
  .access-gate{padding:16px 12px 36px}
  .access-brand{grid-template-columns:92px 1fr;gap:14px;align-items:start}
  .access-cover{width:92px}
  .access-brand h1{font-size:1.55rem}
  .access-lead{font-size:.95rem}
  .access-quote{font-size:.96rem}
  .access-card{padding:17px}
  .form-grid{grid-template-columns:1fr}
}

.text-link{color:#694414;text-decoration:underline;cursor:pointer}

.home-contact{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font:600 .9rem Arial,sans-serif;color:var(--brown);text-align:center}
.home-contact span{display:block;margin:5px 0;overflow-wrap:anywhere}
.story-gallery img.rotate-sideways{transform:none;margin:0}

/* Version 9 — Library */
.library-grid{display:grid;gap:18px;margin:20px 0}.library-card{background:#fffaf3;border:1px solid rgba(74,45,29,.18);border-radius:18px;padding:22px;box-shadow:0 8px 24px rgba(74,45,29,.08)}.library-card h2{margin:.35rem 0 .8rem}.library-card p{line-height:1.65}.library-kicker{font-size:.78rem;font-weight:800;letter-spacing:.08em;color:#7a552f}.library-download{display:block;text-align:center;text-decoration:none;margin-top:18px}.library-note{margin:24px 0 90px;padding:18px 20px;border-left:4px solid #a97732;background:#fffaf3;border-radius:10px}.library-note p{margin:.45rem 0 0;line-height:1.6}@media(min-width:760px){.library-grid{grid-template-columns:1fr 1fr}}

/* Version 10 — Share OMAAT + stronger navigation */
body{padding-bottom:98px}.bottom-nav{background:var(--brown);border-top:3px solid var(--gold);padding-top:6px;box-shadow:0 -5px 22px rgba(40,25,14,.22);gap:2px;overflow-x:auto;justify-content:space-around}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#fff;min-width:62px;min-height:55px;padding:5px 7px;border-radius:10px;font:700 .72rem Arial,sans-serif}.bottom-nav button:hover,.bottom-nav button:focus{background:rgba(255,255,255,.13);color:#fff}.bottom-nav .nav-icon{font-size:1.05rem;line-height:1;color:#f2d89c}.bottom-nav .nav-share{background:var(--gold);color:var(--deep)}.bottom-nav .nav-share .nav-icon{color:var(--deep)}.share-grid{display:grid;gap:18px;margin:20px 0}.share-card{background:#fffaf3;border:1px solid rgba(74,45,29,.18);border-radius:18px;padding:22px;box-shadow:0 8px 24px rgba(74,45,29,.08)}.share-card h2{margin:.35rem 0 .8rem}.share-copy{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px 17px;line-height:1.58}.share-copy p{margin:.15rem 0 .9rem}.share-note{margin:24px 0 100px;padding:18px 20px;border-left:4px solid var(--gold);background:#fffaf3;border-radius:10px}.share-note p{margin:.45rem 0 0;line-height:1.6}.copy-share.copied{background:#476a37}@media(min-width:760px){.share-grid{grid-template-columns:1fr 1fr}.share-card:last-child{grid-column:1/-1}}@media(max-width:620px){.bottom-nav{justify-content:flex-start}.bottom-nav button{min-width:66px}.bottom-nav .nav-share{position:sticky;right:0}}

/* Version 10.2 — Try a Memory Moment */
.memory-moment-library-card{border-top:4px solid var(--gold)}
.memory-moment-intro{max-width:850px;margin:0 auto 22px;background:#fffaf3;border:1px solid var(--line);border-radius:16px;padding:18px 22px;line-height:1.65}
.memory-moment-intro p{margin:.25rem 0 .7rem}
.memory-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:920px;margin:20px auto 28px}
.memory-theme{border:1px solid rgba(75,42,24,.22);border-radius:14px;padding:17px 12px;background:#fff;color:var(--brown);font:700 1rem Arial,sans-serif;min-height:64px;cursor:pointer;box-shadow:0 5px 16px rgba(75,42,24,.06)}
.memory-theme:hover,.memory-theme:focus{outline:3px solid rgba(184,137,53,.22);background:#fffaf3}
.memory-theme.surprise{background:var(--brown);color:#fff;border-color:var(--brown)}
.memory-moment-card{max-width:850px;margin:18px auto 100px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 12px 34px rgba(75,42,24,.11)}
.memory-moment-label{font:800 .78rem Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:7px}
.memory-moment-card h2{font-size:clamp(1.75rem,4vw,2.45rem);color:var(--brown);margin:.25rem 0 1rem}
.memory-doorway{font:1.22rem/1.75 Georgia,serif;color:#30251d;background:#fffaf3;border-left:4px solid var(--gold);padding:18px 20px;border-radius:8px}
.memory-pause{text-align:center;font:italic 1.25rem Georgia,serif;color:var(--brown);padding:18px 0 8px}
.memory-arrive{text-align:center;font-size:1.18rem;margin:.4rem 0 1rem}
.memory-seeds{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:15px 0 24px}
.memory-seed{background:#f4efe5;border:1px solid var(--line);border-radius:999px;padding:9px 13px;font:600 .93rem Arial,sans-serif;color:var(--brown)}
.memory-moment-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.memory-moment-principle{max-width:850px;margin:24px auto 100px;text-align:center;padding:16px 20px;border-radius:14px;background:var(--brown);color:#fff}
.memory-moment-principle strong{font:italic 1.3rem Georgia,serif}
.memory-moment-principle p{margin:.35rem 0 0;color:#f7ead6}
@media(max-width:720px){.memory-theme-grid{grid-template-columns:1fr 1fr}.memory-moment-card{padding:20px}.memory-doorway{font-size:1.08rem}}
@media(max-width:440px){.memory-theme-grid{grid-template-columns:1fr}}

/* Version 10.3 — install prompt */
.install-app-card{max-width:900px;margin:22px auto 90px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:#fffaf3;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.install-app-card strong{font:700 1.08rem Georgia,serif;color:var(--brown)}
.install-app-card p{margin:.35rem 0 0;line-height:1.5}
.install-help{flex-basis:100%;background:#fff;padding:12px 14px;border-radius:10px;border:1px solid var(--line)}

/* Version 10.4 — responsive Memory Game redesign */
.memory-game-view{padding-top:20px}
.memory-game-shell{max-width:1180px;margin:0 auto;padding:10px 24px 120px}
.memory-game-back{margin-bottom:10px}
.memory-game-header{text-align:center;background:#fffaf3;border:1px solid var(--line);border-radius:22px;padding:24px 28px;box-shadow:0 8px 24px rgba(75,42,24,.07)}
.memory-game-kicker{display:inline-block;font:800 .78rem Arial,sans-serif;letter-spacing:.16em;color:var(--gold);margin-bottom:6px}
.memory-game-header h1{margin:.1rem 0 .35rem;font-size:clamp(2.2rem,4.4vw,4.4rem);line-height:1;color:var(--brown)}
.memory-game-reassurance{max-width:760px;margin:12px auto 0;line-height:1.55;color:#4d4037}

.memory-theme-section{margin-top:24px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px 24px;box-shadow:0 8px 24px rgba(75,42,24,.06)}
.memory-theme-section h2{margin:0 0 4px;color:var(--brown);text-align:center}
.memory-theme-section>p{text-align:center;margin:.2rem 0 18px;color:#5a4d44}
.memory-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:none;margin:0}
.memory-theme{border:1px solid rgba(75,42,24,.18);border-radius:16px;padding:18px 16px;background:#fffaf3;color:var(--brown);font:700 1rem/1.25 Arial,sans-serif;min-height:68px;cursor:pointer;box-shadow:0 4px 12px rgba(75,42,24,.05);transition:.18s transform,.18s box-shadow,.18s background}
.memory-theme:hover,.memory-theme:focus{transform:translateY(-1px);box-shadow:0 8px 18px rgba(75,42,24,.09);background:#fff}
.memory-theme.surprise{background:var(--brown);color:#fff;border-color:var(--brown)}

.memory-moment-card{max-width:900px;margin:30px auto 26px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px 34px;box-shadow:0 14px 36px rgba(75,42,24,.11)}
.memory-moment-label{text-align:center;font:800 .8rem Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.memory-moment-card h2{text-align:center;font-size:clamp(2rem,3.2vw,3rem);color:var(--brown);margin:.15rem 0 1rem}
.memory-doorway{font:1.25rem/1.75 Georgia,serif;color:#30251d;background:#fffaf3;border-left:5px solid var(--gold);padding:20px 22px;border-radius:10px;margin:0 auto}
.memory-pause{text-align:center;font:italic 1.3rem Georgia,serif;color:var(--brown);padding:20px 0 8px}
.memory-arrive{text-align:center;font-size:1.2rem;margin:.3rem 0 1rem}
.memory-seeds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 26px}
.memory-seed{display:flex;align-items:center;justify-content:center;text-align:center;background:#f4efe5;border:1px solid var(--line);border-radius:14px;padding:14px 12px;font:700 .95rem/1.3 Arial,sans-serif;color:var(--brown);min-height:56px}
.memory-moment-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.memory-moment-principle{max-width:900px;margin:26px auto 0;text-align:center;padding:18px 20px;border-radius:16px;background:var(--brown);color:#fff;box-shadow:0 8px 22px rgba(75,42,24,.12)}
.memory-moment-principle strong{font:italic 1.35rem Georgia,serif}
.memory-moment-principle p{margin:.35rem 0 0;color:#f7ead6}

@media(min-width:1000px){
  .memory-game-shell{padding-top:18px}
}
@media(max-width:900px){
  .memory-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .memory-seeds{grid-template-columns:1fr}
}
@media(max-width:620px){
  .memory-game-shell{padding:8px 14px 110px}
  .memory-game-header{padding:20px 16px}
  .memory-theme-section{padding:18px 14px}
  .memory-theme-grid{grid-template-columns:1fr}
  .memory-moment-card{padding:22px 16px;border-radius:18px}
  .memory-doorway{font-size:1.08rem;line-height:1.65}
  .memory-moment-actions .primary,.memory-moment-actions .secondary{width:100%}
}

.install-app-card{display:none!important}

/* v10.6 — Visual Library Bookshelves */
.library-view{max-width:1180px}.library-title-block{text-align:center;max-width:900px;margin:0 auto 24px}.library-eyebrow{display:inline-block;font:800 .78rem Arial,sans-serif;letter-spacing:.16em;color:var(--gold);margin-bottom:5px}.library-title-block h1{margin:.15em 0 .25em}.bookshelf-library{display:grid;gap:28px;margin:18px auto 28px}.book-shelf{position:relative;padding:18px 18px 0;border-radius:20px 20px 8px 8px;background:linear-gradient(90deg,#6b3a1f,#8a522d 12%,#6f3f24 52%,#8f5731 88%,#65371e);box-shadow:inset 0 2px 0 rgba(255,255,255,.15),0 14px 28px rgba(59,34,18,.14)}.shelf-sign{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;background:#f5dcae;border:1px solid #b98238;border-radius:10px;padding:8px 14px;margin:-7px auto 16px;box-shadow:0 3px 7px rgba(45,25,12,.22);max-width:900px}.shelf-sign span{font:700 1.25rem Georgia,serif;color:#4b2a18}.shelf-sign small{font:italic .9rem Georgia,serif;color:#5e4a38}.book-row{display:flex;align-items:flex-end;justify-content:center;gap:22px;overflow-x:auto;padding:8px 8px 2px;scroll-snap-type:x proximity}.book{position:relative;display:flex;flex:0 0 190px;height:275px;align-items:stretch;justify-content:center;background:#fffaf1;border:1px solid #d8c7ae;border-radius:3px 8px 8px 3px;box-shadow:-7px 7px 0 #704225,0 9px 16px rgba(31,20,12,.28);overflow:hidden;text-decoration:none;color:var(--ink);scroll-snap-align:center;transition:transform .16s ease,box-shadow .16s ease}.book::before{content:"";position:absolute;left:0;top:0;bottom:0;width:9px;background:linear-gradient(90deg,rgba(75,42,24,.36),rgba(255,255,255,.3));z-index:2}.book:hover,.book:focus{transform:translateY(-7px) rotate(-.3deg);box-shadow:-7px 10px 0 #704225,0 18px 26px rgba(31,20,12,.33);outline:3px solid rgba(199,154,69,.45);outline-offset:3px}.book img,.book-art-wrap img{width:100%;height:100%;object-fit:contain;object-position:top;background:#f8f1e5}.book-art-wrap{width:100%;height:100%;overflow:hidden}.book-bird .book-art-wrap img{object-fit:cover;object-position:center}.book-title{position:absolute;left:10px;right:8px;bottom:0;z-index:3;padding:10px 8px 11px;background:linear-gradient(180deg,rgba(8,45,80,.12),rgba(8,45,80,.96) 35%);color:#fff;text-align:center;font:700 .92rem/1.2 Georgia,serif;text-shadow:0 1px 2px rgba(0,0,0,.45)}.wood-shelf{height:20px;margin:0 -18px;background:linear-gradient(#a66a38,#6f3d20 48%,#4a2818);border-top:2px solid #cf9655;border-radius:3px;box-shadow:0 9px 12px rgba(36,19,10,.34)}.library-note{margin:28px auto 100px;max-width:900px;padding:17px 20px;border-left:4px solid var(--gold);background:#fffaf3;border-radius:10px}.library-note p{margin:.45rem 0 0;line-height:1.55}
/* Permanently suppress install prompt; installation can be offered only from the access/start experience later. */
.install-app-card,#installAppButton,.install-help{display:none!important}
/* Game is a first-class destination */
.memory-game-view{max-width:1180px}
@media(max-width:760px){.book-shelf{padding:14px 12px 0}.shelf-sign{margin:-4px 0 12px}.book-row{justify-content:flex-start;gap:17px;padding-left:10px}.book{flex-basis:165px;height:240px}.book-title{font-size:.82rem}.bottom-nav button{min-width:64px}}


/* v11.2 — returning-user recovery after cookie/site-data cleanup */
.returning-access{margin-top:22px;padding-top:4px;text-align:center}
.returning-divider{display:flex;align-items:center;gap:12px;margin:18px 0 14px;color:var(--muted);font:700 .78rem Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.returning-divider::before,.returning-divider::after{content:"";height:1px;background:var(--line);flex:1}
.returning-access h3{margin:.25rem 0 .5rem;font-size:1.18rem}
.returning-access>p:not(.access-small){margin:.35rem auto 13px;max-width:620px;line-height:1.55}
.returning-open{border:2px solid var(--brown)!important;background:#fffaf3!important;color:var(--brown)!important;font-weight:800!important}
.returning-open:hover,.returning-open:focus{background:var(--brown)!important;color:#fff!important}
.returning-note{max-width:650px;margin:10px auto 0!important}


/* =========================================================
   Version 12.0 — Expanded Audience-Aware Offline Beta
   Visual direction: warm cream / brown / gold / olive / blue,
   senior-friendly controls, app-like home screen.
   ========================================================= */
:root{
  --v12-brown:#542b13;
  --v12-deep:#35180a;
  --v12-gold:#d6a62d;
  --v12-gold-soft:#f5d77b;
  --v12-olive:#455520;
  --v12-blue:#16556c;
  --v12-cream:#fff8ec;
  --v12-paper:#fffdf8;
  --v12-ink:#2c211a;
}
body{background:linear-gradient(180deg,#fffaf1 0%,#f8efe2 100%);padding-bottom:94px}
main{max-width:1180px;padding:20px 18px}
.v12-header{
  min-height:68px;
  padding:9px clamp(14px,3vw,34px);
  background:linear-gradient(90deg,#3b1b0c,#5b2d13 56%,#304117);
  border-bottom:2px solid var(--v12-gold);
  box-shadow:0 4px 18px rgba(41,22,11,.17)
}
#homeLogo{display:grid;grid-template-columns:34px auto;grid-template-rows:auto auto;column-gap:7px;align-items:center}
#homeLogo .sun-mark{grid-row:1/3;font-size:1.75rem;color:#ffca35;line-height:1;text-shadow:0 1px 0 rgba(0,0,0,.18)}
#homeLogo .small{font-size:.75rem;color:#f5d98f}
#homeLogo>span:last-child{font-size:1.05rem}
.header-actions{display:flex;align-items:center;gap:10px}
.header-link{border:0;background:transparent;color:#fff;font:700 .82rem Arial,sans-serif;cursor:pointer;padding:8px 9px;border-radius:8px}
.header-link:hover,.header-link:focus{background:rgba(255,255,255,.12);outline:2px solid rgba(255,215,104,.45)}
.language-bar{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:12px}
.language-label{font:700 .75rem Arial,sans-serif;color:#765e46}
.language-toggle{display:inline-flex;background:#f1e6d5;border:1px solid #d7c3a4;border-radius:999px;padding:3px}
.language-toggle.compact{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.22)}
.lang-choice{border:0;background:transparent;color:#55361f;min-height:34px;padding:5px 10px;border-radius:999px;font:800 .75rem Arial,sans-serif;cursor:pointer}
.language-toggle.compact .lang-choice{color:#fff}
.lang-choice.active{background:var(--v12-gold);color:#2e1b0d;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.access-language-bar{margin-bottom:8px}

.v12-home{max-width:980px;margin:0 auto;text-align:center}
.v12-hero{
  margin:0 auto 18px;
  padding:30px clamp(18px,4vw,44px);
  border-radius:28px;
  background:
    radial-gradient(circle at 82% 16%,rgba(255,201,56,.30),transparent 26%),
    linear-gradient(135deg,#fffdf8 0%,#f6ead7 58%,#efe0c2 100%);
  border:1px solid #e4d3b7;
  box-shadow:0 16px 42px rgba(71,37,15,.10);
  position:relative;
  overflow:hidden
}
.v12-hero:after{
  content:"";
  position:absolute;right:-55px;bottom:-75px;width:220px;height:220px;border-radius:50%;
  background:radial-gradient(circle,#f3be3b 0 18%,rgba(243,190,59,.15) 19% 48%,transparent 49%);
  opacity:.55;pointer-events:none
}
.v12-brandmark{font-size:3.25rem;color:#e8ac18;line-height:1;margin-bottom:2px}
.v12-hero .eyebrow{color:#8a5a23;letter-spacing:.14em}
.v12-hero h1{font-size:clamp(2.45rem,7vw,4.9rem);margin:.13em 0 .08em;letter-spacing:-.025em;color:#4a260f}
.v12-hero .lead{font-size:clamp(1.1rem,2.4vw,1.45rem);margin:.2em auto .35em;color:#6a4327}
.home-philosophy{font:italic clamp(1.05rem,2vw,1.3rem)/1.45 Georgia,serif;margin:.45em auto 0;color:#4d3525}
.home-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:18px 0}
.home-action{
  width:100%;min-height:92px;border:1px solid rgba(65,34,14,.22);border-radius:18px;
  padding:15px 17px;display:grid;grid-template-columns:46px 1fr 24px;gap:12px;align-items:center;
  text-align:left;color:#fff;cursor:pointer;box-shadow:0 8px 22px rgba(50,27,14,.13);
  transition:transform .15s ease,box-shadow .15s ease
}
.home-action:hover,.home-action:focus{transform:translateY(-2px);box-shadow:0 12px 26px rgba(50,27,14,.18);outline:3px solid rgba(215,168,49,.34);outline-offset:2px}
.home-action.start{background:linear-gradient(135deg,#5b2b10,#7c421b)}
.home-action.stories{background:linear-gradient(135deg,#40511d,#5a6b2d)}
.home-action.library{background:linear-gradient(135deg,#a66c00,#c9940c)}
.home-action.share{background:linear-gradient(135deg,#12485f,#1a667e)}
.home-action-icon{font-size:2rem;text-align:center;filter:grayscale(1) brightness(0) invert(1);opacity:.97}
.home-action strong{display:block;font:700 1.25rem Georgia,serif;color:#fff}
.home-action small{display:block;margin-top:3px;font:400 .82rem/1.3 Arial,sans-serif;color:rgba(255,255,255,.88)}
.home-arrow{font-size:2.1rem;line-height:1;text-align:right;color:#ffe6a2}
.offline-card{
  display:grid;grid-template-columns:58px 1fr auto;gap:16px;align-items:center;text-align:left;
  margin:20px 0;padding:18px 20px;border-radius:18px;border:1px solid #d8c49d;
  background:#fff9ec;box-shadow:0 8px 22px rgba(63,39,22,.07)
}
.offline-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#46591f;color:#fff;font-size:1.7rem}
.offline-copy strong{font-size:1.05rem;color:#4a2d1d}
.offline-copy p{margin:.35rem 0 .3rem;line-height:1.45;color:#5d5046}
.offline-status{font:700 .78rem/1.35 Arial,sans-serif;color:#4d6b35}
.offline-card .primary{white-space:nowrap}
.home-secondary-links{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:16px 0}
.text-action{border:1px solid #d7c7ad;background:#fffdf8;color:#5b351f;border-radius:999px;padding:9px 13px;min-height:42px;font:700 .82rem Arial,sans-serif;cursor:pointer}
.text-action:hover,.text-action:focus{border-color:#b88732;outline:2px solid rgba(184,135,50,.25)}
.home-method{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;margin:20px 0 5px;font:italic 1.25rem Georgia,serif;color:#4b2a18}
.home-method strong,.home-method span{padding:3px 2px}
.home-site{font:700 .82rem Arial,sans-serif;color:#806d5d;margin-bottom:14px}

/* Access additions */
#organizationRow[hidden],#returningUserPanel[hidden]{display:none!important}
.returning-user-panel{max-width:520px;margin:14px auto 0;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fffaf2;text-align:left}
.returning-user-panel label{display:block;font:700 .87rem Arial,sans-serif;color:var(--brown);margin-bottom:6px}
.returning-user-panel input{width:100%;min-height:48px;border:1px solid #baa991;border-radius:10px;padding:10px 12px;font:1rem Arial,sans-serif}
#organizationRequiredMark::after{content:"";}

/* French beta notice */
.french-beta-notice{
  position:fixed;inset:0;z-index:1000;background:rgba(44,26,14,.78);
  display:grid;place-items:center;padding:18px;overflow:auto
}
.french-beta-notice[hidden]{display:none!important}
.french-notice-card{
  width:min(760px,100%);background:#fffaf0;border:1px solid #d9c39c;border-radius:24px;
  padding:clamp(22px,4vw,40px);box-shadow:0 24px 70px rgba(0,0,0,.33);text-align:left
}
.french-kicker{font:800 .75rem Arial,sans-serif;letter-spacing:.14em;color:#a17020}
.french-notice-card h1{font-size:clamp(2rem,5vw,3.3rem);margin:.25em 0;color:#4b2812}
.french-notice-card p{font-size:1.08rem;line-height:1.65}

/* Memory Box */
.memory-box{border-left-color:#ba2323!important;background:linear-gradient(180deg,#fffdf8,#fff9ed)}
.memory-box-heading{display:flex;gap:14px;align-items:center;margin-bottom:12px}
.memory-box-heading img{width:105px;height:78px;object-fit:cover;border-radius:10px;border:1px solid #d3b99d;box-shadow:0 4px 10px rgba(75,42,24,.12)}
.memory-box-heading h3{margin:.15rem 0 0!important;font-size:1.5rem}
.memory-box-kicker{font:800 .72rem Arial,sans-serif;letter-spacing:.13em;color:#a65b33}

/* Share */
.share-view{max-width:1050px;margin:0 auto}
.share-app-graphic{margin:18px auto 24px;max-width:920px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:10px;box-shadow:0 12px 30px rgba(65,38,20,.10)}
.share-app-graphic img{display:block;width:100%;height:auto;border-radius:13px}
.share-app-graphic figcaption{text-align:center;padding:9px 4px 2px;font:italic .9rem Georgia,serif;color:#6e5e50}
.share-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start}
.share-card:nth-child(3){grid-column:1/-1;max-width:720px;width:100%;justify-self:center}
.share-copy{max-height:none!important}
.share-copy p{line-height:1.55}

/* Contact */
.contact-view{max-width:850px;margin:0 auto}
.contact-heading{text-align:center;padding:10px 0 6px}
.contact-form{background:#fffdf8;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 10px 28px rgba(70,42,24,.08)}
.contact-form textarea{font-family:Arial,sans-serif}
.contact-status{min-height:1.35em;margin:8px 0;font:700 .86rem Arial,sans-serif;color:#426334}
.contact-status.error{color:#9f2f24}
.contact-offline-note{text-align:center;font-size:.85rem;color:#756a61}
.contact-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}

/* Media shelf */
.media-shelf .shelf-sign{background:#e8eff1!important;border-color:#7797a3!important}
.media-shelf .shelf-sign span{color:#174b5d!important}
.media-shelf .book-title{background:linear-gradient(180deg,rgba(11,60,78,.08),rgba(11,60,78,.96) 34%)!important}

/* Bottom navigation: deliberate six-item primary bar */
.v12-bottom-nav{overflow-x:auto;justify-content:center;gap:2px}
.v12-bottom-nav button{flex:0 1 105px;min-width:72px}
.v12-bottom-nav .nav-icon{display:block;font-size:1.1rem;line-height:1.1;margin-bottom:2px}

/* Offline / connectivity cues */
html.omaat-offline .offline-status{color:#7b5323}
html.omaat-offline .contact-offline-note{font-weight:700;color:#8b5a1f}

/* Accessibility */
button,input,select,textarea{font-size:max(16px,1em)}
@media(min-width:900px){
  .home-action-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .home-action{grid-template-columns:42px 1fr 20px;min-height:124px}
  .home-action strong{font-size:1.16rem}
}
@media(max-width:760px){
  .v12-header{min-height:62px}
  .volume{display:none}
  .header-link{display:none}
  .home-action-grid{grid-template-columns:1fr}
  .home-action{min-height:82px}
  .offline-card{grid-template-columns:48px 1fr}
  .offline-card .primary{grid-column:1/-1;width:100%}
  .share-grid{grid-template-columns:1fr!important}
  .share-card:nth-child(3){grid-column:auto}
  .memory-box-heading img{width:92px;height:70px}
}
@media(max-width:560px){
  main{padding:14px 11px}
  .v12-hero{padding:24px 16px;border-radius:20px}
  .v12-brandmark{font-size:2.7rem}
  .v12-hero h1{font-size:2.45rem}
  .home-action{padding:13px 14px;grid-template-columns:42px 1fr 20px}
  .home-action-icon{font-size:1.65rem}
  .home-action strong{font-size:1.12rem}
  .offline-card{padding:15px 14px}
  .v12-bottom-nav{justify-content:space-between;overflow-x:hidden}
  .v12-bottom-nav button{flex:1 1 0;min-width:0;padding:5px 3px;font-size:.67rem}
  .french-notice-card{padding:22px 18px}
  .language-label{display:none}
}


/* v12.3 — returning users first after browser/cache cleanup */
.returning-access-priority{margin:0 0 20px;padding:19px 18px 17px;border:2px solid #c79a45;border-radius:14px;background:linear-gradient(180deg,#fffaf0,#fffdf9);text-align:left}
.returning-kicker{display:block;font:800 .72rem Arial,sans-serif;letter-spacing:.11em;color:#8a652c;margin-bottom:5px}
.returning-access-priority h2{margin:.12em 0 .45em;color:var(--brown)}
.returning-access-priority>p{margin:.45em 0 11px;line-height:1.55}
.returning-important{color:#4a2d1d}
.new-user-divider{margin:21px 0 17px}
.new-user-registration[hidden]{display:none!important}
.returning-access-priority .returning-user-panel{max-width:none;margin:12px 0 0}
.returning-access-priority .returning-note{text-align:left}
.copyright-mark{font-size:.38em;vertical-align:super;line-height:0;margin-left:.04em;font-weight:700}
@media(max-width:620px){.returning-access-priority{padding:16px 14px}.returning-access-priority h2{font-size:1.42rem}}