*{box-sizing:border-box;margin:0;padding:0}body{color:#22272a;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;font-family:Lora,serif;font-size:16px;line-height:1.85}#root{min-height:100vh}a{color:#1011aa;text-decoration:none}a:hover{text-decoration:underline}.container,.container-wide{max-width:48rem;margin:0 auto;padding:4rem 2rem}h1{margin-bottom:1.5rem;font-family:Lora,Georgia,serif;font-size:1.3rem;font-weight:600}h1 a{color:#666;font-weight:500;text-decoration:none}h1 a:hover{color:#1011aa;text-decoration:none}h1 .sep{color:#d1d5db;margin:0 .1rem;font-weight:400}h2{margin-top:2rem;margin-bottom:.75rem;font-family:Lora,Georgia,serif;font-size:1.1rem;font-weight:600}h3{margin-top:1.5rem;margin-bottom:.5rem;font-family:Lora,Georgia,serif;font-size:1rem;font-weight:600}p{margin-bottom:1rem}.muted{color:#666;font-size:.85rem}.mono{font-family:Menlo,Monaco,Courier New,monospace;font-size:.85rem}input[type=text],textarea{border:1px solid #e5e7eb;border-radius:4px;outline:none;width:100%;padding:.5rem .75rem;font-family:inherit;font-size:.9rem;transition:border-color .15s}input[type=range]{-webkit-appearance:none;background:#e5e7eb;border-radius:2px;outline:none;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#1011aa;border-radius:50%;width:16px;height:16px}input[type=text]:focus,textarea:focus{border-color:#1011aa}textarea{resize:vertical;font-family:Menlo,Monaco,Courier New,monospace;font-size:.8rem}button{color:#22272a;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:.4rem .75rem;font-family:inherit;font-size:.85rem;transition:background-color .15s,border-color .15s}button:hover{background:#f9fafb;border-color:#d1d5db}button.primary{color:#fff;background:#1011aa;border-color:#1011aa}button.primary:hover{background:#1d4ed8}button.small{padding:.2rem .5rem;font-size:.75rem}.tabs{border-bottom:1px solid #e5e7eb;gap:1.5rem;margin-bottom:1.5rem;display:flex}.tab{color:#666;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.5rem 0;font-size:.9rem}.tab:hover{color:#22272a;background:0 0;border-color:#0000}.tab.active{color:#22272a;border-bottom-color:#22272a;font-weight:500}table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.85rem}th{text-align:left;color:#666;text-transform:uppercase;letter-spacing:.03em;border-bottom:2px solid #e5e7eb;padding:.5rem;font-size:.8rem;font-weight:600}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:#22272a}td{vertical-align:top;border-bottom:1px solid #e5e7eb;padding:.5rem}tr:hover{background:#f9fafb}.seq-container{align-items:flex-start;gap:.5rem;margin:.25rem 0;display:flex}.seq{word-break:break-all;background:#f9fafb;border-radius:4px;flex:1;padding:.4rem .6rem;font-family:Menlo,Monaco,Courier New,monospace;font-size:.8rem;line-height:1.5}.copy-btn{white-space:nowrap;flex-shrink:0;padding:.15rem .4rem;font-size:.7rem}.expandable{cursor:pointer}.expandable:hover{background:#f3f4f6}.expand-icon{color:#666;width:1rem;transition:transform .15s;display:inline-block}.expand-icon.open{transform:rotate(90deg)}.warning{color:#d97706;font-size:.8rem}.error{color:#dc2626;font-size:.8rem}.export-row{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}label{margin-bottom:.25rem;font-size:.85rem;font-weight:500;display:block}.checkbox-group{align-items:center;gap:1rem;display:flex}.checkbox-group label{cursor:pointer;align-items:center;gap:.3rem;font-weight:400;display:flex}.field{margin-bottom:1rem}.footer{color:#666;border-top:1px solid #e5e7eb;margin-top:3rem;padding-top:1rem;font-size:.8rem}.integrase-detail{padding:1rem 0 1rem 1.5rem}.integrase-detail .field-row{gap:.5rem;margin-bottom:.5rem;font-size:.85rem;display:flex}.integrase-detail .field-label{color:#666;flex-shrink:0;min-width:120px;font-weight:500}.status-badge{border-radius:3px;padding:.1rem .4rem;font-size:.7rem;font-weight:500}.status-badge.validated{color:#166534;background:#dcfce7}.status-badge.predicted{color:#666;background:#f3f4f6}.match-result{border:1px solid #e5e7eb;border-radius:4px;margin-bottom:.5rem;padding:.75rem}.match-result .match-pct{font-size:.9rem;font-weight:600}.breadcrumb{color:#666;margin-bottom:.25rem;font-size:.85rem}.breadcrumb a{color:#666}.breadcrumb a:hover{color:#1011aa}.breadcrumb .sep{margin:0 .35rem}.tool-header{align-items:center;gap:20px;margin-bottom:1rem;display:flex}.tool-header-emoji{flex-shrink:0;font-size:50px;line-height:1}.tool-cards{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.tool-card{color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:block}.tool-card:hover{border-color:#1011aa;text-decoration:none;box-shadow:0 2px 8px #1011aa14}.tool-card-name{color:#1011aa;margin-bottom:.35rem;font-family:Lora,serif;font-size:1.1rem;font-weight:600}.tool-card-desc{color:#666;font-size:.85rem;line-height:1.5}html{border-top:2px solid #22272a}.home-page{font-display:swap;color:#22272a;text-rendering:geometricprecision;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:#f5f5f5;min-height:100vh;padding-bottom:4rem;font-family:Lora,serif;font-size:16px;font-weight:400;line-height:1.85;position:relative}.home-page a{color:#1011aa;border-radius:6px;padding:3px;text-decoration:none}.home-page a:hover{text-decoration:underline}.home-content{max-width:48rem;margin:0 auto;padding:4rem 2rem 0}.home-content p{-webkit-hyphens:auto;hyphens:auto}.home-header{width:100%;margin:0 auto 1rem}.home-header a{color:inherit;background:0 0;align-items:center;gap:20px;padding:0;text-decoration:none;display:flex}.home-header a:hover{text-decoration:underline}.home-logo{-webkit-filter:grayscale();background-repeat:no-repeat;background-size:50px 50px;border-radius:5px;flex-shrink:0;width:50px;height:50px}.home-header:hover .home-logo{-webkit-filter:none}.home-title h1{letter-spacing:.01em;color:#22272a;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin:0;font-family:Lora,serif;font-size:1.3rem;font-style:normal;font-weight:700;line-height:2rem}.home-page section{margin-bottom:1.5rem}.home-page section p{margin-top:1rem;margin-bottom:0}.home-page .h1{color:#000;letter-spacing:.01em;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-top:3rem;margin-bottom:1rem;font-size:1.5em;font-style:normal;font-weight:700;display:block}.project-list{margin:0;padding:0;list-style:none}.project-item{margin-bottom:5px}.home-page a.icon{background:0 0;padding:2px}.home-page a.icon:hover{text-decoration:none}.home-footer{text-align:center;color:#666;margin-bottom:10px;font-size:11px;position:absolute;bottom:0;left:0;right:0}.home-footer a{color:#666;background-image:none;text-decoration:underline}@media (width>=480px){.home-page section{text-align:justify}}@media (width<=480px){.home-content{padding-left:1rem;padding-right:1rem}.home-title h1{vertical-align:middle;display:table-cell}}@media (width<=640px){.tabs{gap:1rem}table{font-size:.8rem}td,th{padding:.35rem}}@media (width<=480px){.container,.container-wide{padding:4rem 1rem}.tool-cards{grid-template-columns:1fr}}