@import "https://fonts.googleapis.com/css2?family=Fraunces:wght@600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#4b3728;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff6d2;font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif;font-weight:500;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,textarea,select{font:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #ffae0994}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}.library-app{--app-pad:clamp(14px, 2.2vw, 28px);--ink:#201611;--ink-soft:#5a4337;--sand:#f5eadb;--paper:#fff9efc7;--paper-strong:#fffcf7eb;--line:#5336251f;--amber:#d98b1d;--amber-deep:#8e4d08;--forest:#295951;--forest-soft:#2959511f;--rose:#b65f44;--shadow:0 30px 80px #361e1124;min-height:100svh;padding:var(--app-pad);color:var(--ink);background:radial-gradient(circle at 0 0,#f4cb6d61,#0000 28%),radial-gradient(circle at 100%,#75b9b138,#0000 26%),linear-gradient(#f2dfbf 0%,#f6ecdd 44%,#f9f4ee 100%);font-family:Manrope,Avenir Next,Trebuchet MS,sans-serif;position:relative;overflow:hidden}.library-app--experience{height:100svh;min-height:100svh}.library-app--loading{place-items:center;display:grid}.atmosphere{filter:blur(24px);opacity:.75;pointer-events:none;border-radius:999px;position:absolute}.atmosphere--amber{background:#eba33747;width:320px;height:320px;top:40px;left:-90px}.atmosphere--mint{background:#3a8b812e;width:360px;height:360px;bottom:30px;right:-100px}.selection-shell,.experience-shell{z-index:1;position:relative}.selection-shell{grid-template-rows:auto minmax(0,1fr);gap:18px;display:grid}.library-marquee,.reader-title h1,.state-card h1,.state-card h2{letter-spacing:-.04em;font-family:Fraunces,Georgia,serif}.library-marquee{max-width:760px;padding:10px 6px 0}.library-marquee .eyebrow{letter-spacing:.28em;margin-bottom:18px;font-size:clamp(1.02rem,1.9vw,1.38rem)}.library-marquee h1{margin:0;font-size:clamp(3.2rem,7vw,6.2rem);line-height:.9}.selection-hero{grid-template-columns:minmax(0,1.45fr) minmax(360px,520px);align-items:end;gap:20px;display:grid}.selection-copy h1{max-width:12ch;margin-bottom:14px;font-size:clamp(2.4rem,4.7vw,4.8rem);line-height:.98}.selection-text,.selection-note,.state-card p,.page-sheet-copy p,.page-sheet-copy small,.word-sheet-copy p,.word-sheet-copy small{color:var(--ink-soft);line-height:1.65}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--amber-deep);margin-bottom:12px;font-size:.8rem;font-weight:800}.eyebrow--small{margin-bottom:8px}.selection-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.meta-block,.state-card{border:1px solid var(--line);background:var(--paper);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow)}.meta-block{border-radius:26px;min-height:154px;padding:20px}.meta-block span,.meta-block small{color:var(--ink-soft);display:block}.meta-block strong{margin:14px 0 10px;font-size:clamp(2rem,3.5vw,2.85rem);line-height:1;display:block}.selection-toolbar{grid-template-columns:minmax(290px,420px) 1fr;align-items:start;gap:18px;display:grid}.search-panel{gap:10px;font-weight:700;display:grid}.search-panel span{color:var(--ink-soft)}.search-panel input{width:100%;color:var(--ink);background:#ffffffc7;border:1px solid #5336251f;border-radius:18px;padding:16px 18px}.level-strip{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.level-chip,.cover-book,.mode-pill,.ghost-button,.nav-button,.word-chip{cursor:pointer;font:inherit;border:0}.level-chip,.mode-pill,.word-chip{color:var(--ink);background:#ffffffc2;border-radius:999px;align-items:center;gap:8px;padding:11px 16px;font-weight:700;display:inline-flex}.level-chip span{color:var(--amber-deep)}.level-chip--active,.mode-pill--active,.nav-button--primary{color:#fffaf2;background:linear-gradient(135deg,#de9522 0%,#b8660d 100%)}.shelf-shell{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#fffaf2b3,#ffffff75);border:1px solid #53362514;border-radius:34px;padding:26px}.shelf-shell--library{padding-top:24px}.shelf-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}.shelf-heading h2{margin-bottom:0;font-size:clamp(1.5rem,2.4vw,2.2rem)}.shelf-heading--soft{justify-content:flex-start;margin-bottom:26px}.shelf-heading--soft h2{font-size:clamp(1.35rem,2vw,1.72rem)}.cover-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;display:grid}.cover-book{text-align:left;background:0 0;padding:0;transition:transform .22s}.cover-book:hover{transform:translateY(-6px)}.cover-book--selected .cover-book-art,.cover-book:hover .cover-book-art{box-shadow:0 26px 60px #3b23143d}.cover-book-art{aspect-ratio:.76;background:linear-gradient(#f8e9bf 0%,#fdf8ef 100%);border-radius:28px;transition:box-shadow .22s;position:relative;overflow:hidden;box-shadow:0 18px 45px #3b231424}.cover-book-art img,.page-sheet-art img,.word-sheet-art img{object-fit:cover;width:100%;height:100%}.cover-book-overlay{color:#fffaf3;letter-spacing:.04em;opacity:0;background:linear-gradient(#0000 0%,#180e0bc2 100%);padding:18px 16px;font-weight:800;transition:transform .22s,opacity .22s;position:absolute;inset:auto 0 0;transform:translateY(18px)}.cover-book:hover .cover-book-overlay,.cover-book--selected .cover-book-overlay{opacity:1;transform:translateY(0)}.cover-book-copy{padding:14px 6px 4px}.cover-book-copy strong,.page-sheet-copy h2,.word-sheet-copy h2{margin-bottom:8px;display:block}.cover-book-copy strong{font-size:1rem;line-height:1.35}.cover-book-copy span,.cover-book-copy small{color:var(--ink-soft);display:block}.cover-book-copy small{margin-top:8px}.experience-shell{gap:20px;display:grid}.library-app--experience .experience-shell{height:calc(100svh - (var(--app-pad) * 2));grid-template-rows:auto minmax(0,1fr)}.reader-topbar{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}.ghost-button{color:var(--ink);background:#ffffffb3;border-radius:999px;justify-self:start;padding:12px 18px;font-weight:700;box-shadow:0 10px 30px #472a1b14}.reader-title{text-align:center}.reader-title h1{margin-bottom:0;font-size:clamp(2rem,4vw,3.5rem);line-height:1}.mode-switch{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff8a;border-radius:999px;justify-self:end;gap:10px;padding:6px;display:inline-flex}.reader-stage,.word-stage{gap:20px;min-height:0;display:grid}.reader-stage{grid-template-rows:minmax(0,1fr) auto}.word-stage{grid-template-rows:minmax(0,1fr) auto auto}.reader-frame,.word-sheet,.state-card--reader{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(#fffaf2e6,#ffffffa3);border:1px solid #53362514;border-radius:38px}.reader-frame{align-items:stretch;min-height:0;padding:clamp(18px,3vw,34px);display:grid;position:relative;overflow:hidden}.page-sheet-stage{height:100%;min-height:100%;display:grid}.page-sheet{background:linear-gradient(#fffefbf5,#f5ede3f2);border-radius:28px;grid-template-columns:minmax(0,.92fr) minmax(320px,.72fr);align-items:stretch;gap:clamp(16px,2.4vw,28px);height:100%;min-height:0;display:grid;overflow:hidden;box-shadow:inset 18px 0 26px #603e2814,inset -1px 0 #76513a14,0 22px 60px #361e1114}.page-sheet-art{background:#f5ede2;min-height:0;display:flex}.page-sheet-art img{object-fit:contain;background:linear-gradient(#fff6de 0%,#fffdf9 100%)}.page-sheet-copy{flex-direction:column;justify-content:space-between;gap:16px;min-height:0;padding:clamp(22px,3vw,34px);display:flex}.page-sheet-kicker{color:var(--amber-deep);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;font-size:.86rem;font-weight:800;display:flex}.page-sheet-copy h2,.word-sheet-copy h2{margin-bottom:14px;font-size:clamp(2rem,3.8vw,3.6rem);line-height:1.02}.page-sheet-copy-body,.word-sheet-copy p,.page-sheet-copy-body p{min-height:0}.page-sheet-copy-body{flex:auto;align-items:center;display:flex}.page-sheet-copy-body p,.word-sheet-copy p{white-space:pre-line;margin:0;font-size:clamp(1rem,1.6vw,1.18rem)}.page-sheet-copy small,.word-sheet-copy small{font-size:.95rem;display:block}.page-sheet-copy--story .page-sheet-copy-body p{width:100%;max-width:18ch;font-size:clamp(1.32rem,2vw,1.86rem);line-height:1.62}.page-sheet-copy--cover .page-sheet-copy-body{align-items:flex-start}.book-edge-button{z-index:3;width:62px;height:62px;color:var(--amber-deep);cursor:pointer;font:inherit;background:#ffffffeb;border:0;border-radius:999px;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 18px 36px #361e1124}.book-edge-button span{font-size:2rem;line-height:1}.book-edge-button--left{left:18px}.book-edge-button--right{right:18px}.book-edge-button:disabled{opacity:.34;cursor:default}.reader-controls{grid-template-columns:auto minmax(180px,1fr) auto auto;align-items:center;gap:14px;display:grid}.reader-controls--listen{grid-template-columns:minmax(0,1fr) auto}.nav-button{min-height:54px;color:var(--ink);background:#ffffffc7;border-radius:18px;padding:14px 18px;font-weight:800;box-shadow:0 14px 30px #472a1b14}.nav-button--audio{color:var(--forest);background:#2959511a}.nav-button:disabled{cursor:default;opacity:.45}.reader-status{color:var(--ink-soft);gap:10px;padding:0 6px;font-weight:700;display:grid}.progress-track{background:#81604924;border-radius:999px;width:100%;height:8px;overflow:hidden}.progress-track-fill{border-radius:inherit;background:linear-gradient(135deg,#d79a35 0%,#ab6112 100%);height:100%}.word-sheet{grid-template-columns:minmax(300px,.9fr) minmax(280px,.7fr);gap:0;height:100%;min-height:0;display:grid;overflow:hidden}.word-sheet-art{background:linear-gradient(#fff1c8 0%,#fffcf5 100%);min-height:0}.word-sheet-art img{object-fit:contain;background:linear-gradient(#fff4d5 0%,#fffef9 100%)}.word-sheet-copy{flex-direction:column;justify-content:center;min-height:0;padding:clamp(24px,3vw,34px);display:flex}.word-rail{flex-wrap:wrap;gap:10px;padding-bottom:2px;display:flex;overflow:auto}.word-chip{background:#ffffffd1;box-shadow:0 10px 24px #472a1b0f}.word-chip--active{color:var(--forest);background:#29595121}.state-card{text-align:center;border-radius:30px;max-width:760px;padding:34px}.state-card--inline,.state-card--reader{max-width:none}.state-card--reader{padding:42px 34px}.state-card--error{background:#fff2eceb}.cover-book-fallback{width:100%;height:100%;color:var(--ink-soft);background:linear-gradient(#ead6b0 0%,#fbf1df 100%);place-items:center;font-weight:700;display:grid}@media (width<=920px){.selection-hero,.selection-toolbar,.page-sheet,.word-sheet,.reader-topbar,.selection-meta{grid-template-columns:1fr}.reader-title{text-align:left}.mode-switch,.ghost-button{justify-self:start}.book-edge-button{width:54px;height:54px}.book-edge-button--left{left:12px}.book-edge-button--right{right:12px}}@media (width<=820px){.library-app{--app-pad:18px}.shelf-shell,.reader-frame,.state-card--reader{padding:18px}.reader-controls{grid-template-columns:1fr 1fr}.reader-controls--listen{grid-template-columns:1fr}.reader-status{order:-1;grid-column:1/-1;padding:0}.cover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=920px){.library-app--experience{height:auto;min-height:100svh;overflow:auto}.library-app--experience .experience-shell{height:auto;min-height:calc(100svh - (var(--app-pad) * 2))}}@media (height<=900px){.reader-topbar{gap:12px}.reader-title h1{font-size:clamp(1.6rem,3vw,2.7rem)}.reader-frame,.word-sheet,.state-card--reader{border-radius:30px}.reader-frame,.word-sheet-copy,.page-sheet-copy{padding:18px}.page-sheet-copy h2,.word-sheet-copy h2{margin-bottom:8px;font-size:clamp(1.45rem,2.5vw,2.4rem)}.page-sheet-copy--story .page-sheet-copy-body p,.word-sheet-copy p{line-height:1.56}.reader-controls{gap:10px}.nav-button{min-height:48px;padding:12px 16px}}@media (width<=580px){.selection-copy h1,.reader-title h1{max-width:none}.cover-grid{grid-template-columns:1fr}.mode-switch{width:100%}.mode-pill{flex:1 1 0;justify-content:center}}