:root{color-scheme:light dark;font-family:system-ui,sans-serif}body{margin:0}.layout{display:grid;grid-template-rows:auto 1fr auto;height:100vh}#app-chrome{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;padding:.5rem .75rem;border-bottom:1px solid #8884;font:13px/1.4 system-ui,sans-serif;color:#333;background:#f6f6f6;position:static}@media(prefers-color-scheme:dark){#app-chrome{background:#1c1c1c;color:#ddd}}#reader{position:relative;overflow:hidden}foliate-view{display:block;width:100%;height:100%}.status{padding:.4rem .75rem;border-top:1px solid #8884;font:11px/1.5 ui-monospace,monospace;white-space:pre-wrap;max-height:22vh;overflow:auto}label{display:inline-flex;gap:.25rem;align-items:center}button,select,input{font:inherit}