*{box-sizing:border-box;margin:0;padding:0}:root{--brand-green: #5ecdb9;--brand-blue: #2e5f8f;--bg: #0f172a;--bg-elevated: #1e293b;--bg-hover: #334155;--border: #334155;--text: #f1f5f9;--text-muted: #94a3b8;--text-dim: #64748b;--accent: #5ecdb9;--accent-hover: #4db8a6;--up: #4ade80;--down: #f87171}body{font-family:Nunito,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}.app{max-width:1000px;margin:0 auto;padding:2rem 1.5rem;min-height:100vh;display:flex;flex-direction:column}header{margin-bottom:3rem}.logo{font-size:1.1rem;font-weight:600;text-decoration:none;display:inline-block;margin-bottom:1.5rem;transition:opacity .2s}.logo:hover{opacity:.8}.logo-arrow{color:var(--text-muted)}.logo-green{color:var(--brand-green)}.logo-white{color:var(--text)}h1{font-size:2.25rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem}.subtitle{color:var(--text-muted);font-size:1.1rem}.controls{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap;margin-bottom:2rem;padding:1.5rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px}.control-group{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:200px}label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.gene-search{position:relative;width:100%}.gene-input{font-family:inherit;font-size:1rem;padding:.75rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);outline:none;transition:border-color .2s;width:100%}.gene-input:focus{border-color:var(--brand-green)}.gene-input:disabled{opacity:.5;cursor:not-allowed}.gene-input::placeholder{color:var(--text-dim)}.gene-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;max-height:280px;overflow-y:auto;z-index:100;list-style:none;box-shadow:0 10px 40px #0006}.gene-option{padding:.65rem 1rem;cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:.9rem;color:var(--text);transition:background .1s}.gene-option:first-child{border-radius:7px 7px 0 0}.gene-option:last-child{border-radius:0 0 7px 7px}.gene-option.highlighted{background:var(--bg-hover)}.gene-option.selected{color:var(--brand-green)}.gene-no-results{padding:1rem;color:var(--text-dim);font-size:.9rem}.gene-dropdown::-webkit-scrollbar{width:8px}.gene-dropdown::-webkit-scrollbar-track{background:var(--bg);border-radius:4px}.gene-dropdown::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.gene-dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.search-input{font-family:inherit;font-size:1rem;padding:.75rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);outline:none;transition:border-color .2s}.search-input:focus{border-color:var(--brand-green)}.search-input::placeholder{color:var(--text-dim)}.predict-btn{font-family:inherit;font-size:.95rem;font-weight:600;padding:.75rem 2rem;background:linear-gradient(to right,#14b8a6,#2563eb);color:#fff;border:none;border-radius:9999px;cursor:pointer;transition:opacity .2s,transform .1s}.predict-btn:hover:not(:disabled){opacity:.9}.predict-btn:active:not(:disabled){transform:scale(.98)}.predict-btn:disabled{opacity:.5;cursor:not-allowed}.error{padding:1rem;background:#f871711a;border:1px solid var(--down);border-radius:8px;color:var(--down);margin-bottom:1.5rem}.results{flex:1}.results-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.results-header h2{font-size:1.2rem;font-weight:600}.gene-name{font-family:IBM Plex Mono,monospace;color:var(--brand-green)}.result-count{font-size:.85rem;color:var(--text-muted)}.umap-container{margin-bottom:2rem;padding:1.5rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px}.umap-container h3{font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.umap-plot{display:block;max-width:100%;width:400px;height:auto;border-radius:8px;margin:0 auto}.umap-caption{font-size:.8rem;color:var(--text-dim);text-align:center;margin-top:.75rem}.table-controls{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.search-input{width:100%;max-width:300px}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-muted);cursor:pointer;text-transform:none;letter-spacing:normal}.checkbox-label input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--brand-green);cursor:pointer}.table-container{overflow-x:auto;border:1px solid var(--border);border-radius:12px}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}th{background:var(--bg-elevated);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}th.sortable:hover{color:var(--text)}tbody tr{transition:background .15s}tbody tr:hover{background:var(--bg-hover)}tbody tr:last-child td{border-bottom:none}.gene-cell{font-family:IBM Plex Mono,monospace;font-weight:500}td.up{color:var(--up)}td.down{color:var(--down)}footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border)}footer p{font-size:.85rem;color:var(--text-dim)}@media(max-width:600px){.app{padding:1.5rem 1rem}h1{font-size:1.75rem}.controls{flex-direction:column;align-items:stretch}.predict-btn{width:100%}.search-input{max-width:none}}