@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--ink:#243331;--muted:#73817e;--sage:#28776d;--sage-dark:#195b52;--sea:#ebf4f1;--cream:#fcfbf7;--line:#e2e8e3;--white:#fff;--sand:#f3ede5;--orange:#d09867;--shadow:0 10px 40px rgba(43,68,57,.045)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--sage)}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{width:min(1170px,calc(100% - 50px));margin:auto}.site-header{position:relative;z-index:5;background:rgba(252,251,247,.96);border-bottom:1px solid var(--line)}.nav{height:86px;display:flex;justify-content:space-between;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:700;letter-spacing:-.05em;color:var(--ink)}.brand-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:var(--sage);color:#fff;font-size:25px;line-height:1}.nav-links{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:600;color:#4d5c57}.nav-links a:not(.btn):hover,.link-button:hover{color:var(--sage)}.inline{display:inline}.link-button{background:transparent;border:0;padding:0;font-size:13px;color:inherit}.nav-links .lang{color:var(--sage);font-weight:800;padding:5px 8px;border:1px solid var(--line);border-radius:6px}.main{min-height:70vh;padding-top:34px;padding-bottom:90px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:15px;border-radius:8px;padding:13px 23px;font-weight:700;font-size:13px;line-height:1.2;text-align:center;border:1px solid transparent;transition:transform .15s ease,background .15s ease}.btn:hover{transform:translateY(-1px)}.btn.primary{color:#fff;background:var(--sage);border-color:var(--sage)}.btn.primary:hover{background:var(--sage-dark);color:#fff}.btn.outline{border-color:#bfd5ce;background:#fff;color:var(--sage)}.btn.outline:hover{background:#f0f9f5}.btn.spotify{background:#1db954;color:#fff}.btn.small{padding:9px 13px;font-size:12px}.btn:disabled{cursor:default;opacity:.55;transform:none}.hero{min-height:575px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;padding:70px 25px 72px 0;gap:38px}.hero-main{max-width:645px}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:800;color:#7d8f84;display:inline-block}.eyebrow.accent{color:var(--sage)}h1,h2,h3,p{margin:0 0 .85em}h1,h2{font-family:'DM Serif Display',Georgia,serif;font-weight:400;line-height:1.1;letter-spacing:-.025em}h1{font-size:clamp(40px,5.3vw,67px)}h2{font-size:clamp(27px,3.1vw,37px)}h3{font-size:18px;font-weight:700;letter-spacing:-.03em;line-height:1.34}h1 em,h2 em{font-weight:400;color:var(--sage)}.hero h1{margin:22px 0}.lead{max-width:575px;color:#6f7e77;font-size:16px;line-height:1.85}.hero .buttons{margin-top:33px}.buttons{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.under-note{color:#7e8980;font-size:11px;font-weight:600;margin-top:25px}.hero-art{height:455px;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 50% 43%,#eff1e7 0,#f6f6ee 46%,rgba(246,246,238,0) 75%)}.sound-circle{height:410px;width:410px;border:1px solid #e0e9df;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#f9faf1 0 44%,#ebf0e5 45% 45.5%,transparent 46%),linear-gradient(125deg,transparent,#f3f5ee)}.sound-circle::before,.sound-circle::after{content:'';position:absolute;border-radius:50%;border:1px solid #dae7dc;inset:20px}.sound-circle::after{inset:43px}.book-visual{z-index:2;width:220px;height:301px;background:linear-gradient(135deg,#477d6b,#1c4f46);color:#fff;border-radius:4px 12px 12px 4px;box-shadow:14px 19px 28px #1f493246,-7px 3px #d6e8dd;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-8deg)}.book-visual>span{font-size:26px;position:absolute;top:32px;color:#e5d3a0}.book-visual>div{font-family:Georgia,serif;font-size:31px;text-align:center;line-height:1.13;letter-spacing:.05em}.book-visual em{color:#d3ba8a}.book-visual small{position:absolute;bottom:39px;letter-spacing:.25em;font-size:8px}.wave-bars{position:absolute;right:-12px;bottom:62px;display:flex;align-items:center;gap:4px;z-index:3}.wave-bars i{display:block;width:5px;background:#d49f6a;border-radius:5px}.floating-label{position:absolute;left:10px;bottom:32px;z-index:4;background:#fff;border:1px solid var(--line);box-shadow:0 10px 40px #164b3519;border-radius:8px;padding:13px 18px;color:var(--sage);font-weight:700;font-size:12px}.section{padding:55px 0 67px}.section-top,.panel-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-top h2{margin:8px 0 0}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step,.panel{background:#fff;border:1px solid var(--line);border-radius:11px;padding:27px;box-shadow:var(--shadow)}.step{min-height:210px}.step-number{display:inline-block;font-family:Georgia,serif;font-size:32px;color:#b0c9bd;margin-bottom:22px}.step p,.panel p{color:var(--muted)}.step h3{margin-bottom:10px}.step p{font-size:13px;line-height:1.7}.library-preview{padding-top:70px}.text-link,.back{font-size:13px;color:var(--sage);font-weight:700}.books-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.book-card{background:#fff;border-radius:10px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.book-card .cover{width:100%;aspect-ratio:3/4;object-fit:cover}.book-card .book-meta{padding:17px}.book-card h3{font-size:17px;margin:7px 0 3px}.book-card p{color:var(--muted);font-size:12px;margin:0}.fake-cover{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(155deg,#548373,#1b5049);color:#fff;border:6px solid #e0ebe5;padding:15px}.fake-cover span{font-size:33px;color:#e8d7af}.fake-cover strong{font-family:Georgia,serif;font-size:25px;font-weight:400;line-height:1.15;margin:23px 0}.fake-cover small{font-size:12px;opacity:.75}.empty{padding:44px 25px;text-align:center;color:var(--muted);grid-column:1/-1;background:#fff;border:1px dashed var(--line);border-radius:10px}.empty strong{display:block;color:var(--ink)}.empty p{margin:6px auto 0;font-size:13px}.empty-icon{color:var(--sage);font-size:32px;margin-bottom:13px}.footer{border-top:1px solid var(--line);margin-top:60px}.footer-content{display:flex;justify-content:space-between;gap:15px;padding:29px 0;font-size:11px;color:var(--muted)}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin:35px 0}.page-heading h1{font-size:clamp(35px,4vw,49px);margin:10px 0 8px}.page-heading p{color:var(--muted);font-size:14px}.period{color:var(--sage)}.dash-grid{display:grid;grid-template-columns:1.3fr .78fr;gap:23px}.panel h2{font-size:29px;margin:10px 0 21px}.panel h3{font-size:17px}.form-grid{display:grid;gap:15px}.form-grid.cols-2{grid-template-columns:1fr 1fr}.form-grid.cols-2 .full{grid-column:1/-1}label{display:block;font-size:12px;font-weight:700;color:#5c6c63}input:not([type=hidden]):not([type=checkbox]),textarea,select{width:100%;display:block;padding:12px 13px;margin:7px 0 0;border:1px solid #d8e3dd;border-radius:7px;color:var(--ink);background:#fff;outline:none;font-size:13px}input:focus,textarea:focus,select:focus{border-color:var(--sage);box-shadow:0 0 0 3px #d5e9df}textarea{resize:vertical;line-height:1.5}input[type=file]{background:#f7faf8;cursor:pointer}input[type=checkbox]{accent-color:var(--sage)}.tiny{font-size:11px}.muted{color:var(--muted)}.form-grid .btn{justify-self:start}.import-panel .btn{width:100%}.project-list{margin-top:20px}.project-row,.chapter-row,.review-row{display:flex;align-items:center;gap:17px;border-bottom:1px solid var(--line);padding:16px 0}.project-row:last-child,.chapter-row:last-child{border:0}.project-cover{height:77px;width:54px;object-fit:cover;flex:none;border-radius:3px;overflow:hidden}.project-cover.fake-cover{padding:3px;border:0}.project-cover.fake-cover strong{font-size:7px;margin:4px 0}.project-cover.fake-cover small{display:none}.project-cover.fake-cover span{font-size:12px}.project-row>div:nth-child(2){flex:1;min-width:0}.project-row strong,.chapter-row strong{font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-row span:not(.pill),.chapter-row small{color:var(--muted);font-size:11px;display:block}.pill{display:inline-block;border-radius:20px;padding:5px 10px;font-size:10px;font-weight:700;background:#f0f3f0;color:#60766b}.pill.private{background:#f0f3f0}.pill.published{background:#def2e6;color:#27814c}.pill.pending{background:#fff3d7;color:#936e20}.chevron{font-size:25px;color:#9db6ab}.count-pill{display:inline-block;padding:5px 10px;font:700 12px 'DM Sans';color:var(--sage);background:#e3f0e8;border-radius:22px;vertical-align:middle}.book-workspace{display:grid;grid-template-columns:205px 1fr;gap:35px;margin-top:27px}.large-cover{width:100%;min-height:255px;aspect-ratio:3/4;object-fit:cover;border-radius:8px;box-shadow:0 15px 30px #1b3d2b25}.large-cover.fake-cover strong{font-size:24px}.book-aside .pill{margin-top:22px}.aside-note{margin-top:22px;color:var(--muted);font-size:12px}.book-content>h1{font-size:46px;margin-top:14px}.small-lead{font-size:13px;margin-bottom:20px}.book-content .panel{margin-bottom:20px}.tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin:28px 0}.tabs a{font-size:12px;font-weight:700;padding-bottom:15px;color:var(--muted)}.tabs a:hover{color:var(--sage)}.panel-heading{margin-bottom:2px}.panel-heading h2{margin:0 0 14px}.chapter-row{padding:15px 0}.chapter-index{font-family:Georgia,serif;font-size:23px;color:#a0bdb1;min-width:42px}.chapter-name{flex:1;min-width:0}.chapter-row strong{font-size:14px}.chapter-row small{font-size:11px}.check{display:flex;gap:10px;align-items:flex-start;max-width:650px}.check input{margin-top:4px}.notice{padding:12px;background:#f6f2e7;border-radius:6px;font-size:12px}.back{display:inline-block;margin:0 0 10px}.editor-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px}.side-stack{display:grid;gap:20px;align-content:start}.side-stack .panel{min-width:0}.side-stack .btn{width:100%}.side-stack progress{width:100%;height:12px;accent-color:var(--sage)}.side-stack audio,.public-book audio,.panel audio{width:100%;margin:12px 0 17px}.auth-layout{display:grid;grid-template-columns:1fr .8fr;align-items:center;min-height:650px;gap:70px}.auth-aside{padding:30px}.auth-aside h1{margin:18px 0}.auth-aside p{font-size:17px;color:var(--muted);max-width:460px}.auth-panel{padding:43px}.auth-panel .btn{width:100%}.switch-auth{text-align:center;font-size:12px;margin:18px 0 0}.switch-auth a{color:var(--sage);font-weight:700}.search-form{display:flex;gap:12px;max-width:620px;margin:20px 0 35px}.search-form input{margin:0!important;flex:1}.public-book{display:grid;grid-template-columns:300px 1fr;align-items:start;gap:70px;margin:40px 0}.public-cover{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:7px;box-shadow:0 20px 40px #23482c28}.public-body{padding:10px 0}.public-body h1{font-size:clamp(40px,4vw,60px);margin:15px 0}.authorline{font-size:15px;color:var(--muted)}.divider{height:1px;background:var(--line);margin:32px 0}.book-description{white-space:normal;color:#60736a;max-width:740px;margin:10px 0 28px}.listen-box{padding:22px;border-radius:8px;background:var(--sea);margin:30px 0}.listen-box h3{color:var(--sage)}.review-row .review-text{flex:1}.review-row .review-text span{display:block;font-size:12px;color:var(--muted)}.review-row .review-text p{font-size:12px;margin:7px 0}.review-actions{display:flex;gap:8px}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.guide-grid .panel{min-height:210px}.guide-grid .step-number{margin-bottom:0}.guide-grid h2{font-size:23px;margin:12px 0}.guide-grid p{font-size:13px}.guide-note{margin:22px 0}.token{display:block;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;margin-top:12px;color:#185b52}.token-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.token-row p{font-size:11px;margin:0}.alert{padding:12px 18px;margin:12px 0;border:1px solid #e6d5ac;border-radius:8px;background:#fff6e5;color:#775d27;font-size:13px}.alert.success{background:#e7f5e9;border-color:#b2e1be;color:#256044}.alert.error{background:#ffefed;border-color:#ffc7bf;color:#972b22}.narrow{max-width:670px}.install-panel{margin-top:40px;padding:40px}.install-panel h1{font-size:40px}.install-panel p{font-size:14px}.install-panel hr{width:100%;border:0;border-top:1px solid var(--line)}@media(max-width:990px){.nav-links{gap:11px}.nav-links a:not(.btn){font-size:12px}.hero{gap:10px}.sound-circle{transform:scale(.82)}.books-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.shell{width:min(100% - 30px,560px)}.nav{height:auto;padding:18px 0;align-items:flex-start;flex-wrap:wrap}.nav-links{justify-content:flex-start;flex-wrap:wrap;gap:13px}.hero,.auth-layout,.book-workspace,.editor-grid,.public-book,.dash-grid{grid-template-columns:1fr}.hero{padding:60px 0 30px;gap:0}.hero-art{height:340px}.sound-circle{transform:scale(.71)}.hero h1{font-size:45px}.step-grid,.books-grid,.guide-grid{grid-template-columns:repeat(2,1fr)}.public-book{gap:25px}.public-cover{width:min(280px,80%)}.book-aside{max-width:160px}.book-content>h1{font-size:39px}.footer-content{flex-direction:column}.auth-layout{gap:10px;min-height:0}.auth-aside{padding:35px 0 0}.auth-aside h1{font-size:42px}.form-grid.cols-2{grid-template-columns:1fr}.form-grid.cols-2 .full{grid-column:auto}}@media(max-width:500px){.step-grid,.books-grid,.guide-grid{grid-template-columns:1fr 1fr;gap:11px}.step{padding:18px;min-height:180px}.step-number{margin-bottom:12px}.step h3{font-size:15px}.step p{font-size:11px}.books-grid .book-meta{padding:10px}.book-card h3{font-size:14px}.book-card .fake-cover strong{font-size:17px}.page-heading{align-items:start;flex-direction:column}.panel{padding:20px}.nav-links .btn{display:none}.search-form{flex-direction:column}.review-row{flex-wrap:wrap}.review-actions{width:100%}.hero-art{overflow:hidden}.book-workspace{margin-top:13px}.tabs{gap:14px;flex-wrap:wrap}}

