:root{font-family:Inter,ui-rounded,SF Pro Rounded,Trebuchet MS,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#263238;background:#f5f7ed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,select,input{font:inherit}button{touch-action:manipulation}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:64px;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:10px;padding:8px max(14px,env(safe-area-inset-left)) 8px max(14px,env(safe-area-inset-right));background:#fffcf0eb;border-bottom:1px solid rgba(77,96,71,.16);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{justify-self:center;display:inline-flex;align-items:center;gap:9px;color:#2a4834;font-weight:800;font-size:1.02rem}.icon-button,.primary-button,.secondary-button,.speak-button{min-height:44px;border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.icon-button{width:44px;border-radius:999px;color:#2f4635;background:transparent}.icon-button:hover,.icon-button:focus-visible{background:#2f46351a}.primary-button,.secondary-button,.speak-button{border-radius:8px;padding:0 18px;font-weight:800}.primary-button{color:#fff;background:#2f6951;box-shadow:0 8px 18px #2f695138}.primary-button:hover,.primary-button:focus-visible{background:#245743}.secondary-button{color:#2e4d3a;background:#e5ead7}.secondary-button:hover,.secondary-button:focus-visible{background:#d9e0c7}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.48}.library-screen,.reader-screen,.completion-screen{width:min(100%,980px);margin:0 auto;padding:28px 18px max(28px,env(safe-area-inset-bottom))}.library-intro{margin:10px 0 22px}.eyebrow,.story-status{margin:0 0 6px;color:#6b5a2e;font-size:.78rem;line-height:1.3;font-weight:900;text-transform:uppercase}h1,h2,p{overflow-wrap:anywhere}h1{margin:0;color:#243c2f;font-size:clamp(2rem,7vw,3.35rem);line-height:1.05}h2{margin:0 0 8px;color:#243c2f;font-size:1.45rem;line-height:1.1}.story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px}.story-card{overflow:hidden;border:1px solid rgba(65,87,59,.14);border-radius:8px;background:#fffaf0;box-shadow:0 18px 42px #384a301f}.story-card-image{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;background:#dfe8cc}.story-card-body{padding:18px}.story-card-body>p:not(.story-status){margin:0 0 18px;color:#536350;line-height:1.45}.story-card-actions,.completion-actions{display:flex;flex-wrap:wrap;gap:10px}.reader-screen{flex:1;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px}.reader-heading{display:grid;gap:12px}.reader-heading h1{font-size:clamp(1.45rem,4vw,2.25rem)}.progress-track{height:10px;overflow:hidden;border-radius:999px;background:#dde6cb}.progress-track span{display:block;height:100%;border-radius:inherit;background:#d88044;transition:width .18s ease}.panel-stage{min-height:0;display:grid;grid-template-rows:minmax(240px,1fr) auto;overflow:hidden;border-radius:8px;background:#fff9ec;border:1px solid rgba(73,92,62,.14);box-shadow:0 18px 42px #384a301f}.image-frame{min-height:0;display:flex;align-items:center;justify-content:center;background:#dfe8cc}.image-frame img{width:100%;height:100%;max-height:min(58vh,620px);object-fit:cover;display:block}.reading-strip{padding:18px 18px 16px;background:#fffdf7;border-top:1px solid rgba(80,95,67,.14)}.sentence-line{min-height:76px;margin:0;color:#1f2f28;font-size:clamp(1.72rem,5.4vw,3rem);line-height:1.45;text-align:center;word-spacing:.1em}.word-wrap{display:inline-block;white-space:nowrap;margin-right:.22em}.word-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;margin:0;padding:0 .02em .08em;color:inherit;background:transparent;border-radius:7px;line-height:1.18;cursor:pointer;vertical-align:baseline}.word-button:hover,.word-button:focus-visible,.word-button.focused{outline:3px solid rgba(216,128,68,.28);background:#d8804414}.word-button.assisted{border-bottom:.08em solid rgba(47,105,81,.34)}.word-chunk{display:inline-block;padding:0 .015em}.word-chunk+.word-chunk{margin-left:.07em}.word-button.assisted .word-chunk:nth-child(1){color:#2f6951}.word-button.assisted .word-chunk:nth-child(2){color:#9b582f}.word-button.assisted .word-chunk:nth-child(3){color:#375d86}.word-button.assisted .word-chunk:nth-child(4){color:#7a4e88}.word-button.assisted .word-chunk:nth-child(n+5){color:#2f6951}.help-row{min-height:52px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:10px}.speak-button{color:#243c2f;background:#f2df8f}.sentence-speak{background:#d6e5bd}.reader-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.reader-controls .primary-button,.reader-controls .secondary-button{min-height:52px}.completion-screen{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.completion-screen img{width:min(100%,560px);aspect-ratio:16 / 10;object-fit:cover;border-radius:8px;border:1px solid rgba(65,87,59,.14);box-shadow:0 18px 42px #384a301f}.completion-screen h1{font-size:clamp(2rem,6vw,3rem)}.completion-screen p:not(.eyebrow){max-width:34rem;margin:0;color:#536350;font-size:1.16rem;line-height:1.45}.completion-actions{justify-content:center;margin-top:6px}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;justify-content:flex-end;background:#191f1947}.settings-panel{width:min(100%,390px);height:100%;padding:18px;overflow:auto;background:#fffaf0;box-shadow:-20px 0 48px #0000002e}.settings-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.settings-header h2{margin:0}.field{display:grid;gap:8px;margin:0 0 16px;color:#2a4834;font-weight:800}.field select,.field input[type=number]{width:100%;min-height:46px;border-radius:8px;border:1px solid rgba(62,78,53,.24);padding:0 12px;background:#fff;color:#263238}.field input[type=range]{width:100%;accent-color:#2f6951}.full-width{width:100%}@media(max-width:620px){.topbar{height:58px}.library-screen,.reader-screen,.completion-screen{padding:20px 12px max(18px,env(safe-area-inset-bottom))}.reader-screen{gap:10px}.panel-stage{grid-template-rows:minmax(220px,48vh) auto}.image-frame img{max-height:none}.reading-strip{padding:14px 12px 12px}.sentence-line{min-height:68px;line-height:1.55}.reader-controls{gap:10px}.primary-button,.secondary-button{padding:0 12px}}@media(min-width:760px){.reader-screen{min-height:calc(100vh - 64px)}}