@font-face{font-family:Departure Mono;src:url(/fonts/DepartureMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}:root{--fg:#1a1a1a;--fg-soft:#6b6b6b;--bg:#f8f5f0;--bg-subtle:#f0ece5;--border:#e0dcd5;--accent:#8b5e3c;--link:#2c5282;--nt-a:#2e9e2e;--nt-c:#25c;--nt-g:#1a1a1a;--nt-t:#d42a2a;--font-body:"IBM Plex Sans", sans-serif;--font-display:"IBM Plex Serif", Georgia, serif;--font-mono:"IBM Plex Mono", monospace}html,body{max-width:100%;overflow-x:clip}body{font-family:var(--font-body);color:var(--fg);background:var(--bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}code,.seq,.mono{font-family:var(--font-mono)}.mono-sm,.mono-input{font-family:var(--font-mono);font-size:13px}#root{flex-direction:column;max-width:800px;min-height:100vh;margin:0 auto;display:flex}::selection{color:var(--bg);background:var(--accent)}a{color:var(--link);border-bottom:1px solid var(--border);margin:-1px -3px;padding:1px 3px;text-decoration:none;transition:all .15s}a:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}.container{padding:0 48px 48px}.site-nav{font-family:var(--font-mono);flex-wrap:wrap;align-items:center;gap:24px;padding:48px 48px 24px;font-size:14px;display:flex}.site-nav a{color:var(--fg-soft);border-bottom:1px solid var(--border);padding:2px 4px}.site-nav a:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}.site-nav a.active{color:var(--fg);pointer-events:none;border-bottom-color:var(--accent);font-weight:500}.site-nav .active{color:var(--fg);font-weight:500}.site-nav .sep{color:var(--fg-soft);margin:0 -8px}.nav-home{align-items:center;gap:6px;display:flex}h1{font-family:var(--font-display);margin-bottom:24px;font-size:24px;font-weight:700;line-height:1.3}h2{font-family:var(--font-display);color:var(--fg);margin:24px 0 12px;font-size:20px;font-weight:700;line-height:1.3}h3{margin:12px 0 6px;font-size:16px;font-weight:500}p{margin-bottom:12px}input[type=text],textarea,select{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--fg);outline:none;width:100%;padding:6px 8px;transition:border-color .15s}input[type=text]:focus,textarea:focus,select:focus{border-color:var(--accent)}input[type=range]{-webkit-appearance:none;background:var(--border);outline:none;height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;width:12px;height:12px}input[type=range]::-webkit-slider-thumb:hover{background:var(--fg)}textarea{resize:vertical}button{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--fg);cursor:pointer;padding:6px 12px;transition:all .15s}button:hover,button.primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}button.primary:hover{opacity:.85}button.small{padding:3px 8px;font-size:13px}label{margin-bottom:4px;font-weight:400;display:block}.tabs{border-bottom:1px solid var(--border);gap:24px;margin-bottom:24px;display:flex}.tab{font-family:var(--font-mono);color:var(--fg-soft);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:6px 0;font-size:14px}.tab:hover{color:var(--fg);background:0 0}.tab.active{color:var(--fg);border-bottom-color:var(--accent)}table{border-collapse:collapse;width:100%;margin:12px 0}th{text-align:left;border-bottom:1px solid var(--fg);font-family:var(--font-mono);color:var(--fg-soft);text-transform:uppercase;letter-spacing:.05em;padding:6px;font-size:12px;font-weight:400}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--fg)}td{border-bottom:1px solid var(--border);vertical-align:top;padding:6px}tr:hover{background:var(--bg-subtle)}.seq-container{align-items:flex-start;gap:8px;margin:4px 0;display:flex}.seq{word-break:break-all;background:var(--bg-subtle);flex:1;padding:6px 8px;font-size:14px;line-height:1.5}.copy-btn{white-space:nowrap;flex-shrink:0;padding:3px 8px}.expandable{cursor:pointer}.expandable:hover{background:var(--bg-subtle)}.expand-icon{width:1rem;color:var(--fg-soft);transition:transform .15s;display:inline-block}.expand-icon.open{transform:rotate(90deg)}.warning{color:#d97706}.error{color:#dc2626}.muted{color:var(--fg-soft)}.export-row{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.checkbox-group{align-items:center;gap:12px;display:flex}.checkbox-group label{cursor:pointer;align-items:center;gap:4px;display:flex}.field{margin-bottom:12px}.footer{border-top:1px solid var(--border);color:var(--fg-soft);margin-top:48px;padding-top:12px}.integrase-detail{padding:12px 0 12px 24px}.integrase-detail .field-row{gap:8px;margin-bottom:4px;display:flex}.integrase-detail .field-label{color:var(--fg-soft);flex-shrink:0;min-width:120px}.status-badge{padding:2px 6px;font-size:13px}.status-badge.validated{color:var(--accent);background:#8b5e3c1a}.status-badge.predicted{color:var(--fg-soft);background:var(--bg-subtle)}.match-result{border:1px solid var(--border);margin-bottom:8px;padding:8px}.project-list{list-style:none}.project-item{margin-bottom:6px;line-height:1.6}.tool-item{align-items:flex-start;gap:10px;margin-bottom:10px;line-height:1.6;display:flex}.tool-icon{width:18px;height:18px;image-rendering:pixelated;opacity:.6;flex-shrink:0;margin-top:3px}.tool-item:hover .tool-icon{opacity:1}.tool-name{font-family:var(--font-display);font-weight:700}.home-content{padding:0 48px 48px}.home-content p{color:var(--fg-soft);margin:24px 0;line-height:1.6}.home-page section{margin-bottom:0}.header-link{border-bottom:none;align-items:center;gap:14px;margin-bottom:24px;display:flex}.header-link:hover{color:inherit;background:0 0}.header-photo{border-radius:50%;width:40px;height:40px}.home-name-row{align-items:center;gap:10px;display:flex}.home-name{font-family:var(--font-display);letter-spacing:0;font-size:18px}.home-icons{align-items:center;gap:10px;display:flex}.home-icons a{color:var(--fg-soft);border-bottom:none;margin:0;padding:0;font-size:14px}.home-icons a:hover{color:var(--fg);background:0 0}.home-role,.home-label,.home-desc{color:var(--fg-soft)}.home-role{font-size:14px}.home-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:14px}.home-links{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.home-links-sep{color:var(--border);-webkit-user-select:none;user-select:none}.inline-icon{vertical-align:-2px;border-radius:2px;width:14px;height:14px;margin-right:1px}.home-rule{border:none;border-top:1px solid var(--border);margin:20px 0}.proj-row{font-family:var(--font-mono);gap:12px;font-size:14px;display:flex}.pub-item{align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.pub-thumb{background:var(--bg-subtle);border:1px solid var(--border);border-radius:4px;flex-shrink:0;width:56px;height:72px;overflow:hidden}.pub-thumb img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.pub-text{flex:1;min-width:0}.pub-meta{font-family:var(--font-mono);color:var(--fg-soft);margin-top:2px;font-size:12px}.pub-meta b{color:var(--fg);font-weight:500}.proj-item{align-items:center;gap:8px;margin-bottom:4px;display:flex}.proj-icon{border-radius:3px;flex-shrink:0;width:16px;height:16px}.site-footer{font-family:var(--font-mono);color:var(--fg-soft);justify-content:space-between;margin-top:auto;padding:36px 48px 24px;font-size:12px;display:flex}.site-footer a{color:var(--fg-soft)}.site-footer a:hover{color:var(--bg)}.cv-section{margin-bottom:32px}.cv-heading{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--fg-soft);border-bottom:1px solid var(--border);margin:0 0 10px;padding-bottom:6px;font-size:14px;font-weight:400}.cv-row{gap:20px;margin-bottom:12px;display:flex}.cv-date{min-width:100px;color:var(--fg-soft);font-family:var(--font-mono);flex-shrink:0;padding-top:2px;font-size:13px}.cv-detail{flex:1}.cv-detail b{color:var(--fg);font-weight:400}.cv-muted{color:var(--fg-soft);font-size:14px;font-style:italic}.cv-pub{margin-bottom:10px;line-height:1.5}.cv-pub b{color:var(--fg);font-weight:700}.cv-pub i{font-style:italic}.cv-num{color:var(--fg-soft);font-family:var(--font-mono);margin-right:4px;font-size:12px}.cv-sub{color:var(--fg-soft);margin:16px 0 8px;font-style:italic}.cv-talk{margin-bottom:14px;line-height:1.5}.cv-talk b{font-weight:400}.cv-venues{margin-top:4px;padding-left:16px;font-size:14px}.cv-venues span{color:var(--fg-soft);margin-bottom:2px;display:block}.cv-venues span:before{content:"– "}.blog-card{color:var(--fg);border-bottom:none;align-items:stretch;gap:16px;margin-bottom:16px;display:flex}.blog-card:hover{color:var(--fg);background:0 0}.blog-card-thumb{object-fit:cover;border-radius:3px;flex-shrink:0;align-self:stretch;width:50px}.blog-card-body{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.blog-card-title{font-family:var(--font-display);font-size:18px;font-weight:700}.blog-card-meta{font-family:var(--font-mono);color:var(--fg-soft);margin-top:3px;font-size:12px}.blog-card-summary{color:var(--fg-soft);margin:4px 0 0;font-size:14px}.blog-post{max-width:800px}.blog-back{font-family:var(--font-mono);color:var(--fg-soft);font-size:13px}.blog-header{margin-bottom:36px}.blog-title-thumb{object-fit:cover;object-position:center;border-radius:2px;width:100%;height:16px;margin:14px 0 6px}.blog-title{font-family:var(--font-display);margin:8px 0;font-size:32px;font-weight:700;line-height:1.2}.blog-date{font-family:var(--font-mono);color:var(--fg-soft);font-size:13px}.blog-body{line-height:1.7}.blog-body p{color:var(--fg);margin-bottom:18px}.blog-body h2{font-family:var(--font-display);color:var(--fg);margin:48px 0 16px;font-size:20px;font-weight:700}.blog-body strong{font-weight:600}.blog-body em{font-style:italic}.blog-ref{margin-left:1px;font-size:.7em;line-height:0;position:relative;top:-.4em}.blog-ref a{color:var(--accent);border-bottom:none;font-weight:500}.blog-ref a:hover{color:var(--fg);background:0 0;text-decoration:underline}.blog-references{margin-top:48px}.blog-references h2{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--fg-soft);margin-bottom:12px;font-size:12px;font-weight:400}.blog-references ol{padding-left:24px}.blog-references li{color:var(--fg-soft);margin-bottom:8px;font-size:13px;line-height:1.5}.blog-references li em{font-style:italic}.blog-references li a{color:var(--accent)}@media (width<=640px){.container{padding:0 20px 24px}.site-nav{gap:16px;padding:24px 20px 12px}.home-content{padding:24px 20px 0}.integrase-detail{padding:8px 0 8px 8px}.integrase-detail .field-label{min-width:70px}.blog-title{font-size:24px}.home-name{font-size:16px}}@media (width<=480px){.container{padding:0 16px 24px}.site-nav{padding:24px 16px 12px}.home-content{padding:24px 16px 0}td,th{text-overflow:ellipsis;white-space:nowrap;max-width:80px;padding:4px;overflow:hidden}}