:root{--bg:#050713;--panel:#0c1022e8;--panel2:#111936;--text:#eef4ff;--muted:#8ea0c8;--accent:#54e7ff;--accent2:#9f5cff;--paper:#101a31;--ink:#f4f7ff;--border:#ffffff18;--shadow:0 30px 80px #0009;--font-size:20px;--line-height:1.7;--reader-width:860px}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 80% 10%,#20337a55,transparent 34%),radial-gradient(circle at 15% 90%,#6c1d9955,transparent 32%),var(--bg);color:var(--text);overflow:hidden}.app-shell{height:100%;display:grid;grid-template-columns:330px 1fr;grid-template-rows:72px 1fr}.topbar{grid-column:1/3;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border);background:#070b18dd;backdrop-filter:blur(18px);z-index:10}.brand{display:flex;gap:12px;align-items:center}.brand-orb{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:900;color:#071019;background:linear-gradient(135deg,var(--accent),#fff,var(--accent2));box-shadow:0 0 25px var(--accent)}.brand strong,.brand small{display:block}.brand small{color:var(--muted);margin-top:3px}.top-actions{display:flex;gap:8px}.btn,.icon-btn,button,select,input,textarea{font:inherit}.btn,.icon-btn,.reader-toolbar button,.reader-footer button{border:1px solid var(--border);color:var(--text);background:#ffffff0c;border-radius:12px;padding:10px 14px;cursor:pointer}.btn:hover,.icon-btn:hover,.reader-toolbar button:hover,.reader-footer button:hover{border-color:var(--accent);box-shadow:0 0 18px #54e7ff30}.primary{background:linear-gradient(135deg,#0fbdd8,#6a5cff);border:0;font-weight:800}.icon-btn{width:44px}.sidebar{overflow:auto;padding:16px;border-right:1px solid var(--border);background:var(--panel);scrollbar-width:thin}.panel{background:linear-gradient(145deg,#ffffff08,#ffffff02);border:1px solid var(--border);border-radius:18px;padding:15px;margin-bottom:14px;box-shadow:0 12px 35px #0003}.panel h2{font-size:14px;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin:0 0 13px}.dropzone{min-height:90px;border:1px dashed #54e7ff66;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px;background:#54e7ff08;cursor:pointer}.dropzone.drag{background:#54e7ff20;transform:scale(1.01)}.dropzone span,.doc-meta span{font-size:12px;color:var(--muted);margin-top:6px}.doc-meta{display:flex;flex-direction:column;margin-top:12px}.narrator-buttons{display:flex;justify-content:center;gap:12px;margin:8px 0 16px}.round{width:48px;height:48px;border-radius:50%;border:1px solid var(--border);background:#ffffff0c;color:var(--text);cursor:pointer}.round.play{background:linear-gradient(145deg,var(--accent),var(--accent2));color:#071019;font-weight:900;box-shadow:0 0 24px #54e7ff55}.panel label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:var(--muted);margin-top:10px}.panel select,.panel input[type=text],#pasteTitle{width:100%;border:1px solid var(--border);border-radius:10px;background:#070b18;color:var(--text);padding:10px}.range-row label{flex-direction:row;justify-content:space-between}.range-row input{width:100%;accent-color:var(--accent)}.switch-row{flex-direction:row!important;align-items:center}.speech-status{margin-top:12px;padding:9px;border-radius:10px;background:#0004;color:var(--muted);font-size:12px}.segmented{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.segmented button{padding:8px;border:1px solid var(--border);border-radius:9px;background:#ffffff08;color:var(--text);cursor:pointer}.segmented button.active{border-color:var(--accent);background:#54e7ff1d}.toc-panel nav{display:flex;flex-direction:column;gap:5px}.toc-panel button{text-align:left;border:0;background:transparent;color:var(--muted);padding:7px;border-radius:8px;cursor:pointer}.toc-panel button:hover{color:var(--text);background:#ffffff0a}.sidebar footer{text-align:center;color:var(--muted);font-size:11px;padding:8px}.reader-area{position:relative;min-width:0;display:grid;grid-template-rows:56px 1fr 50px;overflow:hidden}.reader-toolbar,.reader-footer{display:flex;align-items:center;justify-content:center;gap:22px;padding:8px 18px}.reader-toolbar>div{text-align:center;min-width:190px;font-size:13px;color:var(--muted)}.progress{height:4px;background:#ffffff14;border-radius:9px;margin-top:6px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent2))}.book-stage{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;gap:16px;padding:18px;overflow:auto}.page{width:min(var(--reader-width),calc(100% - 36px));height:100%;max-height:900px;padding:clamp(28px,5vw,72px);overflow:hidden;background:linear-gradient(145deg,#17233e,#0e172b);color:var(--ink);border:1px solid #ffffff1c;border-radius:14px;box-shadow:var(--shadow),inset 0 0 70px #ffffff05;font-family:Georgia,'Times New Roman',serif;font-size:var(--font-size);line-height:var(--line-height);white-space:pre-wrap;overflow-wrap:anywhere}.page h1,.page h2,.scroll-document h1,.scroll-document h2{line-height:1.2}.page-right{display:none}.scroll-document{display:none;width:min(var(--reader-width),calc(100% - 36px));margin:auto;padding:clamp(30px,6vw,90px);background:var(--paper);color:var(--ink);border-radius:14px;box-shadow:var(--shadow);font-family:Georgia,'Times New Roman',serif;font-size:var(--font-size);line-height:var(--line-height);white-space:pre-wrap;overflow-wrap:anywhere}.reader-footer input{width:min(700px,65vw);accent-color:var(--accent)}.mobile-menu{display:none;position:absolute;z-index:5;top:8px;left:8px}.speaking{background:#54e7ff35;border-radius:5px;box-shadow:0 0 0 3px #54e7ff22}#measure{position:fixed;left:-99999px;top:0;visibility:hidden;white-space:pre-wrap;overflow-wrap:anywhere;font-family:Georgia,'Times New Roman',serif;font-size:var(--font-size);line-height:var(--line-height);padding:clamp(28px,5vw,72px)}dialog{border:1px solid var(--border);border-radius:20px;background:#090e20;color:var(--text);width:min(900px,94vw);padding:0;box-shadow:0 40px 120px #000}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.paste-card{padding:18px}.dialog-head,.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialog-head button{border:0;background:transparent;color:var(--text);font-size:30px}.paste-card textarea{width:100%;min-height:52vh;margin:12px 0;padding:15px;border:1px solid var(--border);border-radius:14px;background:#050815;color:var(--text);resize:vertical}.dialog-actions{justify-content:flex-end}
body[data-mode=spread] .book-stage{perspective:1600px;gap:2px}body[data-mode=spread] .page{width:min(calc(var(--reader-width)/2),calc(50% - 12px));border-radius:12px 2px 2px 12px}body[data-mode=spread] .page-right{display:block;border-radius:2px 12px 12px 2px}body[data-mode=scroll] .page{display:none}body[data-mode=scroll] .scroll-document{display:block}body[data-mode=scroll] .book-stage{align-items:flex-start}body[data-mode=focus] .sidebar,body[data-mode=focus] .topbar,body[data-mode=focus] .reader-toolbar,body[data-mode=focus] .reader-footer{display:none}body[data-mode=focus] .app-shell{display:block}body[data-mode=focus] .reader-area{height:100%;display:block}body[data-mode=focus] .book-stage{height:100%;padding:4vh}body[data-mode=focus] .page{height:92vh;max-height:none}
body[data-theme=paper]{--bg:#c9c1b0;--panel:#ece6daee;--panel2:#fff;--text:#1e1b17;--muted:#6c6255;--accent:#8c4f2c;--accent2:#b47b42;--paper:#fffdf7;--ink:#241f19;--border:#2d24191c}body[data-theme=paper] .topbar{background:#eee8dcdd}body[data-theme=paper] .panel select,body[data-theme=paper] #pasteTitle{background:#fff;color:#222}body[data-theme=night]{--bg:#000;--panel:#090909ee;--panel2:#111;--text:#eee;--muted:#999;--accent:#fff;--accent2:#777;--paper:#050505;--ink:#ddd}body[data-theme=matrix]{--bg:#001006;--panel:#001a0eee;--text:#baffc7;--muted:#65a774;--accent:#20ff65;--accent2:#00b83e;--paper:#00180b;--ink:#baffc7}body[data-theme=sepia]{--bg:#382c22;--panel:#45362bee;--text:#fff0d3;--muted:#c8aa82;--accent:#ffd08a;--accent2:#a66f38;--paper:#f0dfbb;--ink:#3b2b20}body[data-theme=ice]{--bg:#dcecf5;--panel:#f2fbffee;--text:#102938;--muted:#607d8d;--accent:#007da6;--accent2:#55a9c7;--paper:#f9fdff;--ink:#16313e;--border:#15364722}
@media(max-width:900px){body{overflow:auto}.app-shell{display:block}.topbar{position:sticky;top:0}.brand small{display:none}.top-actions .btn:not(.primary){display:none}.sidebar{position:fixed;left:0;top:72px;bottom:0;width:min(360px,90vw);z-index:20;transform:translateX(-105%);transition:.25s}.sidebar.open{transform:none}.reader-area{height:calc(100vh - 72px)}.mobile-menu{display:block}.reader-toolbar button{font-size:0}.reader-toolbar button:first-child:after{content:'←';font-size:22px}.reader-toolbar button:last-child:after{content:'→';font-size:22px}.page{padding:28px 22px}body[data-mode=spread] .page{width:calc(100% - 30px)}body[data-mode=spread] .page-right{display:none}.reader-footer{gap:8px}}

.book-cover{display:block;width:100%;max-height:330px;object-fit:cover;object-position:center;border-radius:14px;border:1px solid var(--border);box-shadow:0 18px 45px #0008;margin-bottom:12px}.narrator-test{width:100%;margin-top:10px}.page{scroll-behavior:smooth}.page.is-reading{box-shadow:var(--shadow),0 0 0 2px var(--accent),0 0 35px #54e7ff44,inset 0 0 70px #ffffff05}.speech-status.active{color:var(--text);border:1px solid var(--accent);box-shadow:0 0 20px #54e7ff22}.auto-page-flash{animation:autoPageFlash .55s ease}@keyframes autoPageFlash{0%{transform:scale(.995);opacity:.7}100%{transform:none;opacity:1}}

/* Styles éditoriaux sélectionnables */
body[data-book-style="classic"] .page,body[data-book-style="classic"] .scroll-document{font-family:Georgia,"Times New Roman",serif}
body[data-book-style="modern"] .page,body[data-book-style="modern"] .scroll-document{font-family:Arial,Helvetica,sans-serif;letter-spacing:.01em}
body[data-book-style="manuscript"] .page,body[data-book-style="manuscript"] .scroll-document{font-family:"Segoe Print","Bradley Hand",cursive;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(1.7em - 1px),rgba(80,55,30,.09) 1.7em)}
body[data-book-style="scifi"] .page,body[data-book-style="scifi"] .scroll-document{font-family:"Trebuchet MS",Arial,sans-serif;letter-spacing:.025em}
body[data-book-style="scifi"] .page h2,body[data-book-style="scifi"] .scroll-document h2{text-transform:uppercase;letter-spacing:.12em;text-shadow:0 0 14px var(--accent)}
body[data-book-style="newspaper"] .page,body[data-book-style="newspaper"] .scroll-document{font-family:Georgia,serif;text-align:justify}
body[data-book-style="newspaper"] .page p,body[data-book-style="newspaper"] .scroll-document p{column-count:2;column-gap:2em}
body[data-book-style="minimal"] .page,body[data-book-style="minimal"] .scroll-document{font-family:system-ui,sans-serif;box-shadow:none;border-radius:0}
.book-main-title,.detected-title{text-align:center;text-transform:uppercase;letter-spacing:.08em;font-size:clamp(1.65em,4vw,2.7em);line-height:1.15;margin:1.2em auto .8em;padding-bottom:.45em;border-bottom:1px solid color-mix(in srgb,var(--accent) 55%,transparent)}
.chapter-title,.section-title{text-align:center;letter-spacing:.045em;font-variant:small-caps;margin:1em auto .8em;color:var(--accent)}
mark.speech-highlight{background:linear-gradient(90deg,#ffe36a,#ffbd45);color:#15100a;border-radius:.22em;padding:.03em .08em;box-shadow:0 0 0 2px #ffd85a55,0 0 16px #ffc84f88;transition:.12s}
body[data-mode=focus] .book-stage{cursor:pointer}
body[data-mode=focus] .book-stage::after{content:"Touchez l’écran, clic droit ou Échap pour quitter";position:fixed;left:50%;bottom:18px;transform:translateX(-50%);padding:8px 14px;border-radius:999px;background:#000a;color:#fff;font:12px system-ui;opacity:.72;pointer-events:none;z-index:50}
@media(max-width:700px){body[data-book-style="newspaper"] .page p,body[data-book-style="newspaper"] .scroll-document p{column-count:1}}