.books-panel{width:min(780px,calc(100vw - 24px));max-height:90dvh;overflow:auto;padding:20px;border:1px solid #30364b;border-radius:18px;background:#121725;color:#edf0f7}.books-panel::backdrop{background:#000b}.books-panel header,.book-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.books-panel h2,.books-panel h3{margin:16px 0 10px}.books-panel button,.books-panel input,.books-panel select,.books-offline button,.books-offline select{font:inherit;min-height:42px;border-radius:9px;padding:8px 12px;border:1px solid #596583;background:#202b41;color:inherit}.books-panel button{cursor:pointer}.books-panel button:disabled{opacity:.5;cursor:wait}.book-row{padding:10px 0;flex-wrap:wrap;border-bottom:1px solid #39425a}.book-row>span{flex:1;min-width:150px;overflow-wrap:anywhere}.book-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.book-toolbar input[type=url]{flex:1;min-width:180px}.books-panel label{display:block;margin:10px 0 6px}.book-status{min-height:1.5em;overflow-wrap:anywhere}.book-status.error{color:#ffb5b5}.book-status:not(.error){color:#bfd4f7}.book-transport{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.book-transport input[type=range]{width:100%;accent-color:#a7c9ff}.books-panel audio{width:100%}.books-panel select{max-width:100%}.books-panel a{color:#a7c9ff}.book-admin{padding:12px;border:1px solid #39425a;margin:15px 0}.books-offline{font:16px/1.5 system-ui,sans-serif;background:#121725;color:#edf0f7;margin:0}.books-offline main{max-width:720px;margin:auto;padding:24px}.books-offline a{color:#a7c9ff}.books-offline article{padding:12px 0;display:flex;gap:12px;flex-wrap:wrap;border-bottom:1px solid #39425a}.books-offline audio{display:block;width:100%;margin:18px 0}#book-progress{min-width:140px}#books-open{white-space:nowrap}@media(max-width:420px){.books-panel{padding:12px}.book-toolbar>*{max-width:100%}.books-panel header{align-items:flex-start}.book-transport button{padding:8px}.header-actions{flex-wrap:wrap}}
.books-panel header{position:sticky;top:0;z-index:2;background:#121725;padding:8px 0}.books-panel{max-width:780px}

/* The public book page embeds the same library without a modal overlay. */
.books-embedded{position:static;width:100%;max-width:none;max-height:none;margin:20px 0 0;background:var(--panel);color:var(--ink);border-color:var(--line)}
.books-embedded header{position:static;background:transparent}.books-embedded #books-close{display:none}
.book-workspace{scroll-margin-top:24px}.book-workspace>button,.book-workspace #book-model{font:inherit;padding:10px 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);margin:6px 6px 6px 0;max-width:100%}
.book-workspace #book-login-code{font-size:30px;letter-spacing:.15em}.books-embedded input[type=file]{width:100%;min-width:0;padding:6px}.books-embedded .book-toolbar>label{max-width:100%;min-width:0}.books-embedded #book-url{min-width:0;width:100%}
@media(max-width:420px){.books-embedded{padding:10px}.books-embedded .book-toolbar{align-items:stretch}.books-embedded input,.books-embedded select{max-width:100%}}