/* Booknaria — author pages v1.3 */
.authors-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:22px;margin:24px 0 48px}
.author-card {background:#fff;border:1px solid #e1e3dd;border-radius:16px;padding:22px;display:flex;align-items:flex-start;gap:18px;box-shadow:0 12px 36px rgba(16,39,32,.035)}
.author-card h2 {font-size:1.35rem;margin:7px 0 12px;line-height:1.25}
.author-card h2 a {color:inherit;text-decoration:none}
.author-card h2 a:hover,.authorline-link:hover{text-decoration:underline}
.author-face,.author-avatar-large,.author-avatar-small {flex-shrink:0;display:flex;justify-content:center;align-items:center;overflow:hidden;border:1px solid #d9e5df;background:#e5eee9;color:#225448;font-family:Georgia,serif;text-decoration:none;border-radius:50%}
.author-face {width:86px;height:86px}
.author-face img,.author-avatar-large img,.author-avatar-small img {width:100%;height:100%;object-fit:cover}
.author-initial{font-size:2rem}
.author-teaser {color:#64736c;line-height:1.6;max-width:42ch;margin:0 0 13px}
.author-hero {display:grid;grid-template-columns:220px minmax(0,1fr);gap:34px;align-items:start;margin-bottom:32px}
.author-avatar-large {width:210px;height:210px;font-size:5.5rem}
.author-hero h1 {font-size:clamp(2.25rem,5vw,3.9rem);line-height:1.08;margin:6px 0 12px}
.author-biography {line-height:1.8;white-space:normal;max-width:74ch;margin-top:23px;color:#34463f}
.author-socials {display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}
.authorline-link {color:inherit;text-decoration:none}
.profile-form {max-width:1020px}
.profile-intro {display:flex;align-items:center;gap:19px;margin-bottom:25px}
.profile-intro h2 {margin:0 0 6px}
.author-avatar-small {width:84px;height:84px;font-size:2rem}
.checkbox-line {display:flex!important;align-items:center;gap:10px;font-size:1rem;line-height:1.5}
.checkbox-line input[type=checkbox] {width:19px;height:19px;flex:0 0 19px;accent-color:#24584b}
@media(max-width:720px){.author-hero{grid-template-columns:1fr;gap:20px}.author-avatar-large{width:146px;height:146px}.author-card{padding:15px}.author-face{width:72px;height:72px}}

/* Account creation v1.4 */
.field-error{display:block;font-size:11px;color:#a12e2e;font-weight:500;min-height:0;margin-top:5px}
.field-error:empty{display:none}
.form-errors{background:#fff0ef;border:1px solid #ebaca5;padding:11px 14px;border-radius:7px;color:#932e2a;font-size:12px;line-height:1.5}
.form-errors[hidden]{display:none!important}
.auth-benefits{display:grid;gap:10px;margin-top:28px;font-size:13px;font-weight:600;color:#2d7667}
.auth-panel [aria-invalid="true"]{border-color:#bd5549!important;box-shadow:0 0 0 2px rgba(189,85,73,.1)}

/* Admin SMTP v1.4.2 */
.smtp-panel {max-width:950px}.smtp-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}.smtp-form label{display:flex;flex-direction:column;gap:8px;font-weight:600}.smtp-form label small{font-weight:400}.smtp-form button{justify-self:start}.smtp-status{display:flex;align-items:center;gap:10px;margin-bottom:16px}.smtp-light{display:inline-block;width:11px;height:11px;border-radius:50%;background:#b56556}.smtp-light.ok{background:#318d71}.smtp-shortcut{display:flex;gap:20px;align-items:center;justify-content:space-between}.smtp-shortcut .btn{white-space:nowrap}@media(max-width:720px){.smtp-form{grid-template-columns:1fr}.smtp-shortcut{display:block}.smtp-shortcut .btn{margin-top:16px}}
/* Booknaria 2026-10 — lecteurs intégrés aux chapitres */
.chapter-item{padding:10px 12px;border-bottom:1px solid rgba(0,0,0,.08)}
.chapter-item:last-child{border-bottom:0}
.chapter-item .chapter-row{display:flex;align-items:center;gap:12px;padding:8px 0;border:0;background:transparent;text-decoration:none}
.chapter-item .chapter-name{flex:1;min-width:0}
.chapter-item audio{display:block;width:100%;margin:4px 0 8px;height:42px}
.chapter-item a.tiny{display:inline-block;margin-bottom:8px}
.generation-tracker{margin:16px 0;padding:16px;border-radius:12px;background:rgba(40,119,109,.06)}
.generation-tracker p{font-size:.9rem;line-height:1.45;margin:.5rem 0;overflow-wrap:anywhere}
.token{display:block;max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap}
@media(max-width:650px){.chapter-item .chapter-row{flex-wrap:wrap}.chapter-item .chapter-name{min-width:180px}}

/* Booknaria: dual audio downloads inside chapter cards */
.audio-downloads{display:flex;gap:1rem;flex-wrap:wrap;margin-top:0.35rem}.chapter-item audio{width:100%;margin-top:.6rem}

/* Booknaria - Our story 2026-10-23 */
.story-teaser{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,.7fr);gap:36px;align-items:center;background:#edf5f1;border:1px solid #dfece5;border-radius:18px;padding:42px 46px;margin-top:36px}
.story-teaser-copy h2{max-width:690px;margin-top:10px;font-size:clamp(27px,3.1vw,39px)}
.story-teaser-copy p{max-width:740px;color:#53665e;margin-bottom:18px}
.story-teaser-quote{border-left:1px solid #bfd4c8;padding:0 0 0 30px;color:#215e50}
.story-teaser-quote>span{font:70px Georgia,serif;line-height:.8;color:#9ab8a9;display:block}
.story-teaser-quote p{font:italic 25px/1.35 Georgia,serif;margin:4px 0 0}
.story-intro{max-width:1000px;margin:20px auto 48px;text-align:center;padding:30px 10px 36px;border-bottom:1px solid var(--line)}
.story-intro h1{font-size:clamp(37px,5.3vw,65px);margin:16px 0 22px}
.story-intro h1 em{font-weight:normal;color:var(--sage)}
.story-intro .lead{max-width:800px;margin:0 auto;color:#60716b;font-size:18px}
.story-layout{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:48px;align-items:start;max-width:1100px;margin:0 auto 64px}
.story-article{font-size:16px;line-height:1.85}
.story-article h2{font-size:32px;margin:33px 0 16px}
.story-article h2:first-of-type{margin-top:8px}
.story-article p{color:#4a5d56;margin-bottom:20px}
.story-article .story-signature{font-style:italic;color:var(--sage);margin-top:32px}
.story-aside{display:grid;gap:18px;position:sticky;top:24px}
.story-aside-panel{border-radius:16px;background:#edf5f1;border:1px solid #dfece5;padding:25px}
.story-aside-panel.quiet{background:#fff}
.story-aside-panel h3{font-family:'DM Serif Display',Georgia,serif;font-size:25px;font-weight:400;margin:12px 0}
.story-aside-panel p{font-size:14px;color:#597168}
.story-aside-panel .btn{width:100%;margin-top:10px}
@media(max-width:900px){.story-layout{grid-template-columns:1fr;gap:24px}.story-aside{position:static;grid-template-columns:1fr 1fr}.story-teaser{grid-template-columns:1fr;gap:15px}.story-teaser-quote{border-left:0;border-top:1px solid #bfd4c8;padding:22px 0 0}}
@media(max-width:560px){.story-teaser{padding:26px 22px}.story-aside{grid-template-columns:1fr}.story-article h2{font-size:28px}.story-intro .lead{font-size:16px}}
