:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html,body{height:100%}body{color:#eee;background:#1f1f23;height:100dvh;margin:0;overflow:hidden}#app{flex-direction:column;height:100%;min-height:0;display:flex}.appHeader{background:#18181b;border-bottom:1px solid #333;flex-direction:column;gap:.5rem;padding:.75rem 1rem;display:flex}.appHeader__row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.appHeader h1{margin:0;font-size:1.1rem;font-weight:600}.appHeader__controls{gap:.5rem;margin-left:auto;display:flex}.toolbar{border-top:1px solid #2a2a2e;flex-wrap:wrap;align-items:center;gap:.5rem;width:100%;padding-top:.5rem;display:flex}.toolbar__group{color:#ddd;background:#ffffff17;border-radius:6px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.85rem;display:flex}.toolbar__group:last-child{background:#5f9ea0;margin-left:auto}.toolbar__group label{color:#aaa;-webkit-user-select:none;user-select:none;font-size:.8rem}.toolbar__group button{color:#eee;cursor:pointer;background:#3a3a3f;border:1px solid #555;border-radius:4px;min-width:1.6rem;padding:.3rem .55rem;font-size:.85rem}.toolbar__group button:hover:not(:disabled){background:#46464d}.toolbar__group button:disabled{opacity:.4;cursor:not-allowed}.toolbar__group select{color:#eee;cursor:pointer;background:#3a3a3f;border:1px solid #555;border-radius:4px;padding:.3rem .4rem;font-size:.85rem}.toolbar__group--voice select{max-width:220px}.toolbar__group input[type=range]{accent-color:#2563eb;cursor:pointer;width:110px}.toolbar__indicator{color:#ccc;text-align:center;min-width:3.5rem;font-family:ui-monospace,monospace;font-size:.8rem}.fileInput{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#2563eb;border-radius:6px;align-items:center;padding:.4rem .75rem;font-size:.9rem;display:inline-flex}.fileInput:hover{background:#1d4ed8}.appHeader button{color:#eee;cursor:pointer;background:#3a3a3f;border:1px solid #555;border-radius:6px;padding:.4rem .75rem;font-size:.9rem}.appHeader button:hover{background:#46464d}.iconBtn{width:2rem;height:2rem;font-weight:600;border-radius:50%!important;padding:0!important}.appMain{flex-direction:column;flex:1;align-items:center;gap:.75rem;min-height:0;padding:1rem;display:flex}.viewport{scroll-behavior:auto;background:#2a2a2e;border-radius:8px;flex:1;width:100%;max-width:1200px;min-height:0;position:relative;overflow:auto}.page{--scale-factor:1;--total-scale-factor:1;--user-unit:1;background:#fff;position:relative;box-shadow:0 2px 12px #0006}.pdfCanvas{z-index:0;display:block;position:absolute;top:0;left:0}.textLayer{text-align:initial;opacity:1;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;caret-color:canvastext;z-index:1;--min-font-size:1;--text-scale-factor:calc(var(--total-scale-factor) * var(--min-font-size));--min-font-size-inv:calc(1 / var(--min-font-size));line-height:1;position:absolute;inset:0;overflow:clip}.textLayer.highlighting{touch-action:none}.textLayer :is(span,br){color:#0000;white-space:pre;cursor:text;transform-origin:0 0;position:absolute}.textLayer>:not(.markedContent),.textLayer .markedContent span:not(.markedContent){z-index:1;--font-height:0;font-size:calc(var(--text-scale-factor) * var(--font-height));--scale-x:1;--rotate:0deg;transform:rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv))}.textLayer .markedContent{display:contents}.textLayer span[role=img]{-webkit-user-select:none;user-select:none;cursor:default}.textLayer ::selection{background:#0064ff59}.textLayer br::selection{background:0 0}.textLayer .endOfContent{z-index:0;cursor:default;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:100% 0 0}.textLayer.selecting .endOfContent{top:0}.highlightLayer{pointer-events:none;z-index:2;position:absolute;inset:0}.loading{pointer-events:none;z-index:10;background:#1414178c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading[hidden]{display:none}.loading__spinner{border:3px solid #fff3;border-top-color:#2563eb;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite audiolectio-spin}@keyframes audiolectio-spin{to{transform:rotate(360deg)}}.helpDialog{color:#eee;background:#2a2a2e;border:1px solid #555;border-radius:8px;max-width:420px;padding:1.5rem 2rem;position:relative}.helpDialog::backdrop{background:#0009}.helpDialog h2{margin:0 0 1rem;font-size:1.1rem;font-weight:600}.helpDialog__close{color:#ccc;cursor:pointer;background:0 0;border:0;padding:.2rem .5rem;font-size:1.5rem;line-height:1;position:absolute;top:.4rem;right:.6rem}.helpDialog__close:hover{color:#fff}.helpDialog__note{color:#999;margin:1rem 0 0;font-size:.8rem}.shortcuts{grid-template-columns:auto 1fr;align-items:center;gap:.5rem 1rem;margin:0;font-size:.9rem;display:grid}.shortcuts dt{text-align:center;background:#1a1a1d;border:1px solid #444;border-radius:4px;min-width:3.5rem;padding:.2rem .55rem;font-family:ui-monospace,monospace}.shortcuts dd{margin:0}.highlightBar{background:#ffdc3273;border-radius:2px;transition:left 90ms ease-out,top 90ms ease-out,width 90ms ease-out,height 90ms ease-out;position:absolute}.appHeader button:disabled{opacity:.5;cursor:not-allowed}.status{color:#aaa;margin:0;padding:.5rem 1rem;font-family:ui-monospace,monospace;font-size:.85rem}