@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#111214;--surface:#1a1b1e;--muted:#929295;--line:#303135;--red:#ed593b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f6f2e9;font-family:'DM Sans',system-ui,sans-serif;font-size:14px}button,input,select{font:inherit}button{background:transparent;color:inherit;border:1px solid var(--line);padding:10px 16px;border-radius:6px;cursor:pointer}button:hover{background:#ffffff12;border-color:#888}button:disabled{opacity:.4;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:3px}.primary{background:var(--red);border-color:var(--red);color:#160c08;font-weight:700}.primary:hover{background:#ff7458}header{height:92px;border-bottom:1px solid var(--line);padding:0 4vw;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;color:var(--red);text-decoration:none;font-size:36px}.brand span{font:800 27px 'Barlow Condensed',sans-serif;letter-spacing:1px;color:#f5f0e7}.brand small{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:2.5px;color:var(--muted);margin-top:4px}.chapter{text-align:center}.chapter small{display:block;color:var(--muted);font-size:11px;margin-top:7px}nav{display:flex;gap:8px}nav button{border-color:transparent}main{max-width:1400px;margin:auto;padding:40px 5vw}.intro{padding:32px 0 52px;position:relative;border-bottom:1px solid var(--line)}.intro:after{content:'10';position:absolute;right:7%;top:0;font:800 230px 'Barlow Condensed',sans-serif;color:#ed593b0d;transform:rotate(-9deg);pointer-events:none}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--red);font-weight:700}h1{font:800 clamp(55px,6vw,86px)/.98 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:24px 0}h1 em{color:var(--red);font-style:normal}.intro p{line-height:1.8;color:#aaa8a5;margin:0 0 26px}h2{font-size:20px;margin:0}.libraryHeading{display:flex;align-items:center;justify-content:space-between;margin:30px 0 22px}.libraryHeading span{font-size:12px;color:var(--muted);margin-left:10px}#volumes{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:24px}.volume{padding:0;text-align:left;overflow:hidden;background:var(--surface)}.cover{height:270px;background:#222;overflow:hidden;position:relative}.cover img{width:100%;height:100%;object-fit:cover;object-position:top}.cover:after{content:'READ VOLUME ↗';position:absolute;bottom:14px;right:14px;background:var(--red);color:#111;padding:8px;font-size:10px;font-weight:700}.volumeInfo{padding:20px}.volumeInfo strong{font:700 28px 'Barlow Condensed',sans-serif}.volumeInfo small{display:block;color:var(--muted);margin-top:6px}.muted{color:var(--muted);font-size:11px}main>p.muted{margin-top:28px;letter-spacing:.5px}#reader{max-width:none;padding:18px 3vw}#reader[hidden],main[hidden]{display:none}.readerTop{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.readerTop button{padding:8px 12px;margin-left:6px}#stage{height:calc(100dvh - 260px);min-height:300px;position:relative;display:flex;align-items:center;justify-content:center;background:var(--reading-bg,#111214);overflow:hidden;border:1px solid #ffffff09;border-radius:8px}#readingCanvas{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 6px 35px #0006}.animate{animation:reveal .2s ease-out}@keyframes reveal{from{opacity:.3;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.edge{position:absolute;top:45%;font-size:30px;background:#1a1b1ecc;border:1px solid #ffffff20;border-radius:50%;height:48px;width:48px;padding:0}.previous{left:18px}.next{right:18px}footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:20px}footer small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.pageJump{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.pageJump input{width:65px;padding:8px}.pageJump button{padding:7px 12px}#dots{display:flex;justify-content:center;gap:7px;margin-top:14px}#dots button{padding:0;width:22px;height:4px;border:0;background:#414145}#dots button.active{background:var(--red)}dialog{background:#1b1c20;color:#f6f2e9;border:1px solid #404146;border-radius:12px;padding:28px;width:540px;max-width:95vw;max-height:94dvh}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.dialogHead,.dialogFoot{display:flex;justify-content:space-between;align-items:center;gap:12px}.dialogHead{margin-bottom:20px}.dialogHead button{border:0}.dialogFoot{margin-top:24px}label{display:block;margin-top:20px;font-size:12px;color:#c6c4c1}input,select{display:block;width:100%;margin-top:8px;background:#121316;color:#eee;border:1px solid #404146;border-radius:5px;padding:12px}.hint{font-size:11px;color:#a0a0a5;line-height:1.7}.check{display:flex;align-items:center;gap:10px}.check input{width:auto;margin:0}#editor{width:1150px}.editorBody{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:24px;align-items:start}#editSurface{position:relative;line-height:0;max-height:65dvh;width:fit-content;margin:auto;touch-action:none;user-select:none}#editImage{max-width:100%;max-height:65dvh;display:block}#overlay{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair}#overlay rect{fill:#ed593b18;stroke:#ed593b;stroke-width:.004}#overlay rect.selected{fill:#368fff40;stroke:#55aaff}#overlay text{fill:white;font-size:.028px;paint-order:stroke;stroke:#111;stroke-width:.006px;pointer-events:none}#overlay .handle{fill:#e7f3ff;stroke:#237ee8;stroke-width:.003;cursor:nwse-resize}#overlay .handle[data-resize="ne"],#overlay .handle[data-resize="sw"]{cursor:nesw-resize}.panelRow{display:flex;align-items:center;gap:5px;background:#24252a;margin-bottom:8px;padding:8px;border-radius:5px}.panelRow.active{outline:2px solid #55aaff;background:#1d3d60;color:#dcecfe}.panelRow .panelSelect{flex:1;text-align:left;border:0;font-size:12px;padding:5px 0}.panelRow.active .panelSelect{font-weight:700}.panelRow button{padding:4px 7px;font-size:12px}aside>button{display:block;width:100%;margin-top:12px}#panelList{max-height:45dvh;overflow:auto}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#f5f0e7;color:#171717;padding:12px 24px;border-radius:8px;z-index:99;display:none;max-width:90vw}@media(max-width:750px){header{height:74px;padding:0 16px}.brand span{font-size:22px}.chapter{display:none}nav button{padding:8px}main{padding:24px}.intro:after{display:none}footer{flex-wrap:wrap}footer>.muted{display:none}.editorBody{grid-template-columns:1fr}aside{max-height:200px;overflow:auto}#stage{height:calc(100dvh - 255px)}.edge{width:36px;height:36px}.previous{left:5px}.next{right:5px}.readerTop{gap:8px}.readerTop button{font-size:11px}}
#soundBar{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);margin-top:18px;padding:14px 0}#soundBar>div{flex:1;min-width:0}#soundBar b{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60vw}#soundBar small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.volumeControl{display:flex;align-items:center;gap:10px;margin:0}.volumeControl input{width:110px;padding:0;margin:0;accent-color:var(--red)}#soundEditor{border-top:1px solid #414145;margin-top:18px;padding-top:14px}#soundEditor h3{font-size:14px;margin:0;color:#8fc3ff}#soundEditor label{margin-top:12px}#soundEditor select,#soundEditor input{padding:8px;font-size:12px}#cueTrack{width:100%}.cueTimes{display:grid;grid-template-columns:1fr 1fr;gap:10px}#previewCue{width:100%;margin-top:12px}#previewStatus.error{color:#ff9988}.editorBody aside{max-height:65dvh;overflow:auto;padding:3px 5px}#panelList{max-height:24dvh}#reader #stage{height:calc(100dvh - 335px)}@media(max-width:750px){#soundBar{flex-wrap:wrap;gap:10px}#soundBar b{max-width:50vw}.volumeControl{width:100%}.editorBody aside{max-height:40dvh}#reader #stage{height:calc(100dvh - 350px)}}
#trackPicker{width:680px}#trackSearch{margin:0 0 14px}#pickerList{height:245px;overflow:auto;border:1px solid var(--line);border-radius:7px;padding:5px}.pickerTrack{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid transparent;padding:11px 10px;margin-bottom:3px}.pickerTrack span:first-child{color:var(--red);font-size:17px}.pickerTrack span:last-child{font-size:12px;line-height:1.5}.pickerTrack.active{background:#1d3d60;border-color:#55aaff}.pickerPlayer{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.pickerPlayer>b{display:block;font-size:13px;line-height:1.6}#pickerAudio{display:block;width:100%;height:42px;margin-top:12px}.pickerPlayer label{margin-top:8px}.pickerPlayer label button{margin-top:8px;font-size:11px;padding:7px 10px}#pickerStatus.error{color:#ff9988}#chooseTrack{margin-top:14px;width:100%}#cueTrack[hidden]{display:none}#selectedTrackName{color:#d0dcea;overflow-wrap:anywhere}@media(max-width:750px){#trackPicker{padding:20px}#pickerList{height:190px}.pickerPlayer{margin-top:12px}}
#editor>.dialogHead{position:relative}.editorPageNav{display:flex;align-items:center;justify-content:center;gap:12px;margin-left:auto;margin-right:auto}.editorPageNav span{font-size:13px;font-weight:600;min-width:112px;text-align:center}.dialogHead .editorPageNav button{border:1px solid #45464b;padding:8px 14px}.editorPageNav button:disabled{cursor:default}.trackLegend{display:flex;align-items:center;gap:8px;font-size:10px;color:#96bca4;margin:0 0 12px;line-height:1.5}.trackLegend span{width:14px;height:3px;background:#53d58b;flex-shrink:0}#panelList{padding:3px 5px 3px 2px;max-height:32dvh}.panelEntry{position:relative;padding-left:22px;padding-bottom:8px}.panelEntry .panelRow{margin-bottom:0}.panelEntry.hasTrack:before{content:'';position:absolute;left:7px;top:0;bottom:0;width:3px;background:#53d58b;border-radius:2px}.panelEntry.trackStart:before{top:6px}.panelEntry.trackEnd:before{bottom:9px}.panelEntry.trackStart:after{content:'';position:absolute;left:7px;top:6px;width:12px;height:3px;background:#53d58b;border-radius:2px}.panelEntry.trackIncoming:after{width:8px;height:8px;border-top:2px solid #53d58b;border-left:2px solid #53d58b;background:none;transform:rotate(45deg);left:4.5px;top:2px}.trackSpanCaption{font-size:10px;line-height:1.6;color:#76dda2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.trackContinuation{font-size:10px;color:#76dda2;line-height:1.5;margin-top:5px}.panelEntry.trackEnd .trackContinuation:before{content:'';position:absolute;left:7px;bottom:9px;width:12px;height:3px;background:#53d58b;border-radius:2px}.panelEntry.trackOutgoing .trackContinuation:before{width:8px;height:8px;left:4.5px;bottom:11px;border-right:2px solid #53d58b;border-bottom:2px solid #53d58b;background:none;transform:rotate(45deg)}.editorBody{grid-template-columns:minmax(0,1fr) 300px}.editorBody[inert]{opacity:.6;pointer-events:none}#editorStatus{max-width:65%}@media(max-width:750px){.editorBody{grid-template-columns:1fr}.editorPageNav{gap:5px}.editorPageNav span{font-size:11px;min-width:85px}.dialogHead .editorPageNav button{padding:7px 10px}.editorPageNav{margin:0}.trackLegend{margin-top:8px}#editor>.dialogHead{flex-wrap:wrap}#editorStatus{max-width:55%}}
.panelRow .panelGrip{padding:3px 1px;border:0;font-size:20px;line-height:1;color:#999;flex:0 0 16px}.panelGrip,.panelRow .panelSelect{cursor:grab;touch-action:none;user-select:none}.panelGrip:active,.panelRow .panelSelect:active{cursor:grabbing}.panelRow .panelSelect{min-width:0;overflow-wrap:anywhere}.draggingPanel{opacity:.35}.panelEntry.dropBefore .panelRow{box-shadow:0 -3px 0 #77baff}.panelEntry.dropAfter .panelRow{box-shadow:0 3px 0 #77baff}.panelDragGhost{position:fixed;z-index:10;display:flex;align-items:center;gap:5px;background:#1d3d60;border:1px solid #77baff;border-radius:5px;padding:8px;pointer-events:none;box-shadow:0 6px 20px #0008;opacity:.95;max-width:280px}.panelDragGhost button{font-size:12px;padding:4px}.panelDragGhost .panelSelect{flex:1}.panelDragGhost .panelGrip{border:0;padding:0}
.fullscreenActions,#exitFullscreen{display:none}body.readingFullscreen{overflow:hidden;background:var(--reading-bg,#111214)}body.readingFullscreen>header{display:none}body.readingFullscreen #reader{padding:0;margin:0;width:100vw;height:100dvh}body.readingFullscreen .readerTop{display:none}body.readingFullscreen #reader #stage{position:fixed;inset:0;width:100vw;height:100dvh;min-height:0;border:0;border-radius:0}body.readingFullscreen #stage .edge{display:none}body.readingFullscreen #readingCanvas{box-shadow:none}body.readingFullscreen #readerControls{position:fixed;z-index:5;bottom:0;left:0;right:0;padding:16px max(20px,4vw) max(14px,env(safe-area-inset-bottom));background:#141519f2;backdrop-filter:blur(12px);border-top:1px solid #ffffff20;max-height:50dvh;overflow:auto;opacity:0;transform:translateY(100%);pointer-events:none;transition:opacity .18s ease,transform .18s ease}body.readingFullscreen.fullscreenControlsVisible #readerControls,body.readingFullscreen #readerControls:has(:focus-visible){opacity:1;transform:translateY(0);pointer-events:auto}body.readingFullscreen .fullscreenActions{display:flex;align-items:center;gap:8px}body.readingFullscreen .fullscreenActions button{font-size:12px;padding:8px 12px}body.readingFullscreen #exitFullscreen{display:block;position:fixed;z-index:6;top:max(14px,env(safe-area-inset-top));right:18px;background:#17181cbd;border-color:#ffffff30;font-size:12px;padding:9px 13px;opacity:.65}body.readingFullscreen #exitFullscreen:hover,body.readingFullscreen #exitFullscreen:focus-visible{opacity:1}body.readingFullscreen #soundBar{margin-top:12px;padding-bottom:0}body.readingFullscreen footer{padding-top:12px}@media(prefers-reduced-motion:reduce){body.readingFullscreen #readerControls{transition:none}}@media(max-width:750px){body.readingFullscreen #readerControls{padding-left:16px;padding-right:16px}body.readingFullscreen .fullscreenActions{flex-wrap:wrap;gap:6px}body.readingFullscreen .fullscreenActions button{font-size:11px;padding:7px 10px}}
/* Invisible reading zones: left strip back, remaining area forward. */
#stage .edge,body.readingFullscreen #stage .edge{display:block;position:absolute;top:0;bottom:0;height:100%;padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;opacity:1;z-index:1;touch-action:manipulation;user-select:none}#stage .previous{left:0;right:auto;width:10%}#stage .next{left:10%;right:0;width:90%}#stage .edge:hover{background:transparent}#stage .edge:focus,#stage .edge:focus-visible{outline:none;box-shadow:none}#fullscreenTouchControls{display:none}@media(pointer:coarse){body.readingFullscreen #fullscreenTouchControls{display:block;position:fixed;left:0;right:0;bottom:0;height:28px;width:100%;background:transparent;border:0;border-radius:0;z-index:4;padding:0}}

#readingCanvas{transform-origin:center;will-change:transform}#stage.readerZoomed .edge{cursor:grab;touch-action:none}#stage.readerPanning .edge{cursor:grabbing}
#editViewport{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:65dvh;overflow:hidden;min-width:0;background:#121316;touch-action:none;border-radius:4px}#editViewport #editSurface{flex-shrink:0;max-width:100%;margin:0;transform-origin:center;will-change:transform}#editViewport.editorPanReady #overlay{cursor:grab}#editViewport.editorPanning,#editViewport.editorPanning #overlay{cursor:grabbing}
#rescanSection{border-top:1px solid var(--line);padding-top:18px;margin-top:24px}#rescanSection h3{font-size:16px;margin:0}#rescanOptions{border:0;padding:0;margin:0;min-width:0}#chapterChecklist{max-height:180px;overflow:auto;margin:12px 0;border:1px solid var(--line);border-radius:6px;padding:4px 12px}.chapterChoice{margin:0;padding:10px 0}.chapterChoice span{flex:1}.chapterChoice small{color:var(--muted);font-size:10px}.rescanActions{display:flex;gap:8px;flex-wrap:wrap}.rescanActions button{font-size:12px}#rescanStatus{color:#8fd9ab}#settingsDialog[aria-busy=true]{cursor:progress}
.editorLocation{text-align:center;min-width:112px}.editorLocation small{display:block;color:var(--red);font-size:11px;margin-bottom:4px}.editorLocation span{display:block}.dialogHead .editorPageNav button{flex-shrink:0}.dialogHead .editorPageNav #editorPrevChapter,.dialogHead .editorPageNav #editorNextChapter{color:#8fc3ff}@media(max-width:750px){#editor .editorPageNav{order:3;width:100%;margin-top:8px;gap:8px}.editorLocation{min-width:100px}}
#editor{width:1480px}.editorBody{grid-template-columns:minmax(0,1fr) 300px 230px}#pageHistory{border-left:1px solid var(--line);padding:0 8px 0 18px;max-height:65dvh;overflow:auto}#pageHistory h3{font-size:15px;margin:0 0 8px}#pageHistory h4{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#9ca49f;margin:18px 0 10px}.historyTimeline{border-left:2px solid #53d58b;margin-left:5px;padding-left:12px;max-height:25dvh;overflow-y:auto}.historyEntry{display:block;position:relative;text-align:left;width:100%;padding:9px;border:1px solid transparent;margin:0 0 8px;border-radius:5px;background:#23282a}.historyEntry:before{content:'';position:absolute;left:-17px;top:16px;width:7px;height:7px;background:#53d58b;border-radius:50%}.historyEntry time{display:block;font-size:11px;color:#c4ead3}.historyEntry small{display:block;color:#8fc3ff;font-size:10px;margin:4px 0}.historyEntry span{display:block;line-height:1.5;font-size:10px;color:#b5b8b9}.historyEntry.current{border-color:#53d58b;background:#18352b}.historyEntry.current:after{content:'Selected';display:block;font-size:9px;margin-top:5px;color:#86edaf}.historyEntry:hover{background:#304238}#historyStatus{color:#91cbaa;font-size:10px}@media(max-width:1150px){.editorBody{grid-template-columns:minmax(0,1fr) 300px}#pageHistory{grid-column:1/-1;max-height:240px;border-left:0;border-top:1px solid var(--line);padding:16px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px 24px}#pageHistory h3,#pageHistory>p{grid-column:1/-1}#pageHistory h4{display:none}.historyTimeline{max-height:150px}}@media(max-width:750px){.editorBody{grid-template-columns:1fr}#pageHistory{grid-template-columns:1fr;max-height:35dvh}#pageHistory h4{display:block;margin:6px 0}.historyTimeline{max-height:160px}}

#cueLoop[hidden]{display:none}
[hidden]{display:none!important}.authTabs{display:flex;gap:8px}.authTabs button{flex:1}#authSubmit{width:100%;margin-top:14px}#authStatus{color:#ffa48e}.userCard{padding:16px;border:1px solid var(--line);border-radius:8px;margin:12px 0}.userCard>strong{display:block;font-size:14px;overflow-wrap:anywhere}.userCard>small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.userCard .check{margin:12px 0}.userCard>button{margin-top:6px}#usersDialog{width:650px}#usersStatus{color:#8fd9ab}#accountBtn{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:850px){header{flex-wrap:wrap;height:auto;min-height:90px;padding-top:12px;padding-bottom:12px;gap:12px}header>.chapter{display:none}nav{gap:2px;flex-wrap:wrap}nav button{padding:7px 8px;font-size:11px}.brand span{font-size:24px}.brand small{text-transform:none;letter-spacing:1px}#accountBtn{max-width:100px}}

.accountDetails{margin:0}.accountDetails dt{font-size:11px;color:var(--muted);margin-top:18px}.accountDetails dd{margin:6px 0 0;font-size:14px;overflow-wrap:anywhere}#accountSignOut{color:#ff9b85}
.languageSwitch{display:flex;align-items:center;gap:3px;margin-left:8px}.languageSwitch button{padding:7px 9px;font-size:20px;line-height:1;border:1px solid transparent}.languageSwitch button[aria-pressed=true]{border-color:var(--red);background:#ed593b18}.userCard .banUserButton{margin-left:8px;color:#ff9b85;border-color:#a65e504f}#banNotice{margin:12px 4vw;padding:14px 18px;background:#4f241e;color:#ffd8cd;border:1px solid #a65e50;border-radius:6px}.userCard input:disabled{opacity:.4}html[lang=es] .cover:after{content:'LEER CAPÍTULO ↗'}html[lang=en] .cover:after{content:'READ CHAPTER ↗'}html[lang=es] .historyEntry.current:after{content:'Seleccionada'}@media(max-width:850px){.languageSwitch{margin-left:2px}.languageSwitch button{font-size:18px;padding:6px}}

#pageLoading{position:absolute;z-index:3;bottom:18px;left:50%;transform:translateX(-50%);background:#17181ce8;color:#fff;padding:10px 18px;border:1px solid #ffffff25;border-radius:12px;pointer-events:none;font-size:13px}#pageLoading[hidden]{display:none}

.volume{border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column}.chapterOpen{display:block;width:100%;padding:0;border:0;border-radius:0;text-align:left;flex:1}.chapterActions{display:flex;gap:8px;padding:0 16px 16px}.chapterActions button{flex:1;padding:10px 8px;font-size:12px}.chapterActions .primary{color:#160c08}