@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,700;9..144,800&display=swap";:root{color:#173b3f;font-synthesis:none;text-rendering:optimizelegibility;--ink:#173b3f;--muted:#657579;--paper:#fffdf7;--cream:#f8f4ea;--yellow:#f4b942;--coral:#e96245;--mint:#b9d9cc;--line:#173b3f24;--shadow:0 16px 45px #173b3f1a;background:#f8f4ea;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--cream);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Fraunces,Georgia,serif;line-height:1.03}h1{letter-spacing:-.045em;font-size:clamp(2.5rem,6vw,5.4rem)}h2{letter-spacing:-.025em;font-size:clamp(1.65rem,3vw,2.5rem)}em{color:var(--coral);font-style:normal}.app-shell{min-height:100vh}.app-header{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8f4eae6;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;padding:14px clamp(20px,5vw,72px);display:grid;position:sticky;top:0}.brand{align-items:center;gap:11px;width:max-content;display:inline-flex}.brand strong{font-family:Fraunces,serif;font-size:1.1rem;display:block}.brand small{color:var(--muted);font-size:.7rem}.brand-mark{aspect-ratio:1;color:#fff;background:var(--coral);width:42px;box-shadow:4px 4px 0 var(--ink);border-radius:13px 13px 13px 4px;place-items:center;font-weight:800;display:grid}.brand-mark-large{width:64px;margin-bottom:28px;font-size:1.25rem}.main-nav{border:1px solid var(--line);background:#ffffff80;border-radius:999px;gap:8px;padding:5px;display:flex}.main-nav a{color:var(--muted);border-radius:999px;padding:8px 18px;font-size:.9rem;font-weight:600}.main-nav a.router-link-active{color:var(--ink);background:#fff;box-shadow:0 3px 12px #173b3f14}.profile-menu{justify-self:end;align-items:center;gap:9px;display:flex}.avatar{aspect-ratio:1;background:var(--mint);border-radius:50%;place-items:center;width:34px;font-weight:800;display:grid}.profile-name{font-size:.88rem;font-weight:600}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:7px}.text-button:hover{color:var(--coral)}.text-button.danger{color:#a84332}.network-banner{color:#fff;background:var(--ink);justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.84rem;display:flex}.status-dot{background:var(--yellow);border-radius:50%;width:7px;height:7px}.page{width:min(1180px,100% - 40px);margin:0 auto;padding:48px 0 88px}.hero{background:var(--ink);color:#fff;min-height:440px;box-shadow:var(--shadow);border-radius:34px;grid-template-columns:1.1fr .9fr;align-items:center;padding:clamp(36px,7vw,84px);display:grid;position:relative;overflow:hidden}.hero:before{content:"";opacity:.14;background-image:radial-gradient(circle at 1px 1px,#fff 1px,#0000 0);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000);mask-image:linear-gradient(90deg,#000,#0000)}.hero>*{position:relative}.hero h1{margin-bottom:24px}.hero p:not(.eyebrow){color:#ffffffb8;max-width:570px;font-size:1.08rem;line-height:1.7}.eyebrow{color:var(--coral);letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;font-size:.72rem;font-weight:800}.hero .eyebrow{color:var(--yellow)}.hero-illustration{min-height:280px}.sun{aspect-ratio:1;background:var(--yellow);border-radius:50%;width:150px;position:absolute;top:0;right:12%;box-shadow:0 0 0 22px #f4b9421f}.hero-book{width:270px;height:185px;color:var(--ink);box-shadow:15px 16px 0 var(--coral);background:#fff8e8;border-radius:12px 50px 16px 16px;justify-content:space-around;padding:55px 24px 0;font-family:Fraunces;font-size:2.7rem;font-weight:800;display:flex;position:absolute;bottom:-12px;right:18%;transform:rotate(-4deg)}.speech{color:var(--ink);background:#fff;border-radius:18px 18px 4px;padding:14px 20px;font-weight:700;position:absolute;top:30px;left:0;transform:rotate(5deg)}.section-block,.content-section{padding-top:56px}.section-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px;display:flex}.section-heading h2{margin:0}.count-pill{background:var(--mint);border-radius:999px;padding:7px 12px;font-size:.78rem;font-weight:700}.book-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.book-card{border:1px solid var(--line);background:var(--paper);border-radius:24px;flex-direction:column;min-width:0;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 7px 22px #173b3f0d}.book-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.book-cover{background:#d7e7df;place-items:center;min-height:265px;padding:28px;display:grid;position:relative;overflow:hidden}.book-cover:after{content:"";border:28px solid #ffffff47;border-radius:50%;width:180px;height:180px;position:absolute}.book-cover img{z-index:1;object-fit:contain;border-radius:5px 12px 12px 5px;max-width:75%;max-height:220px;position:relative;box-shadow:10px 12px 25px #173b3f38}.cover-placeholder{z-index:1;aspect-ratio:.72;color:#fff;background:var(--coral);border-radius:5px 14px 14px 5px;place-items:center;width:145px;display:grid;position:relative;box-shadow:10px 12px 25px #173b3f38}.cover-placeholder span{font-family:Fraunces;font-size:4rem}.cover-placeholder small{letter-spacing:.18em}.level-badge{z-index:2;background:#fff;border-radius:999px;padding:6px 11px;font-size:.72rem;font-weight:800;position:absolute;top:18px;right:18px}.book-card-copy{flex-direction:column;flex:1;padding:24px;display:flex}.book-card-copy h2{margin-bottom:12px;font-size:1.6rem}.book-card-copy p{color:var(--muted);flex:1;line-height:1.55}.card-link{color:var(--coral);font-weight:700}.button{cursor:pointer;border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 18px;font-weight:700;transition:transform .15s,opacity .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-2px)}.button:disabled{cursor:not-allowed;opacity:.55}.button-primary{color:#fff;background:var(--coral);box-shadow:4px 5px 0 var(--ink)}.button-secondary{color:var(--ink);border-color:var(--line);background:#fff}.button-small{min-height:36px;padding:7px 12px;font-size:.82rem}.button-wide{width:100%}.muted{color:var(--muted)}.subtle-link,.back-link{color:var(--muted);font-weight:600}.subtle-link{text-align:center;font-size:.9rem}.back-link{margin-bottom:28px;display:inline-flex}.back-link:hover,.subtle-link:hover{color:var(--coral)}.auth-layout{grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.auth-story{color:#fff;background:var(--ink);flex-direction:column;justify-content:center;padding:clamp(48px,8vw,120px);display:flex;position:relative;overflow:hidden}.auth-story:after{content:"";border:70px solid var(--yellow);opacity:.9;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-200px;right:-170px}.auth-story>*{z-index:1;position:relative}.auth-story h1{max-width:760px;margin-bottom:26px}.auth-story>p:not(.eyebrow){color:#ffffffab;max-width:560px;font-size:1.1rem;line-height:1.65}.floating-word{z-index:0;color:var(--ink);background:var(--yellow);border-radius:9px;padding:9px 15px;font-family:Fraunces;position:absolute;transform:rotate(-7deg)}.word-one{top:12%;right:12%}.word-two{background:var(--mint);bottom:11%;right:27%;transform:rotate(8deg)}.story-card{background:#ffffff14;border:1px solid #ffffff24;border-radius:18px;align-items:center;gap:16px;width:max-content;max-width:100%;margin-top:36px;padding:16px 20px;display:flex}.story-card>span{font-size:1.7rem}.story-card strong,.story-card small{display:block}.story-card small{color:#ffffff9e;margin-top:3px}.auth-panel{place-items:center;padding:36px;display:grid}.auth-form{gap:22px;width:min(420px,100%);display:grid}.auth-form h1,.auth-form h2{margin-bottom:12px;font-size:clamp(2rem,4vw,3.2rem)}.auth-form label{gap:8px;font-size:.85rem;font-weight:700;display:grid}.auth-form input{border:1px solid var(--line);background:var(--paper);border-radius:12px;outline:none;width:100%;padding:14px 15px}.auth-form input:focus{border-color:var(--coral);box-shadow:0 0 0 4px #e962451f}.form-error,.inline-error{color:#8d2f22;background:#fde5df;border-radius:11px;margin:0;padding:12px 14px;font-size:.88rem}.success-message{color:var(--ink);background:#dceee6;border-radius:11px;margin:0;padding:12px 14px}.centered-page{place-items:center;min-height:100vh;padding:28px;display:grid}.standalone-card{border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);border-radius:24px;padding:clamp(28px,5vw,52px)}.detail-page{max-width:1050px}.detail-hero{background:#e6eee8;border-radius:28px;justify-content:space-between;align-items:center;gap:36px;padding:clamp(28px,5vw,54px);display:flex}.detail-title{flex:1}.detail-title h1{margin-bottom:18px;font-size:clamp(2.5rem,6vw,4.8rem)}.detail-title>p:last-child{max-width:650px;color:var(--muted);margin-bottom:0;line-height:1.65}.lesson-hero{justify-content:flex-start}.lesson-hero .download-control{margin-left:auto}.lesson-number{color:#fff;background:var(--coral);border-radius:13px 13px 13px 4px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-family:Fraunces;font-weight:800;display:grid}.lesson-number-large{width:88px;height:88px;box-shadow:7px 8px 0 var(--yellow);flex-basis:88px;font-size:2.4rem}.lesson-list{gap:10px;display:grid}.lesson-row{border:1px solid var(--line);background:var(--paper);border-radius:16px;align-items:center;gap:18px;padding:15px 18px;transition:border-color .15s,transform .15s;display:flex}.lesson-row:hover{border-color:var(--coral);transform:translate(4px)}.lesson-row>div:nth-child(2){flex:1}.lesson-row strong,.lesson-row small{display:block}.lesson-row small{color:var(--muted);margin-top:3px}.row-arrow{color:var(--coral);font-size:1.25rem}.offline-pill,.download-status{color:#215c49;background:#d9eee4;border-radius:999px;width:max-content;padding:7px 11px;font-size:.76rem;font-weight:700;display:inline-flex}.download-status.incomplete{color:#875d00;background:#fff0c8}.download-control{justify-items:end;gap:6px;display:grid}.download-control small{color:var(--muted)}.field-error{color:#a84332!important}.audio-library{grid-template-columns:minmax(300px,.85fr) minmax(280px,1.15fr);align-items:start;gap:16px;display:grid}.audio-player{color:#fff;background:linear-gradient(145deg,#173b3f,#24555a);border-radius:22px;gap:18px;padding:clamp(20px,3vw,28px);display:grid;position:sticky;top:90px;box-shadow:0 18px 42px #173b3f33}.audio-player audio{display:none}.audio-player-loading{color:#ffffffbf;align-items:center;min-height:180px;display:flex;position:static}.audio-now-playing{grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;display:grid}.audio-playing-number{width:48px;height:48px;color:var(--ink);background:var(--yellow);border-radius:14px;place-items:center;font-family:Fraunces;font-size:1.05rem;font-weight:800;display:grid}.audio-now-playing small,.audio-now-playing strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.audio-now-playing small{color:#ffffff94;text-transform:uppercase;letter-spacing:.09em;margin-bottom:4px;font-size:.68rem;font-weight:700}.audio-now-playing strong{font-size:1.02rem}.audio-offline-badge{color:var(--ink);background:var(--mint);border-radius:999px;padding:6px 8px;font-size:.65rem;font-weight:800}.audio-progress-row{color:#ffffffb8;font-variant-numeric:tabular-nums;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:9px;font-size:.7rem;display:grid}.audio-progress-row span:last-child{text-align:right}.audio-progress-row input{width:100%;height:5px;accent-color:var(--yellow);cursor:pointer;margin:0}.audio-controls{grid-template-columns:repeat(5,42px) minmax(94px,1fr);justify-content:center;align-items:center;gap:8px;display:grid}.audio-controls>button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;font-size:1.35rem;display:grid}.audio-controls>button span{font-size:.68rem;font-weight:800}.audio-controls>button:hover{background:#ffffff29}.audio-controls>button:disabled{opacity:.3;cursor:default}.audio-controls .audio-play-button{width:50px;height:50px;color:var(--ink);background:var(--yellow);border:0;margin:-4px;padding-left:3px;font-size:1rem}.audio-speed{color:#ffffff9e;grid-template-columns:1fr auto;align-items:center;gap:6px;margin-left:4px;font-size:.67rem;display:grid}.audio-speed select{color:#fff;background:#24555a;border:1px solid #ffffff2e;border-radius:9px;outline:none;min-width:66px;padding:7px 5px;font-weight:700}.audio-error{color:#ffd5ca;margin:-4px 0 0;font-size:.75rem}.audio-track-list{gap:8px;display:grid}.audio-track-row{width:100%;color:var(--ink);border:1px solid var(--line);background:var(--paper);text-align:left;cursor:pointer;border-radius:15px;grid-template-columns:42px minmax(0,1fr) 34px;align-items:center;gap:12px;padding:13px 14px;transition:border-color .15s,background .15s,transform .15s;display:grid}.audio-track-row:hover{border-color:#e962458c;transform:translate(3px)}.audio-track-row.is-active{border-color:var(--coral);background:#fff5ef;box-shadow:0 7px 18px #e9624514}.track-number{color:var(--coral);text-align:center;font-family:Fraunces;font-weight:800}.track-copy{min-width:0}.track-copy strong,.track-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.track-copy small{color:var(--muted);margin-top:3px}.track-action,.track-played,.track-cached{border-radius:50%;place-items:center;width:30px;height:30px;font-size:.72rem;font-weight:800;display:grid}.track-action{color:var(--coral);background:#fce6dc}.track-played{color:#215c49;background:#d9eee4}.track-cached{color:var(--ink);background:var(--mint)}.pdf-viewer{border:1px solid var(--line);background:#e8e4db;border-radius:18px;outline:none;min-height:180px;overflow:hidden}.pdf-viewer-continuous:not(:fullscreen){overflow:visible}.pdf-viewer-continuous:not(:fullscreen) .pdf-toolbar{border:1px solid var(--line);border-radius:18px 18px 0 0}.pdf-viewer-continuous:not(:fullscreen) .pdf-canvas-wrap{border:1px solid var(--line);background:#e8e4db;border-top:0;border-radius:0 0 18px 18px}.pdf-viewer:focus-visible{box-shadow:0 0 0 3px #e9624540}.pdf-toolbar{z-index:5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf7f5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;padding:10px 14px;display:flex;position:sticky;top:72px}.pdf-toolbar-group,.pdf-page-control{align-items:center;gap:9px;display:flex}.pdf-page-control label{color:var(--muted);font-size:.82rem}.pdf-page-control input{border:1px solid var(--line);width:58px;height:36px;color:var(--ink);text-align:center;background:#fff;border-radius:9px;padding:0 7px}.pdf-page-control span{color:var(--muted);white-space:nowrap;font-size:.86rem}.icon-button{border:1px solid var(--line);min-width:36px;height:36px;color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;place-items:center;padding:0 8px;display:grid}.icon-button:disabled{opacity:.35;cursor:default}.pdf-zoom-value{min-width:58px;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:6px 8px;font-weight:700}.pdf-navigation-button{border:1px solid var(--line);height:36px;color:var(--ink);cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:6px;padding:0 11px;font-size:.78rem;font-weight:750;display:inline-flex}.pdf-navigation-button[aria-expanded=true]{color:#fff;border-color:var(--ink);background:var(--ink)}.pdf-reader-body{grid-template-columns:minmax(0,1fr);align-items:start;min-width:0;display:grid}.pdf-reader-body.has-sidebar{grid-template-columns:224px minmax(0,1fr)}.pdf-canvas-wrap{overflow-anchor:none;touch-action:pan-y;overscroll-behavior:contain;min-height:180px;overflow:auto}.pdf-continuous-list{justify-items:center;gap:18px;width:max-content;min-width:100%;padding:18px;display:grid}.pdf-continuous-page{background:#f7f5ef;flex:none;scroll-margin-top:136px;transition:opacity .15s;position:relative;overflow:hidden;box-shadow:0 8px 25px #173b3f24}.pdf-continuous-page.is-rendering{opacity:.82}.pdf-continuous-page canvas{background:#fff;width:100%;height:100%;display:block}.pdf-page-badge{z-index:2;color:#fff;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#173b3fb8;border-radius:999px;min-width:28px;padding:5px 8px;font-size:.7rem;font-weight:800;position:absolute;bottom:10px;right:10px}.pdf-page-loader{place-items:center;display:grid;position:absolute;inset:0}.pdf-page-error{color:#8d2f22;text-align:center;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.pdf-reader-hint{color:var(--muted);text-align:center;background:#fffdf7c7;margin:0;padding:8px 14px;font-size:.72rem}.pdf-sidebar-backdrop{display:none}.pdf-sidebar{z-index:4;border-right:1px solid var(--line);background:#fffdf7;grid-template-rows:auto minmax(0,1fr);height:calc(100vh - 148px);min-height:320px;display:grid;position:sticky;top:129px;overflow:hidden;box-shadow:7px 0 20px #173b3f14}.pdf-sidebar-header{border-bottom:1px solid var(--line);align-items:center;gap:4px;padding:8px;display:flex}.pdf-sidebar-tabs{background:#ece9e1;border-radius:10px;flex:1;grid-template-columns:1fr 1fr;padding:3px;display:grid}.pdf-sidebar-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 5px;font-size:.69rem;font-weight:750}.pdf-sidebar-tabs button[aria-selected=true]{color:var(--ink);background:#fff;box-shadow:0 1px 5px #173b3f1f}.pdf-sidebar-close{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:1.25rem}.pdf-thumbnail-list{padding:12px 10px 24px;overflow-y:auto}.pdf-thumbnail{width:100%;color:var(--muted);cursor:pointer;background:0 0;border:2px solid #0000;border-radius:11px;justify-items:center;gap:5px;margin:0 0 12px;padding:8px;font-size:.72rem;font-weight:750;display:grid}.pdf-thumbnail:hover{background:#f3f0e8}.pdf-thumbnail.is-active{color:var(--ink);border-color:var(--coral);background:#fff3ed}.pdf-thumbnail-sheet{background:#fff;place-items:center;width:132px;display:grid;position:relative;overflow:hidden;box-shadow:0 3px 10px #173b3f26}.pdf-thumbnail-sheet canvas{width:100%;height:100%;display:block}.pdf-thumbnail-loader{place-items:center;display:grid;position:absolute;inset:0}.pdf-outline{padding:8px 7px 24px;overflow-y:auto}.pdf-outline>button{width:100%;padding:9px 8px 9px calc(9px + var(--outline-depth) * 12px);color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:8px;font-size:.76rem;line-height:1.3;display:flex}.pdf-outline>button:hover{background:#f3f0e8}.pdf-outline>button.is-active{color:var(--coral);background:#fff0e8;font-weight:750}.pdf-outline>button:disabled{color:var(--muted);cursor:default}.pdf-outline small{color:var(--muted);font-size:.67rem}.pdf-sidebar-status,.pdf-sidebar-empty{color:var(--muted);margin:12px 8px;font-size:.75rem;line-height:1.45}.pdf-sidebar-status{align-items:center;gap:8px;display:flex}.pdf-viewer:fullscreen{background:#d8d4cc;border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr) auto;width:100vw;height:100vh;display:grid}.pdf-viewer:fullscreen .pdf-toolbar{position:relative;top:0}:is(.pdf-viewer:fullscreen .pdf-reader-body,.pdf-viewer:fullscreen .pdf-canvas-wrap){height:100%;min-height:0}.pdf-viewer:fullscreen .pdf-sidebar{height:100%;min-height:0;position:relative;top:0}.pdf-viewer:fullscreen .pdf-continuous-page{scroll-margin-top:18px}.pdf-viewer .loading-state,.pdf-viewer .inline-error{margin:40px}.loading-state{min-height:180px;color:var(--muted);justify-content:center;align-items:center;gap:12px;display:flex}.loader{border:3px solid var(--mint);border-top-color:var(--coral);border-radius:50%;width:24px;height:24px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;background:#fff6;border:1px dashed #173b3f40;border-radius:24px;justify-items:center;min-height:320px;padding:55px 24px;display:grid}.empty-state h2{margin-bottom:10px}.empty-state p{max-width:530px;color:var(--muted);line-height:1.6}.empty-icon{margin-bottom:16px;font-size:3.2rem}.inline-notice{background:#fff0c8;border-radius:12px;padding:14px 16px}.offline-shelf{gap:12px;display:grid}.offline-book-link{border:1px solid var(--line);background:var(--paper);border-radius:15px;grid-template-columns:48px 1fr;align-items:center;padding:17px;display:grid}.offline-book-link>span{grid-row:span 2;font-size:2rem}.offline-book-link small{color:var(--muted)}.page-heading{margin-bottom:30px}.page-heading h1{margin-bottom:14px}.page-heading p{color:var(--muted)}.storage-card{background:var(--ink);color:#fff;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;padding:20px;display:flex}.storage-card>div{align-items:center;gap:14px;display:flex}.storage-card strong,.storage-card small{display:block}.storage-card small{color:#ffffffa6;margin-top:4px}.storage-icon{width:44px;height:44px;color:var(--ink);background:var(--yellow);border-radius:13px;place-items:center;font-size:1.35rem;font-weight:800;display:grid}.persistence-badge{background:#ffffff1f;border-radius:999px;padding:7px 11px;font-size:.75rem}.persistence-badge.active{color:var(--ink);background:var(--mint)}.download-list{gap:13px;display:grid}.download-card{border:1px solid var(--line);background:var(--paper);border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:22px;display:grid}.download-book-icon{background:#e6eee8;border-radius:18px;place-items:center;width:68px;height:68px;font-size:2rem;display:grid}.download-copy h2{margin:0 0 6px;font-size:1.4rem}.download-copy p{color:var(--muted);margin-bottom:10px}.download-actions{justify-items:center;gap:8px;display:grid}.update-toast{z-index:50;color:#fff;background:var(--ink);border-radius:16px;align-items:center;gap:16px;max-width:min(520px,100% - 44px);padding:16px;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 18px 50px #0000003d}.update-toast p{color:#ffffffa6;margin:4px 0 0;font-size:.8rem}.update-toast .icon-button{color:#fff;background:0 0;border-color:#fff3}.admin-page{max-width:980px}.admin-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.admin-heading h1{margin-bottom:12px}.admin-heading p{margin-bottom:0}.admin-badge{color:#215c49;background:#d9eee4;border-radius:999px;flex:none;padding:9px 13px;font-size:.76rem;font-weight:800}.admin-content-form{gap:20px;display:grid}.admin-form-card,.admin-publish-card{border:1px solid var(--line);background:var(--paper);border-radius:22px;padding:clamp(20px,4vw,32px);box-shadow:0 8px 25px #173b3f0d}.admin-card-heading,.admin-card-heading-copy{align-items:center;gap:14px;display:flex}.admin-card-heading{margin-bottom:24px}.admin-card-heading>span,.admin-card-heading-copy>span{color:#fff;background:var(--coral);border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-family:Fraunces;font-weight:800;display:grid}.admin-card-heading h2{margin:0 0 3px;font-size:1.45rem}.admin-card-heading p{color:var(--muted);margin:0;font-size:.82rem}.admin-fields{gap:17px;display:grid}.admin-fields.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-fields label{color:var(--ink);gap:7px;font-size:.8rem;font-weight:700;display:grid}.admin-fields input,.admin-fields textarea{border:1px solid var(--line);width:100%;color:var(--ink);resize:vertical;background:#fff;border-radius:11px;outline:none;padding:12px 13px}.admin-fields input:focus,.admin-fields textarea:focus{border-color:var(--coral);box-shadow:0 0 0 4px #e962451a}.wide-field{grid-column:1/-1}.admin-file-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.file-picker{cursor:pointer;background:#faf8f1;border:1px dashed #173b3f4d;border-radius:16px;align-content:center;min-height:145px;padding:22px;display:grid;position:relative}.file-picker:hover{border-color:var(--coral)}.file-picker strong,.file-picker span,.file-picker small{display:block}.file-picker span{color:var(--muted);margin:5px 0 14px;font-size:.78rem}.file-picker input{width:100%}.file-picker small{color:#215c49;text-overflow:ellipsis;white-space:nowrap;margin-top:10px;font-weight:700;overflow:hidden}.required-file{border-style:solid;border-color:#e9624559}.lessons-heading{justify-content:space-between}.admin-lessons{gap:14px;display:grid}.admin-lesson-card{border:1px solid var(--line);background:#faf8f1;border-radius:16px;padding:18px}.lesson-form-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.lesson-fields{grid-template-columns:1.4fr 1fr .55fr .65fr .65fr}.lesson-audio{grid-column:1/-1}.lesson-audio small{color:#215c49}.secondary-button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:11px;padding:10px 14px;font-weight:700}.secondary-button:hover{border-color:var(--coral)}.admin-publish-card{gap:10px;display:grid}.publish-toggle{cursor:pointer;align-items:center;gap:13px;display:flex}.publish-toggle input{width:20px;height:20px;accent-color:var(--coral)}.publish-toggle strong,.publish-toggle small{display:block}.publish-toggle small{color:var(--muted);margin-top:3px}.draft-note{color:#875d00;margin:0 0 0 33px;font-size:.8rem}.upload-progress{color:#fff;background:var(--ink);border-radius:15px;gap:8px;padding:17px;display:grid}.upload-progress>div{justify-content:space-between;gap:20px;display:flex}.upload-progress progress{width:100%;height:9px;accent-color:var(--yellow)}.upload-progress small{color:#ffffffa8}.admin-success{background:#dceee6;border-radius:15px;justify-content:space-between;align-items:center;gap:18px;padding:17px;display:flex}.admin-success a{color:#215c49;font-weight:800}.admin-submit{justify-self:end;min-width:240px}.admin-submit:disabled{opacity:.6;cursor:wait}@media (width<=900px){.app-header{grid-template-columns:1fr auto}.main-nav{z-index:40;box-shadow:var(--shadow);background:#fffdf7f0;justify-content:center;position:fixed;bottom:18px;left:18px;right:18px}.profile-name{display:none}.hero{grid-template-columns:1fr}.hero-illustration{display:none}.book-grid{grid-template-columns:repeat(2,1fr)}.auth-layout{grid-template-columns:1fr}.auth-story{min-height:420px;padding:60px 36px}.auth-panel{min-height:600px}.lesson-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-audio{grid-column:1/-1}.detail-hero{flex-direction:column;align-items:flex-start}.lesson-hero .download-control{margin-left:0}.download-control{justify-items:start}}@media (width<=720px){.audio-library{grid-template-columns:1fr}.audio-player{position:relative;top:auto}.pdf-reader-body.has-sidebar{grid-template-columns:minmax(0,1fr)}.pdf-sidebar-backdrop{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);touch-action:none;background:#0d22257a;border:0;padding:0;animation:.18s ease-out pdf-backdrop-in;display:block;position:fixed;inset:64px 0 0}.pdf-sidebar{z-index:61;overscroll-behavior:contain;border-right:0;border-radius:0 18px 0 0;width:min(88vw,330px);height:calc(100dvh - 64px);min-height:0;animation:.22s ease-out pdf-sidebar-in;position:fixed;top:64px;bottom:0;left:0;box-shadow:16px 0 45px #0d222547}.pdf-sidebar-header{padding:11px 10px}.pdf-sidebar-tabs button{padding:9px 7px;font-size:.75rem}.pdf-sidebar-close{width:38px;height:38px;font-size:1.5rem}.pdf-thumbnail-list,.pdf-outline{overscroll-behavior:contain}.pdf-viewer:fullscreen .pdf-sidebar-backdrop{inset:0}.pdf-viewer:fullscreen .pdf-sidebar{width:min(88vw,330px);height:100dvh;position:fixed;top:0}@keyframes pdf-sidebar-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pdf-backdrop-in{0%{opacity:0}to{opacity:1}}}@media (width<=620px){.page{width:min(100% - 28px,1180px);padding-top:26px;padding-bottom:110px}.app-header{padding:11px 16px}.brand small,.profile-menu .text-button{display:none}.hero{border-radius:24px;min-height:370px;padding:30px 24px}.hero h1{font-size:3rem}.book-grid{grid-template-columns:1fr}.book-card{flex-direction:row}.book-cover{flex:0 0 38%;min-height:235px;padding:18px}.cover-placeholder{width:105px}.book-cover img{max-width:90%}.book-card-copy{padding:20px}.book-card-copy p{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.auth-story{min-height:390px;padding:42px 24px}.auth-story h1{font-size:3rem}.story-card,.floating-word{display:none}.auth-panel{min-height:auto;padding:48px 24px 80px}.detail-hero{padding:26px 22px}.detail-title h1{font-size:2.65rem}.lesson-number-large{flex-basis:66px;width:66px;height:66px;font-size:1.8rem}.audio-controls{grid-template-columns:repeat(5,42px)}.audio-speed{grid-column:1/-1;grid-template-columns:auto 82px;justify-content:center;margin:5px 0 0}.audio-now-playing{grid-template-columns:44px minmax(0,1fr)}.audio-playing-number{width:44px;height:44px}.audio-offline-badge{grid-column:2;justify-self:start}.download-card{grid-template-columns:auto 1fr}.download-actions{grid-column:1/-1;grid-auto-flow:column;justify-content:end}.storage-card{flex-direction:column;align-items:flex-start}.pdf-toolbar{justify-content:center;top:64px}.pdf-toolbar-group{justify-content:center}.pdf-page-control label,.pdf-navigation-button span:last-child,.pdf-reader-hint{display:none}.update-toast{max-width:none;bottom:82px;left:12px;right:12px}.admin-heading,.lessons-heading,.admin-success{flex-direction:column;align-items:stretch}.admin-badge{align-self:flex-start}.admin-fields.two-columns,.admin-file-grid,.lesson-fields{grid-template-columns:1fr}.lesson-audio,.wide-field{grid-column:auto}.admin-submit{justify-self:stretch;width:100%}.main-nav a{padding-left:12px;padding-right:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}