*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#fafafa;color:#1a1a1a}.app-container{display:flex;flex-direction:column;height:100vh}.header{background:#2a2a4e;color:#fff;padding:14px 24px;flex-shrink:0}.header-inner{display:flex;align-items:center;gap:16px}.header-logo{height:72px;width:72px;flex-shrink:0}.header-text{flex:1}.header h1{font-size:16px;font-weight:600;margin-bottom:2px;color:#02afbd}.header .citation{font-size:13px;color:#d0d8e8;margin-bottom:6px}.header p{font-size:12.5px;color:#b0b8c8;line-height:1.4}.main-layout{display:flex;flex:1;overflow:hidden}.control-panel{width:290px;min-width:290px;background:#fff;border-right:1px solid #e0e0e0;padding:16px;overflow-y:auto;flex-shrink:0}.control-section{margin-bottom:18px}.control-section h3{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#666;margin-bottom:8px;font-weight:600}.control-section select{width:100%;padding:7px 8px;border:1px solid #ccc;border-radius:4px;font-size:12.5px;background:#fff}.genome-search{width:100%;padding:6px 8px;border:1px solid #ccc;border-radius:4px;font-size:12px;margin-bottom:6px}.genome-search:focus{outline:none;border-color:#02afbd;box-shadow:0 0 0 2px #02afbd26}.control-section select:focus{outline:none;border-color:#02afbd;box-shadow:0 0 0 2px #02afbd26}.model-toggle{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:12px}.model-toggle input[type=checkbox]{accent-color:var(--model-color, #999);width:14px;height:14px}.model-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.model-header-mcc{float:right;font-size:10px;font-weight:400;color:#888;text-transform:none;letter-spacing:0}.model-toggle .model-mcc{margin-left:auto;color:#888;font-size:11px}.comparison-section{border-top:2px solid #e0e0e0;padding-top:12px;margin-top:6px}.raw-signal-toggle{display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer}.raw-signal-toggle input[type=checkbox]{width:14px;height:14px}.taxonomy-checkbox{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:12px}.taxonomy-checkbox span{color:#888;font-size:11px}.sort-controls{display:flex;gap:4px;flex-wrap:wrap}.sort-btn{padding:4px 8px;border:1px solid #ddd;border-radius:3px;background:#fff;font-size:11px;cursor:pointer}.sort-btn.active{background:#2a2a4e;color:#fff;border-color:#027a85}.viz-area{flex:1;overflow-y:auto;padding:12px;background:#fafafa}.loading{display:flex;align-items:center;justify-content:center;height:200px;color:#888;font-size:14px}.error-msg{padding:20px;color:#c0392b;background:#fdf0ee;border-radius:6px;margin:20px}.empty-state{display:flex;align-items:center;justify-content:center;height:300px;color:#aaa;font-size:15px}.back-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;margin-bottom:10px;border:1px solid #ddd;border-radius:4px;background:#fff;font-size:12.5px;cursor:pointer;color:#333}.back-btn:hover{background:#f0f0f0}.genome-info{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:10px 16px;margin-bottom:10px;font-size:13px}.genome-info .organism{font-weight:600}.genome-info .details{color:#666;font-size:12px;margin-top:2px}.prophage-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:6px}.prophage-buttons-label{font-size:12px;color:#666}.prophage-btn{padding:3px 10px;border:1px solid #02afbd;border-radius:3px;background:#fff;color:#02afbd;font-size:11px;cursor:pointer}.prophage-btn:hover{background:#02afbd;color:#fff}.candidate-btn{padding:3px 10px;border:1px solid #888;border-radius:3px;background:#fff;color:#555;font-size:11px;cursor:pointer}.candidate-btn:hover{background:#888;color:#fff}