*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{color:#e2e8f0;-webkit-font-smoothing:antialiased;background:#0f172a;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#475569}select option{background:#1e293b}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-header{background:#1e293b;border-bottom:1px solid #334155;flex-shrink:0;padding:14px 24px 0}.header-top{justify-content:space-between;align-items:flex-end;display:flex}.app-title{color:#f1f5f9;letter-spacing:-.02em;margin:0;font-size:18px;font-weight:700}.app-sub{color:#64748b;margin:3px 0 10px;font-size:12px}.app-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.tab-nav{gap:2px;display:flex}.tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;padding:8px 18px;font-size:13px;font-weight:500;transition:color .15s,border-color .15s}.tab-btn:hover{color:#cbd5e1}.tab-btn.active{color:#818cf8;border-bottom-color:#818cf8}.init-loading{color:#475569;justify-content:center;align-items:center;height:100%;font-size:15px;display:flex}.view{flex-direction:column;flex:1;display:flex;overflow:hidden}.controls{background:#1a2639;border-bottom:1px solid #334155;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:10px 20px;display:flex}.ctrl-input{color:#e2e8f0;background:#0f172a;border:1px solid #334155;border-radius:6px;outline:none;width:210px;padding:5px 10px;font-size:13px}.ctrl-input::placeholder{color:#475569}.ctrl-input:focus{border-color:#818cf8}.ctrl-select{color:#e2e8f0;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:6px;outline:none;padding:5px 10px;font-size:13px}.ctrl-select:focus{border-color:#818cf8}.ctrl-count{color:#475569;margin-left:auto;font-size:12px}.strips-layout{flex:1;display:flex;overflow:hidden}.family-sidebar{background:#111827;border-right:1px solid #334155;flex-shrink:0;width:185px;overflow-y:auto}.sidebar-title{color:#334155;letter-spacing:.1em;text-transform:uppercase;padding:10px 14px 6px;font-size:10px;font-weight:700}.sidebar-family{cursor:pointer;border-left:3px solid #0000;justify-content:space-between;align-items:center;padding:7px 12px 7px 11px;transition:background .1s;display:flex}.sidebar-family:hover{background:#ffffff08}.sidebar-family.active{background:#818cf80f}.sidebar-name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.sidebar-count{color:#334155;flex-shrink:0;margin-left:4px;font-size:11px}.sidebar-empty{color:#334155;padding:12px 14px;font-size:12px}.sequences-panel{flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.panel-header{background:#1a2639;border-bottom:1px solid #334155;border-left:4px solid #0000;flex-shrink:0;padding:12px 20px}.panel-title{margin-bottom:3px;font-size:16px;font-weight:700}.panel-stats{color:#64748b;font-size:12px}.panel-sources{color:#475569;font-size:12px}.consensus-section{background:#162032;border-bottom:1px solid #334155;flex-shrink:0;padding:12px 20px}.consensus-header-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.consensus-label{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.consensus-hint{color:#334155;font-size:11px;font-style:italic}.consensus-strip{border:1px solid #1e3a5f;border-radius:3px;height:32px!important}.diff-legend{color:#475569;gap:16px;margin-bottom:6px;font-size:11px;display:flex}.diff-bright{color:#94a3b8}.diff-dim{color:#475569}.base-key{color:#64748b;gap:12px;font-size:11px;display:flex}.base-key-item{align-items:center;display:flex}.seq-list{flex:1;padding:6px 20px}.seq-row{cursor:pointer;border-bottom:1px solid #1a2639;border-radius:4px;padding:7px 4px}.seq-row:hover{background:#ffffff05}.seq-row.expanded{background:#818cf80d;border-color:#334155}.seq-meta{align-items:baseline;gap:10px;margin-bottom:5px;display:flex}.seq-species{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;min-width:180px;font-size:12.5px;font-weight:600;overflow:hidden}.seq-info{color:#64748b;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.seq-len{color:#334155;white-space:nowrap;font-size:11px}.seq-strip-wrap{width:100%}.seq-strip{border-radius:2px;width:100%;height:18px;display:block}.seq-detail{background:#0f172a;border:1px solid #1e293b;border-radius:6px;margin-top:8px;padding:10px 12px}.seq-bases{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.base-tag{border:1px solid;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500}.seq-text{color:#64748b;word-break:break-all;font-family:Courier New,Courier,monospace;font-size:11px;line-height:1.6}.seq-id{color:#334155;margin-top:6px;font-size:11px}.empty-msg{text-align:center;color:#475569;padding:40px}.pagination{background:#1e293b;border-top:1px solid #334155;flex-shrink:0;align-items:center;gap:6px;padding:10px 20px;display:flex}.page-btn{color:#94a3b8;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:5px;padding:4px 10px;font-size:14px;transition:background .1s}.page-btn:not(:disabled):hover{color:#e2e8f0;background:#334155}.page-btn:disabled{opacity:.3;cursor:default}.page-info{text-align:center;color:#64748b;flex:1;font-size:12px}.world-map-view{overflow:hidden}.map-wrap{background:#0d1b2a;flex:1;position:relative;overflow:hidden}.world-svg{width:100%;height:100%;display:block}.map-tooltip{pointer-events:none;z-index:50;background:#1e293b;border:1px solid #334155;border-radius:7px;padding:9px 13px;font-size:12.5px;line-height:1.7;position:fixed;box-shadow:0 4px 20px #00000080}.tt-country{color:#f1f5f9;margin-bottom:2px;font-size:13px;font-weight:700}.tt-row{color:#94a3b8}.bubble-legend{background:#1e293b;border-top:1px solid #334155;flex-shrink:0;align-items:center;gap:14px;padding:7px 20px;display:flex}.bubble-legend-label{color:#64748b;font-size:12px}.bubble-legend-item{color:#64748b;align-items:center;gap:4px;font-size:12px;display:flex}.cluster-loading{justify-content:center;align-items:center;gap:14px}.spinner-ring{border:3px solid #334155;border-top-color:#818cf8;border-radius:50%;width:40px;height:40px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-title{color:#818cf8;font-size:15px;font-weight:600}.loading-sub{color:#475569;font-size:13px}.cluster-view{overflow:hidden}.cluster-layout{flex:1;display:flex;overflow:hidden}.cluster-main{flex-direction:column;flex:1;min-width:0;padding:14px 20px;display:flex;overflow:hidden}.cluster-header{flex-shrink:0;margin-bottom:8px}.view-title{color:#f1f5f9;margin:0 0 4px;font-size:15px;font-weight:700}.view-sub{color:#64748b;margin:0;font-size:12px;line-height:1.5}.scatter-svg{aspect-ratio:680/480;flex-shrink:0;width:100%;max-width:1280px;height:auto;overflow:visible}.scatter-tooltip{pointer-events:none;background:#1e293b;border:1px solid #334155;border-radius:7px;flex-shrink:0;min-height:92px;margin-top:6px;padding:10px 14px;font-size:12.5px;line-height:1.7}.scatter-tooltip.empty{background:0 0;border-color:#0000}.tt-species{color:#f1f5f9;font-weight:700}.tt-seq{color:#475569;margin-top:3px;font-family:Courier New,monospace;font-size:10.5px}.cluster-legend{border-left:1px solid #334155;flex-direction:column;flex-shrink:0;width:210px;padding:14px 12px;display:flex;overflow-y:auto}.legend-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:12px;font-weight:600}.legend-hint{color:#334155;margin-bottom:8px;font-size:11px;font-style:italic}.family-list{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.family-item{cursor:pointer;color:#94a3b8;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;gap:7px;padding:4px 6px;font-size:12px;transition:background .1s;display:flex}.family-item:hover{background:#1e293b}.family-item.dim{opacity:.28}.family-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.family-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.clear-filter-btn{color:#94a3b8;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:5px;flex-shrink:0;width:100%;margin-top:10px;padding:6px;font-size:12px}.clear-filter-btn:hover{color:#e2e8f0;background:#334155}.map-legends{flex-wrap:wrap;align-items:flex-end;gap:32px;margin-top:16px;padding:0 8px;display:flex}.bubble-legend,.family-legend{flex-direction:column;gap:8px;display:flex}.bubble-legend-label{letter-spacing:.04em;color:#c7d2fe;text-transform:uppercase;font-size:12px}.family-legend-items{flex-wrap:wrap;gap:6px 14px;max-width:520px;display:flex}.family-legend-item{color:#e2e8f0;align-items:center;gap:6px;font-size:12px;display:inline-flex}.panel-swatch{border-radius:50%;flex-shrink:0;width:11px;height:11px;display:inline-block}.map-wrap{position:relative}.country-panel{color:#e2e8f0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5;background:#0d1b2af5;border:1px solid #1e3a5f;border-radius:10px;width:260px;max-height:calc(100% - 24px);padding:14px 16px;position:absolute;top:12px;right:12px;overflow-y:auto;box-shadow:0 8px 24px #00000073}.panel-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0;font-size:20px;line-height:1;position:absolute;top:8px;right:10px}.panel-close:hover{color:#fff}.panel-title{color:#fff;margin:0 24px 2px 0;font-size:17px}.panel-total{color:#c7d2fe;margin-bottom:10px;font-size:13px}.panel-total b{color:#fff;font-size:16px}.panel-section{border-top:1px solid #1e293b;margin-top:12px;padding-top:10px}.panel-label{letter-spacing:.06em;text-transform:uppercase;color:#64748b;margin-bottom:6px;font-size:11px}.panel-bar-row{align-items:center;gap:7px;padding:2px 0;font-size:13px;display:flex}.panel-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.panel-val{color:#94a3b8;font-variant-numeric:tabular-nums;flex-shrink:0}.europe-inset{z-index:4;border:1px solid #1e3a5f;border-radius:8px;width:300px;position:absolute;bottom:12px;left:12px;overflow:hidden;box-shadow:0 4px 16px #0006}.inset-label{letter-spacing:.05em;text-transform:uppercase;color:#c7d2fe;pointer-events:none;font-size:11px;position:absolute;top:6px;left:8px}.inset-svg{width:100%;height:auto;display:block}