:root{--paper:#f8f3e9;--card:#fffdf8;--ink:#203a31;--muted:#708079;--green:#276451;--green2:#4b9077;--mint:#dcebe2;--orange:#f18b52;--peach:#f7d7bf;--yellow:#f5d77f;--line:rgba(32,58,49,.09);--shadow:0 20px 55px rgba(49,73,63,.1);--safe-top:max(18px,env(safe-area-inset-top));--safe-bottom:max(12px,env(safe-area-inset-bottom))}*{box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Rounded","PingFang SC",sans-serif;color:var(--ink);background:var(--paper)}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 95% 0,#fff6cf 0,transparent 27%),var(--paper)}button,input,select{font:inherit}button{color:inherit;cursor:pointer}.app-shell{min-height:100vh}.app-header{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;padding:var(--safe-top) max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left));background:linear-gradient(var(--paper) 72%,rgba(248,243,233,0));pointer-events:none}.app-header button{pointer-events:auto}.brand{display:flex;align-items:center;gap:10px;border:0;background:none}.brand span{width:42px;height:42px;display:grid;place-items:center;border-radius:15px;color:#fff;background:var(--green);font-size:20px;font-weight:900}.brand b{font-size:15px}.parent-entry{display:flex;align-items:center;gap:8px;border:0;background:none;color:var(--muted);font-size:12px;font-weight:800}.parent-entry i{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--orange);font-size:16px;font-style:normal;box-shadow:0 8px 24px rgba(241,139,82,.25)}body>div>main{padding:12px max(18px,env(safe-area-inset-right)) calc(104px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.view{display:none;max-width:1180px;margin:0 auto}.view.active{display:block;animation:enter .28s ease}@keyframes enter{from{opacity:0;transform:translateY(5px)}}.hello,.page-heading{margin:10px 0 24px}.hello p,.page-heading p,.panel p,.photo-shell>p{margin:0 0 6px;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.15em}.hello h1,.page-heading h1{margin:0;font-size:clamp(30px,5vw,52px);letter-spacing:-.055em}.hello>span,.page-heading>div>span{display:block;margin-top:8px;color:var(--muted)}.daily-card{position:relative;min-height:440px;overflow:hidden;border-radius:34px;color:#fff;background:linear-gradient(145deg,#275e4d,#3e826a);box-shadow:var(--shadow)}.daily-copy{position:relative;z-index:2;padding:34px 28px}.pill{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.14);font-size:11px;font-weight:900}.daily-card h2{max-width:420px;margin:20px 0 8px;font-size:clamp(34px,6vw,58px);line-height:1.02;letter-spacing:-.05em}.daily-card p{max-width:450px;color:rgba(255,255,255,.76);line-height:1.65}.daily-dots{display:flex;gap:8px;margin:22px 0}.daily-dots i{width:12px;height:12px;border:2px solid rgba(255,255,255,.8);border-radius:50%}.daily-dots i.done{background:#fff}.hero-button{min-height:58px;padding:0 22px;border:0;border-radius:18px;color:var(--green);background:#fff5d7;font-size:15px;font-weight:900;box-shadow:0 12px 30px rgba(18,52,42,.14)}.hero-button b{margin-left:28px;font-size:20px}.daily-art{position:absolute;right:-35px;bottom:-45px;width:300px;height:300px;border-radius:50%;background:#eaa06e}.daily-art i{position:absolute;width:104px;height:104px;right:65px;top:-34px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 18px rgba(245,215,127,.12)}.daily-art span{position:absolute;right:92px;top:15px;color:var(--green);font-size:52px}.daily-art b{position:absolute;left:58px;bottom:65px;font-size:92px}.today-grid{display:grid;gap:14px;margin-top:16px}.mini-card{min-height:150px;padding:22px;border:1px solid var(--line);border-radius:25px;text-align:left;background:var(--card);box-shadow:0 10px 30px rgba(49,73,63,.06)}button.mini-card{width:100%}.mini-card>span{display:block;margin-bottom:13px;color:var(--muted);font-size:11px;font-weight:850}.mini-card strong{display:block;font-size:20px}.mini-card small{display:block;margin-top:8px;color:var(--muted)}.progress-mini div{height:9px;margin-top:20px;overflow:hidden;border-radius:99px;background:var(--mint)}.progress-mini i{display:block;width:0;height:100%;border-radius:99px;background:var(--orange);transition:.3s}.raz-mini{border:0;background:#d9e9e5}.parent-tip{background:#f8e2d1}.book-tools,.library-tools{display:grid;gap:10px;margin-bottom:18px}.segmented{display:grid;grid-template-columns:repeat(2,1fr);padding:5px;border-radius:17px;background:#eee6d8}.segmented button{min-height:44px;border:0;border-radius:13px;background:transparent;font-weight:900}.segmented button.active{background:#fff;box-shadow:0 5px 14px rgba(49,73,63,.08)}.search{min-height:54px;display:flex;align-items:center;gap:10px;padding:0 16px;border:1px solid var(--line);border-radius:17px;background:var(--card)}.search input{width:100%;border:0;outline:0;background:transparent}.book-summary{display:flex;gap:10px;margin-bottom:15px;color:var(--muted);font-size:12px}.book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.book-card{min-height:175px;display:flex;flex-direction:column;justify-content:space-between;padding:19px;border:0;border-radius:23px;text-align:left;background:var(--card);box-shadow:0 10px 30px rgba(49,73,63,.07)}.book-card:nth-child(3n+1){background:#dfece2}.book-card:nth-child(3n+2){background:#f8dfcc}.book-card:nth-child(3n){background:#e2ecee}.book-card .book-no{color:var(--muted);font-size:11px;font-weight:900}.book-card h2{margin:14px 0;font-size:19px;line-height:1.15}.book-card footer{display:flex;align-items:center;justify-content:space-between}.book-card footer span{font-size:11px;font-weight:900}.book-card footer b{font-size:22px}.status-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:18px}.status-tabs button{min-height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:2px solid transparent;border-radius:22px;background:var(--card)}.status-tabs button.active{border-color:var(--green);background:var(--mint)}.status-tabs i{font-size:25px;font-style:normal}.status-tabs span{font-size:11px;font-weight:800}.status-tabs b{font-size:20px}.collection-card{width:min(100%,520px);margin:0 auto;padding:16px;border-radius:34px;background:var(--card);box-shadow:var(--shadow);text-align:center}.collection-card .collection-picture{width:100%;aspect-ratio:1;overflow:hidden;display:grid;place-items:center;border-radius:26px;background:#eee6d8;color:var(--muted);font-size:28px}.collection-picture img{width:100%;height:100%;object-fit:cover}.collection-card h2{margin:16px 0 2px;font-size:38px}.collection-card p{margin:0;color:var(--muted)}.collection-controls{display:grid;grid-template-columns:56px 1fr 56px;gap:10px;width:min(100%,520px);margin:14px auto}.collection-controls button{min-height:56px;border:0;border-radius:17px;background:var(--card);font-weight:900}.collection-controls #collection-speak{color:#fff;background:var(--green)}.parent-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.soft-button,.load-more{min-height:45px;padding:0 16px;border:0;border-radius:15px;background:var(--mint);font-weight:850}.parent-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}.parent-stat{padding:20px 15px;border-radius:22px;background:var(--card);box-shadow:0 8px 24px rgba(49,73,63,.06)}.parent-stat span{display:block;color:var(--muted);font-size:11px}.parent-stat strong{display:block;margin-top:5px;font-size:31px}.parent-grid{display:grid;gap:14px}.panel{padding:22px;border:1px solid var(--line);border-radius:25px;background:var(--card);box-shadow:0 10px 30px rgba(49,73,63,.06)}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-title h2,.sync-panel h2{margin:0;font-size:22px}.panel-title>span{color:var(--muted);font-size:11px}.report-list,.tomorrow-list{display:grid;gap:8px;margin-top:17px}.report-row{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 13px;border-radius:15px;background:var(--paper)}.report-row strong{font-size:14px}.report-row span,.report-row small{color:var(--muted);font-size:11px}.report-row small{grid-column:1/-1}.sync-panel label{display:block;margin:18px 0 7px;color:var(--muted);font-size:11px;font-weight:800}.sync-row{display:grid;grid-template-columns:1fr auto;gap:8px}.sync-row input,.sync-row button,.library-tools select{min-height:48px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:0 13px}.sync-row button{color:#fff;background:var(--green);font-weight:850}.sync-panel>small{display:block;margin-top:11px;color:var(--muted)}.library-panel{margin-top:14px}.library-tools{margin-top:18px}.library-list{display:grid;gap:9px}.library-row{display:grid;grid-template-columns:82px 1fr auto;align-items:center;gap:12px;padding:10px;border-radius:18px;background:var(--paper)}.library-photo{width:82px;aspect-ratio:1;overflow:hidden;display:grid;place-items:center;border:0;border-radius:14px;background:#fff;color:var(--muted)}.library-photo img{width:100%;height:100%;object-fit:cover}.library-word strong{display:block;font-size:18px}.library-word span{display:block;margin-top:3px;color:var(--muted);font-size:11px}.state-button{min-width:80px;min-height:43px;border:0;border-radius:13px;font-size:11px;font-weight:900}.state-button.learning{background:#e5edd5}.state-button.known{color:#fff;background:var(--green)}.state-button.unknown{background:#eee3d4}.load-more{display:block;margin:18px auto 0}.bottom-nav{position:fixed;z-index:25;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:var(--safe-bottom);display:grid;grid-template-columns:repeat(3,1fr);padding:7px;border:1px solid var(--line);border-radius:22px;background:rgba(255,253,248,.94);box-shadow:0 15px 40px rgba(49,73,63,.15);backdrop-filter:blur(18px)}.bottom-nav button{min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;border-radius:16px;background:transparent;color:var(--muted)}.bottom-nav button.active{color:var(--green);background:var(--mint)}.bottom-nav span{font-size:19px}.bottom-nav b{font-size:10px}dialog{border:0;padding:0;background:transparent}dialog::backdrop{background:rgba(25,43,36,.55);backdrop-filter:blur(5px)}.full-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0}.learning-shell,.raz-player-shell{width:100%;height:100%;overflow:hidden;background:var(--paper)}.learning-shell>header{height:72px;display:grid;grid-template-columns:52px 1fr 52px;align-items:center;gap:12px;padding:var(--safe-top) max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left))}.learning-shell>header button,.raz-player-shell header button{width:48px;height:48px;border:0;border-radius:50%;background:#eee6d8;font-size:28px}.learning-shell>header>div{height:8px;overflow:hidden;border-radius:99px;background:#e8dfd0}.learning-shell>header i{display:block;width:0;height:100%;background:var(--orange);transition:.3s}.learning-shell>header>b{text-align:right;color:var(--muted);font-size:12px}.learning-shell>main{height:calc(100dvh - 72px);padding:10px max(18px,env(safe-area-inset-right)) var(--safe-bottom) max(18px,env(safe-area-inset-left))}.learn-card{height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;text-align:center}.learn-picture-wrap{min-height:0;display:flex;align-items:center;justify-content:center}.learn-picture{position:relative;width:min(78vw,62dvh,570px);aspect-ratio:1;overflow:hidden;display:grid;place-items:center;border-radius:clamp(26px,5vw,48px);background:#fff;box-shadow:var(--shadow);font-size:44px}.learn-picture img{width:100%;height:100%;object-fit:cover}.reveal-cover{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:4px;background:#cfe7e5;transition:.35s}.reveal-cover button{border:0;border-radius:22px;background:radial-gradient(circle at 35% 30%,#fff 0 7%,#d9f1f0 10% 58%,#a9d4d0 76%);font-size:46px}.reveal-cover button.gone{opacity:0;transform:scale(.3);pointer-events:none}.learn-actions{padding:8px 0 calc(4px + var(--safe-bottom))}.learn-actions .phase{display:block;margin-bottom:4px;color:var(--orange);font-size:10px;font-weight:900;letter-spacing:.15em}.learn-actions h2{margin:3px 0;font-size:clamp(30px,5vw,48px)}.learn-actions>p{min-height:24px;margin:5px 0 11px;color:var(--muted);font-weight:750}.action-row{display:flex;align-items:center;justify-content:center;gap:10px}.round-action{min-height:64px;padding:0 22px;border:0;border-radius:999px;font-size:14px;font-weight:900}.listen-action{color:#fff;background:var(--green)}.mic-action{min-width:190px;color:#fff;background:var(--orange)}.mic-action.listening{animation:pulse .8s infinite}.next-action{min-width:220px;color:#fff;background:var(--green)}@keyframes pulse{50%{transform:scale(1.035);box-shadow:0 0 0 12px rgba(241,139,82,.13)}}.heard-text{min-height:23px;color:var(--green);font-size:14px;font-weight:900}.parent-pass{display:block;margin:7px auto 0;border:0;background:transparent;color:var(--muted);font-size:11px}.finish-card{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.finish-card>i{width:150px;height:150px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);font-size:72px;font-style:normal}.finish-card h2{margin:22px 0 7px;font-size:40px}.finish-card p{max-width:400px;color:var(--muted)}.raz-player-shell{display:flex;flex-direction:column}.raz-player-shell header{display:flex;align-items:center;gap:14px;padding:var(--safe-top) 18px 12px}.raz-player-shell header h2{margin:2px 0;font-size:22px}.raz-player-shell header small{color:var(--muted);font-weight:900}.raz-player-shell video{width:100%;max-height:65dvh;background:#101511}.raz-after{padding:18px;color:var(--muted);text-align:center}.photo-shell{position:relative;width:min(92vw,520px);padding:28px;border-radius:30px;background:var(--card);text-align:center}.dialog-close{position:absolute;right:16px;top:16px;width:44px;height:44px;border:0;border-radius:50%;font-size:25px}.photo-shell h2{font-size:30px}.photo-preview{width:min(70vw,320px);aspect-ratio:1;overflow:hidden;display:grid;place-items:center;margin:15px auto;border-radius:25px;background:var(--paper)}.photo-preview img{width:100%;height:100%;object-fit:cover}.photo-pick{display:inline-flex;align-items:center}.photo-pick input{display:none}.text-button{display:block;margin:15px auto 0;border:0;background:none;color:var(--muted)}.toast{position:fixed;z-index:90;left:50%;bottom:95px;max-width:85vw;transform:translate(-50%,15px);padding:12px 17px;border-radius:999px;color:#fff;background:var(--ink);opacity:0;pointer-events:none;transition:.25s;text-align:center;font-size:12px}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:700px){body>div>main{padding-left:32px;padding-right:32px}.app-header{padding-left:32px;padding-right:32px}.daily-card{min-height:480px}.daily-copy{padding:48px}.today-grid{grid-template-columns:repeat(3,1fr)}.book-tools{grid-template-columns:200px 1fr}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.parent-grid{grid-template-columns:repeat(2,1fr)}.library-tools{grid-template-columns:190px 150px 190px 1fr}.library-list{grid-template-columns:repeat(2,minmax(0,1fr))}.status-tabs{max-width:720px;margin-left:auto;margin-right:auto}}
@media(min-width:980px){.app-header,body>div>main{max-width:1240px;margin-left:auto;margin-right:auto}.daily-card{min-height:500px}.book-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bottom-nav{width:520px;left:50%;right:auto;transform:translateX(-50%)}}
@media(orientation:landscape) and (max-height:900px){.learning-shell>main{padding-top:6px}.learn-card{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);grid-template-rows:1fr;align-items:center;gap:24px}.learn-picture{width:min(56vw,calc(100dvh - 105px),590px)}.learn-actions{padding:10px 24px}.action-row{flex-direction:column}.round-action{width:min(100%,320px)}.raz-player-shell video{max-height:72dvh}.finish-card{grid-column:1/-1}}
@media(max-width:520px){.daily-card{min-height:430px}.daily-art{opacity:.55}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.book-card{min-height:155px}.parent-stats{grid-template-columns:repeat(3,1fr)}.parent-stat{padding:16px 10px}.parent-stat strong{font-size:25px}.library-row{grid-template-columns:68px 1fr auto}.library-photo{width:68px}.state-button{min-width:68px}.parent-heading{align-items:flex-start}.parent-heading .soft-button{font-size:11px}.action-row{gap:7px}.round-action{min-height:60px;padding:0 17px}.mic-action{min-width:170px}}
.raz-play-button{min-height:64px;padding:0 30px;border:0;border-radius:20px;color:#fff;background:var(--orange);font-size:18px;font-weight:900;box-shadow:0 12px 28px rgba(241,139,82,.25)}
.raz-after>p{margin:10px 0}
.raz-error{padding:8px}.raz-error b{display:block;color:var(--ink);font-size:20px}.raz-error p{margin:8px 0 14px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
[hidden]{display:none!important}