:root{color:#15231d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--green:#0f7661;--green-dark:#06483b;--green-soft:#e9f7f2;--gold:#d49a2a;--paper:#fffaf0;--cream:#fff8ed;--line:#d1e0d8;--muted:#607068;--danger:#9f1d1d;--shadow:0 18px 60px #15372a1a;background:#f7faf6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,select{min-height:42px}button{cursor:pointer}.app-shell{min-height:100vh;padding:82px 20px}.topbar{z-index:20;color:#fff;background:#06483bf7;align-items:center;gap:14px;height:72px;padding:12px 24px;display:flex;position:fixed;inset:0 0 auto;box-shadow:0 12px 30px #092a2124}.icon-button,.language-toggle button,.page-nav button,.primary-action,.secondary-action,.audio-card button,.story-list button,.toc-item{border:1px solid var(--line);color:#13251f;background:#fff;border-radius:10px}.icon-button{width:44px;height:44px;color:inherit;background:#ffffff14;border-color:#ffffff3d;place-items:center;display:grid}.brand{min-width:270px;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.brand strong,.brand small{display:block}.brand small{color:#ffffffbd}.brand-mark{width:44px;height:44px;color:var(--green);background:#fff;border-radius:8px;place-items:center;font-weight:900;display:grid}.language-toggle{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.language-toggle button{padding:0 14px;font-weight:800}.language-toggle .active{color:var(--green-dark);background:#e7fff5;border-color:#83d1bd}.reader-tools{gap:8px;margin-left:8px;display:flex}.icon-button.active{color:var(--green-dark);background:#e7fff5;border-color:#83d1bd}.reader-panel,.user-menu{z-index:28;border:1px solid var(--line);background:#fff;border-radius:16px;width:min(420px,100vw - 32px);padding:14px;position:fixed;top:80px;right:18px;box-shadow:0 22px 70px #0b2d232e}.reader-panel-title{color:#13251f;text-align:center;background:#f2f5f3;border-radius:16px 16px 0 0;margin:-14px -14px 12px;padding:12px 14px;font-weight:900}.user-menu{gap:6px;display:grid}.user-menu a,.user-menu button{color:#13251f;text-align:left;background:0 0;border:0;border-radius:10px;width:100%;min-height:42px;padding:10px 12px;font-weight:800;text-decoration:none;display:block}.user-menu a:hover,.user-menu button:hover{background:var(--green-soft);color:var(--green-dark)}.toc-panel{z-index:30;background:#fff;width:min(430px,94vw);padding:18px;position:fixed;inset:0 auto 0 0;overflow-y:auto;box-shadow:20px 0 54px #0b2d233d}.toc-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;margin:-18px -18px 18px;padding:18px;font-size:1.2rem;display:flex;position:sticky;top:0}.toc-header .icon-button{color:#13251f;background:#fff}.toc-item{text-align:left;align-items:center;gap:12px;width:100%;margin-bottom:10px;padding:13px;display:flex}.toc-item.active{background:var(--green-soft);border-color:var(--green);color:var(--green-dark);font-weight:800}.toc-item small{color:var(--muted);margin-top:2px;display:block}.reader-page{border:1px solid var(--line);max-width:1320px;min-height:calc(100svh - 178px);box-shadow:var(--shadow);background:#fff;border-radius:18px;margin:0 auto;padding:clamp(18px,2.4vw,32px)}.page-counter{display:none}.book-opening,.contents-layout,.story-cover-layout{grid-template-columns:minmax(280px,.92fr) minmax(320px,1fr);align-items:center;gap:clamp(22px,4vw,48px);display:grid}.optimized-picture{width:100%;min-width:0;display:block}.optimized-picture img{display:block}.book-opening .optimized-picture img,.contents-layout .optimized-picture img,.story-cover-layout .optimized-picture img,.scene-grid .optimized-picture img{object-fit:cover;border:1px solid #eadcc7;border-radius:18px;width:100%;box-shadow:0 20px 50px #61421e1f}.book-opening .optimized-picture img,.contents-layout .optimized-picture img,.story-cover-layout .optimized-picture img{aspect-ratio:1;max-height:calc(100svh - 230px)}.eyebrow{color:var(--green);text-transform:uppercase;margin:0 0 10px;font-weight:900}h1,h2{letter-spacing:0;margin:0 0 14px;line-height:1.04}h1{font-size:clamp(2.2rem,5vw,4.55rem)}h2{font-size:clamp(1.8rem,3.6vw,3.2rem)}p{line-height:1.6}.subtitle{color:var(--muted);font-size:clamp(1.05rem,2vw,1.35rem);font-weight:700}.publication-grid,.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0;display:grid}.publication-grid div,.stats-grid span,.review-note,.source-note{border:1px solid var(--line);background:#f3faf6;border-radius:12px;padding:12px 14px}.publication-grid dt{color:var(--green);text-transform:uppercase;font-size:.78rem;font-weight:900}.publication-grid dd{margin:4px 0 0}.stats-grid strong{font-size:1.8rem;display:block}.primary-action,.secondary-action{justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 18px;font-weight:900;display:inline-flex}.primary-action{background:var(--green);border-color:var(--green);color:#fff}.secondary-action{color:var(--green-dark);background:#fff}.story-list{gap:10px;display:grid}.story-list button{text-align:left;gap:3px;padding:14px 16px;display:grid}.story-list span{color:var(--green);text-transform:uppercase;font-size:.78rem;font-weight:900}.story-list strong{font-size:1.15rem}.story-list small{color:var(--muted)}.story-cover-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.scene-title{margin-bottom:18px}.scene-title h2{margin-bottom:4px;font-size:clamp(1.7rem,3.2vw,3rem)}.scene-title span{color:var(--muted);font-weight:800}.scene-grid{grid-template-columns:minmax(320px,.9fr) minmax(460px,1.1fr);align-items:start;gap:clamp(18px,3.2vw,34px);display:grid}.scene-grid .optimized-picture{position:sticky;top:92px}.scene-grid .optimized-picture img{aspect-ratio:1;max-height:calc(100svh - 210px)}.scene-text-panel{gap:16px;max-height:calc(100svh - 205px);padding-right:6px;display:grid;overflow:auto}.audio-card{border:1px solid var(--line);background:#fbfdfb;border-radius:14px;grid-template-columns:auto minmax(140px,.9fr) minmax(180px,1.1fr) minmax(170px,.9fr);align-items:center;gap:10px;padding:12px;display:grid}.audio-main{gap:8px;display:flex}.audio-card button,.audio-card label{align-items:center;gap:8px;display:inline-flex}.audio-card label{color:var(--muted);font-weight:800}.audio-card select,.audio-card input{min-width:0}.audio-card select{border:1px solid var(--line);background:#fff;border-radius:9px;width:100%;padding:0 10px}.audio-primary,.audio-stop{padding:0 14px;font-weight:900}.audio-primary{background:var(--green)!important;border-color:var(--green)!important;color:#fff!important}.audio-primary.warning{background:#bf6b32!important;border-color:#bf6b32!important}.audio-stop{color:var(--danger)!important;background:#fff6f6!important;border-color:#f0b8b8!important}.audio-notice{color:#805018;background:#fff8e8;border-radius:10px;grid-column:1/-1;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;font-weight:700;line-height:1.45;display:flex}.settings-card{gap:18px;display:grid}.settings-card strong{margin-bottom:8px;display:block}.segmented-control{border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.segmented-control button{background:#fff;border:0;border-radius:0;font-weight:900}.segmented-control button+button{border-left:1px solid var(--line)}.segmented-control .active{color:#fff;background:#13251f}.settings-card .segmented-control:last-child{grid-template-columns:repeat(2,1fr)}.sentence-list{gap:12px;display:grid}.sentence-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sentence-list.mode-fussep .sentence-row,.sentence-list.mode-french .sentence-row{grid-template-columns:1fr}.sentence-card{border:1px solid var(--line);background:#fbfdfb;border-radius:14px;padding:14px 16px}.sentence-card span{color:var(--green);font-size:.8rem;font-weight:900}.sentence-card p{margin:8px 0 0}.sentence-card.target{background:#f3faf6}.sentence-row.is-active .source{color:#7f2b15;background:#fff1e9;border-color:#d77745;font-weight:800}.sentence-row.is-active .target{color:var(--green-dark);background:#e8faf2;border-color:#7fcdb7;font-weight:800}.page-nav{z-index:18;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);background:#f8faf6e6;justify-content:center;align-items:center;gap:10px;padding:10px 20px;display:flex;position:fixed;inset:auto 0 0}.page-nav button{justify-content:center;align-items:center;gap:8px;min-width:118px;font-weight:900;display:inline-flex}.page-nav button:last-child{background:var(--green);color:#fff;border-color:var(--green)}.nav-progress{border:1px solid var(--line);min-width:86px;color:var(--muted);text-align:center;background:#fff;border-radius:999px;padding:10px 16px;font-weight:900}.font-large .sentence-card p,.font-large .story-cover-layout p,.font-large .book-opening p{font-size:1.12rem}.font-xlarge .sentence-card p,.font-xlarge .story-cover-layout p,.font-xlarge .book-opening p{font-size:1.25rem}.reader-font-serif .sentence-card p,.reader-font-serif .story-cover-layout p,.reader-font-serif .book-opening p{font-family:Georgia,Times New Roman,serif}.page-nav button:disabled{opacity:.42;cursor:not-allowed}@media (width<=980px){.audio-card{grid-template-columns:1fr 1fr}.audio-main{grid-column:1/-1}}@media (width<=820px){.app-shell{padding:126px 10px 82px}.topbar{flex-wrap:wrap;align-items:flex-start;gap:10px;height:auto;min-height:72px;padding:10px 12px}.brand{min-width:unset;flex:1}.brand small{display:none}.language-toggle{flex:100%;order:3;margin-left:0}.reader-tools{margin-left:auto}.reader-panel,.user-menu{top:118px;right:10px}.language-toggle button{flex:1;min-height:36px;padding:0 8px}.reader-page{border-radius:14px;min-height:calc(100svh - 214px);padding:14px}.book-opening,.contents-layout,.story-cover-layout,.scene-grid,.sentence-row,.publication-grid,.stats-grid{grid-template-columns:1fr}.scene-grid .optimized-picture,.scene-grid .optimized-picture img{max-height:none;position:static}.scene-text-panel{max-height:none;padding-right:0;overflow:visible}.audio-card{grid-template-columns:1fr}.audio-main{grid-template-columns:1fr 1fr;display:grid}.audio-main .audio-primary:only-child{grid-column:1/-1}h1{font-size:clamp(2rem,10vw,3rem)}h2{font-size:clamp(1.55rem,8vw,2.35rem)}.page-nav{grid-template-columns:1fr auto 1fr;padding:9px;display:grid}.page-nav button{min-width:0;min-height:40px}.nav-progress{min-width:64px;padding:9px 10px}}