:root{color-scheme:dark;--bg:#0b0f14;--card:#142134;--blue:#8bceff;--ink:#f2f6fc;--muted:#bfccde;font:20px system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}main{max-width:1160px;margin:auto;padding:30px 24px 60px}h1{font-size:clamp(2rem,5vw,3.5rem);margin:.2em 0}h2{margin-top:0}p{line-height:1.6;color:var(--muted)}.eyebrow{letter-spacing:.14em;color:var(--blue);font-size:.8rem;font-weight:800}button,input,select,textarea{font:inherit}button,.button{min-height:58px;border:1px solid #759abd;border-radius:12px;padding:14px 20px;background:#1e3c59;color:white;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#305878}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible,.scan-current{outline:4px solid #ffdc63!important;outline-offset:3px}.scan-current{background:#f5d75f!important;color:#08121d!important}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.card,section.panel{background:var(--card);border:1px solid #344d6b;border-radius:18px;padding:24px;margin:20px 0}.card h2{font-size:1.35rem;margin-bottom:8px}.card .toolbar{margin-bottom:0}.card p{margin:8px 0}.empty{padding:40px;border:2px dashed #415774;border-radius:18px}.muted{color:var(--muted)}label{display:block;margin:18px 0 8px}input,textarea,select{padding:14px;border:1px solid #6b809b;border-radius:8px;background:#0a1524;color:white;width:100%;max-width:800px}input[type=checkbox]{width:24px;height:24px}textarea{min-height:130px}dialog{width:min(800px,94vw);max-height:90vh;overflow:auto;background:#142134;color:white;border:2px solid #8bceff;border-radius:18px;padding:26px}dialog::backdrop{background:#000b}[hidden]{display:none!important}.status{color:#ffdf83;min-height:1.6em}.small{font-size:.85rem}a{color:#9ed7ff}hr{border:0;border-top:1px solid #405771;margin:24px 0}

.library-settings{text-align:right;font-size:14px;margin-bottom:20px}.library-settings summary, .card summary{cursor:pointer;color:#b8cfe4;padding:10px}.library-settings>div{text-align:left}.card details{font-size:14px;margin-top:16px}.card details button{font-size:14px;min-height:42px;margin:5px}#search-letters{grid-template-columns:repeat(6,1fr);gap:10px}#search-letters button{min-width:0}

.connection-status{display:inline-block;border:1px solid currentColor;border-radius:20px;padding:6px 12px;font-weight:700;color:#ffdf83;background:#302816}.connection-status[data-connection="connected"]{color:#9aefb4;background:#123421}.connection-status[data-connection="disconnected"]{color:#ffb4b4;background:#421f25}