:root{color-scheme:dark;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}body{margin:0;background:#0b1020;color:#e6e9f2}.app{max-width:720px;margin:0 auto;padding:2.5rem 1.5rem}.app header h1{margin-bottom:.25rem;font-size:2rem}.app .tagline{margin-top:0;color:#9aa3bd}.app section{margin-top:2rem;border:1px solid #232a44;border-radius:12px;padding:1rem 1.25rem}.app h2{margin-top:0;font-size:1.1rem}.app .ok{color:#5fd68a}.app .error{color:#ff7a7a}.app code{background:#161d33;border-radius:4px;padding:.1em .4em}.app .meta{color:#9aa3bd}.app nav.views{display:flex;gap:.5rem;margin-top:1.5rem}.app button{background:#1d2542;color:inherit;border:1px solid #2c3560;border-radius:8px;padding:.4rem .8rem;font:inherit;cursor:pointer}.app button:disabled{opacity:.6;cursor:default}.app nav.views button[aria-pressed=true]{background:#3550a8;border-color:#4664c8}.app .field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.app .field label{color:#9aa3bd;font-size:.85rem}.app input,.app select{background:#0f1428;color:inherit;border:1px solid #2c3560;border-radius:8px;padding:.45rem .6rem;font:inherit}.app .search-form,.app .compare-form,.app .align-form{margin-bottom:1rem}.app table.results{width:100%;border-collapse:collapse}.app table.results th,.app table.results td{border-bottom:1px solid #232a44;padding:.4rem .5rem;text-align:left;vertical-align:top}.app dl.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem 1rem;margin:.5rem 0}.app dl.kv dt{color:#9aa3bd;font-size:.8rem}.app dl.kv dd{margin:0}.app pre.sequence{background:#0f1428;border-radius:8px;padding:.6rem;max-height:12rem;overflow:auto;white-space:pre-wrap;word-break:break-all}.app ul.composition{display:flex;flex-wrap:wrap;gap:.75rem;list-style:none;padding:0}.app .chart-panel{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.app .legend-swatch{display:inline-block;width:.7rem;height:.7rem;border-radius:3px;margin-right:.35rem;vertical-align:middle}.app ul.quality-rows{list-style:none;padding:0;margin:.5rem 0 0;color:#9aa3bd;font-size:.85rem}.app .alignment{background:#0f1428;border-radius:8px;padding:.6rem;overflow-x:auto}.app .alignment-row{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem;line-height:1.4;white-space:pre-wrap;word-break:break-all}.app .alignment-row span{border-radius:2px}.app .col-match{background:#1d3b2a;color:#b8f2cd}.app .col-mismatch{background:#4a1f2b;color:#ffb3b3}.app .col-gap{background:#2a2f45;color:#9aa3bd}.app .legend{border-radius:3px;padding:.05em .35em}.app .export-links{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0 0}.app .export-links a{background:#1d2542;border:1px solid #2c3560;border-radius:8px;color:#d7ddf0;padding:.35rem .7rem;text-decoration:none}.app .export-links a:hover{background:#28325a}