@import url('v9-reference.css?v=10.0.0');
:root{--text:var(--ink);--muted:var(--subtle);--blue:#385341;--green:#266846;--red:#a72930;--panel2:var(--surface);--paper:var(--bg)}
html[data-theme="dark"]{--text:var(--ink);--muted:var(--subtle);--blue:#b6ca75;--green:#97d8ad;--red:#ffa6a6;--panel2:var(--surface);--paper:#202825}
body{background:var(--bg);font:16px/1.5 'DM Sans',system-ui,sans-serif;color:var(--ink)}
button,input{font:inherit}button,.btn,.googleBtn{min-height:44px;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.45}input{min-width:0}button svg{pointer-events:none}.ui-icon{width:19px;height:19px;flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--ink);border-radius:3px;background:var(--surface);color:var(--ink);padding:10px 13px;font-size:14px}.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn.selected,.btn[aria-pressed="true"]{background:var(--ink);color:var(--bg)}button:focus-visible,input:focus-visible,summary:focus-visible,.pronunciation:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
#loginScreen .top{height:auto;min-height:78px;background:var(--bg);padding:18px 5%;position:relative;flex-wrap:wrap;gap:14px}#loginScreen .top button{font-size:14px;border-radius:3px}.brand,.wordmark{font-family:'Space Grotesk',system-ui,sans-serif;font-size:26px;letter-spacing:-.06em;font-weight:700}.wordmark>span{color:var(--accent)}
#loginScreen .hero{width:100%;max-width:none;text-align:left;padding:64px 5% 80px}#loginScreen .hero h1{font-family:'Space Grotesk',system-ui,sans-serif;font-size:clamp(72px,13vw,180px);line-height:.9;letter-spacing:-.07em;margin:28px 0}#loginScreen .hero p{font-size:clamp(20px,2.7vw,30px);max-width:620px;margin:28px 0;color:var(--ink)}.tag,.eyebrow{font-size:13px;letter-spacing:.06em}.intro-heading h2,.features-title h2,.cta-lexi h2{letter-spacing:-.06em}.steps-lexi p,.features-grid p{font-size:16px}.features-grid h3{letter-spacing:-.04em}.cta{color:#202820;border:1px solid #202820;border-radius:3px;display:inline-flex;gap:8px;align-items:center}.resume-project{color:#202820}.accessPanel{padding:60px 5%;border-block:1px solid var(--ink);background:var(--surface)}.accessPanel>div{max-width:700px}.accessPanel h2{font-size:clamp(40px,7vw,75px);line-height:1;margin:22px 0}.accessPanel .privacyNote{font-size:14px}.accessPanel p{max-width:550px}.landingFooter{background:var(--bg);padding:36px 5%;display:flex;gap:30px;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--ink)}.landingFooter strong{font:600 clamp(28px,4vw,52px)/1.1 'Space Grotesk',system-ui,sans-serif;letter-spacing:-.05em;max-width:800px}.landingFooter .tag{max-width:200px}
#appScreen{min-height:100dvh}#appScreen>header{height:auto;min-height:76px;position:relative;z-index:2;padding:14px 24px;background:var(--surface);border-bottom:1px solid var(--ink);gap:14px;flex-wrap:wrap}.headerVersion{font-size:13px;color:var(--subtle);letter-spacing:0}.headerActions{flex-wrap:wrap}.pill{font-size:13px;color:var(--green);border:1px solid var(--line);background:var(--soft)}
.demo4layout{grid-template-columns:minmax(0,1fr) minmax(245px,23%) minmax(245px,22%);height:calc(100dvh - 84px);min-height:520px;padding:18px 24px;gap:0;align-items:stretch}.panel{background:var(--surface);color:var(--ink);border:1px solid var(--ink);border-radius:0;min-width:0}.drivePanel,.playerPanel{border-left:0}.panelHead{padding:16px;border-bottom:1px solid var(--line);gap:12px;flex-wrap:wrap}.panelHead h2{font-size:23px;letter-spacing:-.04em;overflow-wrap:anywhere}.pdfActions{gap:8px;justify-content:flex-start}.eyebrow{color:var(--subtle)}.scriptPanel{min-height:0;display:flex;flex-direction:column}.scriptPanel .scriptList{min-height:0;flex:1;max-height:none;overflow:auto;padding:8px 12px;overscroll-behavior:contain;scroll-padding:20px}.scriptRow{grid-template-columns:88px 112px minmax(0,1fr);padding:17px 8px;gap:12px;border-bottom:1px solid var(--line);color:var(--ink)}.scriptMeta{font:12px/1.6 'IBM Plex Mono',monospace;color:var(--subtle)}.scriptCharacter{font-size:14px;overflow-wrap:anywhere}.scriptDialogue{font-size:16px;line-height:1.7;overflow-wrap:anywhere}.marker{font-size:14px;background:var(--soft);color:var(--subtle);border:1px solid var(--line);border-radius:2px}.pronunciation{display:inline;color:inherit;background:transparent;border:0;border-radius:0;border-bottom:2px solid var(--accent);padding:1px 2px;font-weight:700;cursor:pointer}.pronunciation:hover{background:var(--lime);color:#202820}.scriptRow:hover{background:color-mix(in srgb,var(--ink) 3%,transparent)}.scriptRow.jumpFound{background:var(--lime);color:#202820;outline:0;box-shadow:inset 4px 0 #53692e}.jumpFound .scriptMeta{color:#48573d}.scriptRow.characterHighlight{background:color-mix(in srgb,var(--accent) 18%,var(--surface));box-shadow:inset 4px 0 var(--accent)}.characterHighlight .scriptCharacter{color:var(--ink);font-weight:900}
.characterModes{display:flex;gap:3px;background:var(--soft);padding:5px;border-bottom:1px solid var(--line);flex-shrink:0}.characterModes button{flex:1;border:0;font-size:14px;padding:8px;line-height:1.25}.characterJump{padding:12px 16px;gap:10px;background:var(--surface);border-color:var(--line)}.jumpField label{font-size:14px;color:var(--subtle)}.jumpField input{border-radius:3px;border-color:var(--line);color:var(--ink);background:var(--bg);font-size:16px}.jumpActions{flex-wrap:wrap;gap:5px}#characterJumpStatus{font-size:13px;line-height:1.4}.highlightMode .jumpActions{display:none}.stats{border-color:var(--line)}.stats div{padding:8px 14px;border-color:var(--line)}.stats b{font-size:16px}.stats span{font-size:12px}.techDetails{font-size:13px;padding:7px 12px;border-color:var(--line)}.techDetails summary{font-size:13px;color:var(--subtle)}.diagBox{background:var(--soft);color:var(--subtle);border-color:var(--line);font-size:12px}.drivePanel{display:flex;flex-direction:column;min-height:0}.toolbar{flex-wrap:wrap;border-color:var(--line);padding:12px}.toolbar input{flex-basis:100%;background:var(--bg);color:var(--ink);border-radius:3px;border-color:var(--line);font-size:16px}.toolbar .btn{flex:1}.fileList{max-height:none;flex:1;min-height:0;overflow:auto}.fileRow{border-color:var(--line);padding:12px 8px;gap:6px}.fileRow>div{min-width:0;overflow-wrap:anywhere}.fileRow small{font-size:12px;color:var(--subtle)}.fileRow button{min-width:44px;font-size:13px;padding:8px}.fileRow button .ui-icon{width:16px}.empty{padding:50px 20px;font-size:15px;color:var(--subtle)}.empty b{color:var(--ink)}.big .ui-icon{width:36px;height:36px}.playerPanel{padding:18px}.playerPanel h3{font-size:28px;overflow-wrap:anywhere;letter-spacing:-.04em}.playerPanel hr{border-color:var(--line)}.playerPanel ol{color:var(--subtle);font-size:14px}.playerPanel audio{width:100%;margin:16px 0}.status,.privacyNote{font-size:14px;color:var(--subtle)}.error{color:var(--red)}.ok{color:var(--green)}
.modal{z-index:100;background:rgba(10,15,13,.82);overflow:auto}.modalBox{background:var(--surface);color:var(--ink);border:1px solid var(--ink);border-radius:3px;box-shadow:8px 8px var(--accent)}.modalHead h2{font-size:32px}.modalBox label{font-size:14px;color:var(--subtle)}.termInput{font-size:16px;color:var(--ink);background:var(--bg);border-color:var(--line);border-radius:3px}.recBox{background:var(--bg);border-color:var(--line);border-radius:3px}.mic{background:var(--ink);color:var(--bg);border-color:var(--ink);display:inline-grid;place-items:center}.mic.live{background:var(--accent);color:#202820}.mic .ui-icon{width:28px;height:28px;margin:0}.x{background:none;color:var(--ink);border:0;padding:6px}.modalActions .btn{min-width:0}.resumeNotice{padding:12px 24px;font-size:14px;background:var(--lime);color:#202820;border-bottom:1px solid var(--ink)}.resumeNotice button{margin:4px 0 4px 12px;color:#202820;background:transparent;border:1px solid #202820;font-size:13px}.resumeNotice.error{background:var(--soft);color:var(--red)}
.demo4layout.readingMode{height:calc(100dvh - 84px);grid-template-columns:minmax(0,1fr);min-height:480px}.readingMode>.drivePanel,.readingMode>.playerPanel{display:none}.readingMode .scriptList{font-size:18px;padding:12px clamp(16px,4vw,60px)}.readingMode .scriptRow{grid-template-columns:105px 160px minmax(0,1fr);gap:24px;padding:20px 12px}.readingMode .scriptDialogue{font-size:20px}.readingMode .scriptMeta{font-size:14px}.readingMode .scriptCharacter{font-size:17px}
.floating-player{background:var(--surface);border-radius:5px;box-shadow:6px 6px var(--accent);z-index:80;color:var(--ink);width:min(400px,calc(100vw - 36px))}.floating-player .btn{min-width:44px;min-height:44px}.float-title strong{font-size:22px}.float-title span{font-size:13px;color:var(--subtle)}.floating-player progress{display:block;appearance:none;width:100%;height:4px;border:0;margin-top:12px;background:var(--line);accent-color:var(--accent)}.floating-player progress::-webkit-progress-bar{background:var(--line)}.floating-player progress::-webkit-progress-value{background:var(--accent)}
html[data-device="tablet"] .demo4layout{grid-template-columns:minmax(0,1fr) minmax(230px,27%);padding:0;height:calc(100dvh - 80px)}html[data-device="tablet"] .playerPanel{display:none}html[data-device="tablet"] .scriptRow{grid-template-columns:82px 110px minmax(0,1fr);padding:18px 6px}html[data-device="tablet"] .scriptDialogue{font-size:17px}html[data-device="tablet"] .demo4layout.readingMode{grid-template-columns:1fr}html[data-device="tablet"] .readingMode .scriptDialogue{font-size:20px}html[data-device="tablet"] .floating-player{left:50%;right:auto;transform:translateX(-50%);bottom:calc(20px + env(safe-area-inset-bottom));width:min(480px,calc(100vw - 36px))}html[data-device="tablet"] #appScreen>header{padding:10px 16px}
@media(max-width:1180px){.demo4layout{grid-template-columns:minmax(0,1fr) minmax(240px,29%);height:calc(100dvh - 84px);min-height:520px;padding:12px}.playerPanel{display:none}.scriptRow{grid-template-columns:82px 100px minmax(0,1fr);gap:10px}.scriptPanel .scriptList{max-height:none}}
@media(max-width:760px){#appScreen>header{padding:10px 12px}.headerActions{gap:6px}.headerActions .btn{font-size:13px;padding:8px}.headerVersion{display:block;margin-left:0}.pill{display:none}.demo4layout,html[data-device="tablet"] .demo4layout{display:flex;flex-direction:column;height:auto;min-height:0;padding:10px}.scriptPanel{height:85dvh;min-height:530px}.drivePanel{min-height:400px;max-height:65dvh;border-left:1px solid var(--ink);border-top:0}.scriptRow,html[data-device="tablet"] .scriptRow{grid-template-columns:80px minmax(0,1fr);gap:7px}.scriptDialogue{grid-column:1/-1}.characterModes{flex-wrap:wrap}.characterModes .btn{min-width:140px}.readingMode .scriptRow{grid-template-columns:85px minmax(0,1fr);gap:10px}.demo4layout.readingMode{height:calc(100dvh - 100px);min-height:530px}.readingMode .scriptPanel{height:100%;min-height:0}.readingMode .scriptList{padding:8px 12px}.readingMode .scriptDialogue{font-size:18px}.top-actions{gap:8px}.top-actions button{font-size:13px!important;min-height:44px}.hero .asterisk{right:-20px;opacity:.4}.jumpActions{width:100%;justify-content:space-between}.jumpActions .btn{flex:1}.landingFooter{padding-bottom:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* V10.0.1 — espaço de leitura, seleção de dispositivo e transporte de áudio. */
.deviceModes{display:flex;gap:3px;border:1px solid var(--line);padding:2px;border-radius:4px;background:var(--soft)}
.deviceModes .btn{border:0;min-height:38px;padding:7px 10px;font-size:13px;background:transparent}
.deviceModes .btn[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
#appScreen>header{min-height:56px;padding:6px 16px;gap:10px}
#appScreen .wordmark{font-size:23px}#appScreen .headerActions{gap:7px}#appScreen .headerActions>.btn{min-height:40px;padding:7px 10px;font-size:13px}
.referenceArt{height:104px;margin:16px 0 20px;background:var(--lime);color:#202820;border:1px solid var(--line);display:grid;place-items:center}
.referenceArt svg{width:90%;height:78%}.audioTransport{display:flex;align-items:center;gap:10px;margin:12px 0}.referencePlay.btn{height:52px;width:52px;border-radius:50%;background:var(--ink);color:var(--bg);border:0}.referencePlay .ui-icon{width:23px;height:23px;margin:0}.audioTime{font:12px 'IBM Plex Mono',monospace;color:var(--subtle);margin-left:auto;white-space:nowrap}.audioSeek{display:block;width:100%;height:32px;min-width:0;accent-color:var(--accent);padding:0;cursor:pointer;border:0}.nativeAudio{margin:8px 0 14px;border-top:1px solid var(--line);padding-top:9px}.nativeAudio summary{cursor:pointer;font-size:12px;color:var(--subtle)}.playerPanel{overflow:auto;border:1px solid var(--ink);border-left:0}.playerPanel h3{font-size:26px;margin:7px 0 0}.playerPanel .status{font-size:13px;margin:8px 0 0}.playerPanel>hr{margin:18px 0}.playerPanel ol{font-size:13px}.floating-player{position:fixed;border:1px solid var(--ink);background:var(--surface);padding:14px 16px;right:22px;bottom:calc(22px + env(safe-area-inset-bottom));box-shadow:6px 6px var(--accent)}
.characterJump>.characterModes{flex-basis:100%;border:1px solid var(--line);width:max-content;max-width:100%;padding:3px;border-radius:5px;background:var(--soft)}
.characterJump>.characterModes .btn{flex:0 1 auto;min-height:38px;font-size:13px;padding:7px 10px;border-radius:3px}.characterJump .jumpField{min-width:180px}.jumpField label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.jumpField input{min-height:40px;padding:8px 10px}.jumpActions .btn{min-height:40px;padding:8px 10px;font-size:13px}.jumpActions output{font-size:13px;min-width:50px}#characterJumpStatus{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.scriptInfo{flex-shrink:0;border-bottom:1px solid var(--line);font-size:12px;color:var(--subtle);background:var(--soft)}.scriptInfo>summary{padding:6px 12px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}.scriptInfo .stats{background:var(--surface)}.scriptInfo .techDetails{background:var(--surface)}.scriptInfo .stats div{display:flex;align-items:baseline;gap:7px;padding:8px 12px}.scriptInfo .stats span{font-size:12px}
.resumeNotice{padding:0 16px;display:flex;align-items:start;gap:10px;background:var(--soft);color:var(--subtle);border-color:var(--line)}.noticeDetails{flex:1;min-width:0;font-size:12px}.noticeDetails>summary{cursor:pointer;padding:7px 0;line-height:1.5}.noticeDetails>div{font-size:13px;padding:4px 0 12px;max-width:1000px}.noticeDetails>div>button{font-size:12px;padding:6px 9px;min-height:36px;margin:8px 0 0;display:block}.resumeNotice .noticeDismiss{border:0;background:transparent;color:var(--subtle);font-size:12px;min-height:32px;padding:5px 0;margin:0}.resumeNotice.error{background:var(--soft);color:var(--red)}
.has-script #appScreen{height:100dvh;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden}
.has-script #appScreen>header{grid-row:1}.has-script #resumeNotice{grid-row:2}
.has-script #appScreen>.demo4layout{grid-row:3;height:auto!important;min-height:0!important;padding:10px 14px;grid-template-rows:minmax(0,1fr);overflow:hidden}
.has-script #appScreen .scriptPanel{container-type:inline-size;height:auto;min-height:0}
.has-script #appScreen .scriptPanel>.panelHead{padding:8px 12px;flex-wrap:nowrap;gap:12px;align-items:center}
.has-script .scriptPanel>.panelHead>div:first-child{flex:1;min-width:0}.has-script .scriptPanel .eyebrow{font-size:11px;line-height:1.3}.has-script #pdfTitle{font-size:16px;line-height:1.3;margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.02em}
.has-script .pdfActions{flex-shrink:0;flex-wrap:nowrap;gap:6px}.has-script .pdfActions .btn{min-height:40px;font-size:13px;padding:8px 10px}
.has-script .characterJump{padding:7px 10px;gap:6px 8px;flex-shrink:0}
.has-script #appScreen .scriptList{flex:1;min-height:0;max-height:none;padding:8px 12px}
.has-script .drivePanel>.panelHead{padding:10px 12px;gap:8px}.has-script .drivePanel>.panelHead>div{min-width:0;flex:1}.has-script #folderTitle{font-size:16px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:4px 0}.has-script #folderBtn{font-size:12px;padding:8px;min-height:40px}.has-script .drivePanel>.stats div{padding:7px 10px}.has-script .toolbar{padding:8px;gap:6px}.has-script .toolbar .btn{font-size:13px;padding:8px}.has-script .toolbar input{font-size:15px;padding:8px}
@container(min-width:850px){.characterJump>.characterModes{flex-basis:auto}.characterJump{flex-wrap:nowrap}.characterJump .jumpField{flex:1}.characterJump .jumpActions{flex-wrap:nowrap}}
@media(min-width:1181px){html[data-device="desktop"] .demo4layout:not(.readingMode){grid-template-columns:minmax(0,1fr) minmax(230px,22%) minmax(230px,20%)}}
html[data-device="tablet"].has-script #appScreen>.demo4layout{padding:0;grid-template-columns:minmax(0,1fr) minmax(220px,26%)}
html[data-device="tablet"].has-script #appScreen>.demo4layout.readingMode{grid-template-columns:1fr}
html[data-device="tablet"] .deviceModes .btn,html[data-device="tablet"] .pdfActions .btn,html[data-device="tablet"] .jumpActions .btn,html[data-device="tablet"] .characterModes .btn{min-height:44px}
@media(max-width:1000px){.has-script .scriptPanel>.panelHead .pdfActions .btn{font-size:12px;padding:7px}.has-script #pdfTitle{font-size:15px}.headerVersion{font-size:11px}.has-script .headerActions .pill{display:none}}
@media(max-width:760px){#appScreen .headerVersion{display:none}.deviceModes .btn{font-size:12px;padding:6px}.deviceModes .btn .ui-icon{display:none}#appScreen>header{gap:6px;padding:6px 10px}#appScreen .headerActions{gap:5px}.has-script #appScreen>.demo4layout,html[data-device="tablet"].has-script #appScreen>.demo4layout{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;padding:0;gap:0}.has-script #appScreen .scriptPanel{height:auto;min-height:0}.has-script .drivePanel{min-height:0;max-height:27dvh}.has-script #appScreen>.demo4layout.readingMode{grid-template-rows:minmax(0,1fr)}.has-script .jumpActions{width:auto;justify-content:flex-start}.has-script .jumpActions .btn{flex:0 1 auto}.has-script .characterJump .jumpField{min-width:140px}.has-script .scriptPanel>.panelHead{flex-wrap:wrap}.has-script .pdfActions{flex-wrap:wrap}.has-script .characterModes .btn{min-width:0;flex:1}.has-script .scriptPanel .scriptDialogue{font-size:16px}.has-script .readingMode .scriptDialogue{font-size:18px}.resumeNotice{padding:0 10px}.audioTransport{gap:8px}.floating-player{bottom:calc(16px + env(safe-area-inset-bottom))}}

/* Leitura sempre em uma coluna: não reserva espaço para os painéis recolhidos. */
html[data-device] #appScreen>.demo4layout.readingMode{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
html[data-device] #appScreen>.demo4layout.readingMode>.scriptPanel{grid-column:1 / -1;min-width:0;width:100%}

.landingFooter .copyright{flex-basis:100%;margin:12px 0 0;padding-top:20px;border-top:1px solid var(--line);font-size:13px;line-height:1.6;color:var(--subtle);letter-spacing:0}