:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%}html{background:#fff}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:block;min-width:320px;min-height:100vh;width:100%;background:#fff}#root{min-height:100%;width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.about-page{width:100%;height:100%;overflow-y:auto;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding:40px 20px}.about-container{max-width:900px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:48px 60px}.about-container h1{font-size:36px;font-weight:700;color:#1a202c;margin-bottom:40px;text-align:center;border-bottom:3px solid #63666a;padding-bottom:16px}.about-section{margin-bottom:32px}.about-section h2{font-size:24px;font-weight:600;color:#2d3748;margin-bottom:16px;display:flex;align-items:center}.about-section h2:before{content:"";width:4px;height:24px;background:#63666a;margin-right:12px;border-radius:2px}.about-section p{font-size:16px;line-height:1.8;color:#4a5568;margin-bottom:12px;text-align:justify}.about-section ul{margin-left:24px;margin-top:12px}.about-section li{font-size:16px;line-height:1.8;color:#4a5568;margin-bottom:8px}.about-section li strong{color:#2d3748;font-weight:600}@media (max-width: 768px){.about-container{padding:32px 24px}.about-container h1{font-size:28px}.about-section h2{font-size:20px}.about-section p,.about-section li{font-size:14px}}.App{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#222;background:#f7f7f9;height:100vh;text-align:left;display:flex;flex-direction:column}.App-header{background-color:#fff;color:#111;padding:0;border-bottom:1px solid #e5e7eb}.App-main{display:flex;flex-direction:row;gap:0;width:min(1800px,100%);margin:0 auto;padding:16px 24px;box-sizing:border-box;flex:1 1 auto;min-height:0;overflow:hidden}.left-panel{flex-shrink:0;padding:16px 16px 24px 0;border-right:1px solid #e5e7eb;position:sticky;top:0;height:100%;overflow-y:auto}.center-panel{flex:1 1 auto;padding:0 16px;min-width:0;height:100%;display:flex;flex-direction:column}.right-sidebar{flex-shrink:0;padding:0 0 0 16px;border-left:1px solid #e5e7eb;height:100%;overflow-y:auto;background:#f9fafb}.resizer{flex:0 0 5px;cursor:col-resize;background-color:#f7f7f9;z-index:10;transition:background-color .2s}.resizer:hover,.resizer.active{background-color:#9ca3af}.form-group{margin-bottom:12px}.control-label{display:block;margin-bottom:6px;font-size:14px;color:#333}.control-select{width:100%;padding:8px;border-radius:4px;border:1px solid #d1d5db;background:#fff;font-size:14px;color:#111}.control-panel .form-group{margin-bottom:15px}.chart-display{width:100%;height:100%;display:flex;flex:1 1 auto;min-height:0}.control-panel label{display:block;margin-bottom:5px}.control-panel select{width:100%;padding:8px;border-radius:4px;border:1px solid #ccc}.navbar{background:#fff}.navbar-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 24px}.navbar-brand{font-weight:700;letter-spacing:.2px;font-size:16px}.navbar-brand a{font-size:12px}.navbar-menu{display:flex;gap:16px}.navbar-item{color:#374151;font-weight:600;font-size:14px}.navbar-item.active{color:#111827}.gene-suggestions{display:grid;grid-template-columns:1fr;gap:6px;max-height:240px;overflow:auto;margin-top:8px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:8px}.suggestion-item{display:flex;gap:8px;align-items:center;font-size:14px;color:#111}.selected-genes{margin-top:16px}.selected-genes-header{font-weight:600;margin-bottom:8px}.selected-genes-table{border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;background:#fff}.selected-genes-table .row{display:grid;grid-template-columns:1fr auto;border-top:1px solid #f3f4f6}.selected-genes-table .row.header{background:#f9fafb;font-weight:600;cursor:default}.selected-genes-table .row:first-child{border-top:none}.selected-genes-table .row.active{background:#eef2ff}.selected-genes-table .row.empty{color:#6b7280;cursor:default}.selected-genes-table .cell{padding:10px 12px;font-size:14px}.selected-genes-table .cell-action{padding:10px 12px;font-size:14px;display:flex;align-items:center;justify-content:center}.tabs{border-bottom:1px solid #e5e7eb}.tab-list{display:flex;gap:8px;padding:8px 0}.tab-item{background:#fff;border:1px solid #e5e7eb;color:#374151;padding:6px 12px;border-radius:6px;font-weight:600}.tab-item.active{background:#111827;color:#fff;border-color:#111827}.tab-panel{padding:12px 0;flex:1 1 auto;min-height:0;display:flex;flex-direction:column}