@import "https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=Space+Mono:wght@400;700&display=swap";
body.genome-active{overflow:hidden}.genome{--ink:#06080e;--steel:#9fb3cc;--bone:#eaf2ff;--mute:#5a6678;--accent:#2471ff;background:var(--ink);color:var(--bone);-webkit-font-smoothing:antialiased;font-family:Space Mono,monospace;position:fixed;top:0;bottom:0;left:0;right:0}.genome .scene{touch-action:none;cursor:grab;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.genome .scene.dragging{cursor:grabbing}.genome .ui{pointer-events:none;z-index:5;position:fixed;top:0;bottom:0;left:0;right:0}.genome .pad{padding:max(18px,min(3.2vw,38px));position:absolute}.genome .corner{z-index:5;border:1px solid rgba(200,215,235,.3);width:22px;height:22px;position:fixed}.genome .corner.tl{border-bottom:0;border-right:0;top:16px;left:16px}.genome .corner.tr{border-bottom:0;border-left:0;top:16px;right:16px}.genome .corner.bl{border-top:0;border-right:0;bottom:16px;left:16px}.genome .corner.br{border-top:0;border-left:0;bottom:16px;right:16px}.genome .brand{flex-direction:column;gap:6px;display:flex;top:0;left:0}.genome .brand .mark{letter-spacing:.16em;font-family:Syne,sans-serif;font-size:15px;font-weight:800}.genome .brand .eye{letter-spacing:.32em;color:var(--steel);font-size:10px}.genome .status{text-align:right;flex-direction:column;gap:5px;display:flex;top:0;right:0}.genome .status div{letter-spacing:.26em;color:var(--mute);font-size:10px}.genome .status .live{color:var(--bone)}.genome .status .dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 9px var(--accent);vertical-align:middle;border-radius:50%;margin-left:8px;transition:background .5s,box-shadow .5s;animation:2.4s ease-in-out infinite genome-blink;display:inline-block}@keyframes genome-blink{0%,to{opacity:.3}50%{opacity:1}}.genome .focus{flex-direction:column;gap:13px;max-width:min(560px,74vw);display:flex;bottom:0;left:0}.genome .focus .cat{letter-spacing:.3em;color:var(--accent);font-size:11px;transition:color .5s}.genome .focus .title{letter-spacing:-.01em;text-shadow:0 6px 44px rgba(0,0,0,.6);font-family:Syne,sans-serif;font-size:max(40px,min(7.4vw,86px));font-weight:800;line-height:.9}.genome .focus .desc{color:var(--mute);max-width:42ch;font-size:12px;line-height:1.7}.genome .focus .view{pointer-events:auto;letter-spacing:.26em;color:var(--bone);border:1px solid rgba(200,215,235,.3);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:9px 16px;font-size:11px;text-decoration:none;transition:border-color .4s,color .4s,background .4s,opacity .35s;display:inline-flex}.genome .focus .view:hover{color:var(--ink);background:var(--accent);border-color:var(--accent)}.genome .focus .view[hidden]{display:none}.genome .focus .seq{letter-spacing:.26em;color:var(--steel);font-size:10px}.genome .focus .cat,.genome .focus .title,.genome .focus .desc,.genome .focus .view,.genome .focus .seq{transition:opacity .35s,transform .45s cubic-bezier(.2,.7,.2,1),color .5s}.genome .focus.swap .cat,.genome .focus.swap .title,.genome .focus.swap .desc,.genome .focus.swap .view,.genome .focus.swap .seq{opacity:0;transform:translateY(14px)}.genome .rail{z-index:5;pointer-events:none;flex-direction:column;align-items:flex-end;gap:11px;display:flex;position:fixed;top:50%;right:max(16px,min(3vw,40px));transform:translateY(-50%)}.genome .tk{letter-spacing:.18em;color:var(--mute);opacity:.55;align-items:center;gap:9px;font-size:10px;transition:all .3s;display:flex}.genome .tk .ln{background:var(--mute);width:13px;height:1px;transition:all .3s}.genome .tk.on{color:var(--bone);opacity:1}.genome .tk.on .ln{background:var(--accent);width:28px;box-shadow:0 0 9px var(--accent)}.genome .hint{letter-spacing:.3em;color:var(--mute);flex-direction:column;align-items:center;gap:8px;font-size:10px;transition:opacity .6s;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.genome .hint.gone{opacity:0}.genome .hint .bar{background:linear-gradient(var(--steel),transparent);width:1px;height:24px;animation:1.8s ease-in-out infinite genome-drop}@keyframes genome-drop{0%{transform-origin:top;opacity:0;transform:scaleY(.2)}40%{opacity:1}to{transform-origin:top;opacity:0;transform:scaleY(1)}}.genome .grain{pointer-events:none;z-index:6;opacity:.04;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");animation:1.1s steps(2,end) infinite genome-grain;position:fixed;top:-50%;bottom:-50%;left:-50%;right:-50%}@keyframes genome-grain{0%{transform:translate(0)}50%{transform:translate(-3%,2%)}to{transform:translate(2%,-2%)}}.genome .landing{z-index:7;text-align:center;pointer-events:none;will-change:opacity,transform;background:radial-gradient(120% 80% at 50% 32%,rgba(70,90,150,.22),transparent 62%),radial-gradient(120% 90% at 78% 82%,rgba(150,70,170,.16),transparent 60%),radial-gradient(100% 80% at 20% 78%,rgba(40,120,150,.14),transparent 60%),var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.genome .landing .logo{filter:invert()brightness(2);opacity:.95;width:auto;height:44px;margin-bottom:6px}.genome .landing .ge{letter-spacing:.4em;color:var(--accent);font-size:11px}.genome .landing h1{letter-spacing:-.02em;font-family:Syne,sans-serif;font-size:max(54px,min(12vw,148px));font-weight:800;line-height:.84}.genome .landing h1 span{display:block}.genome .landing h1 .b{color:var(--steel)}.genome .landing .lp{color:var(--mute);letter-spacing:.02em;max-width:46ch;font-size:13px;line-height:1.7}.genome .landing .cue{letter-spacing:.34em;color:var(--steel);flex-direction:column;align-items:center;gap:8px;margin-top:8px;font-size:10px;display:flex}.genome .landing .cue .ln{background:linear-gradient(var(--steel),transparent);width:1px;height:34px;animation:1.8s ease-in-out infinite genome-drop}.genome .load{z-index:10;background:var(--ink);justify-content:center;align-items:center;transition:opacity .9s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.genome .load.gone{opacity:0;pointer-events:none}.genome .load .l{letter-spacing:.42em;color:var(--steel);font-size:10px}@media (max-width:640px){.genome .focus{max-width:88vw}.genome .focus .title{font-size:max(30px,min(9vw,46px))}.genome .focus .desc{display:none}.genome .landing{padding:20px}.genome .landing .logo{height:38px}.genome .landing .ge{letter-spacing:.18em;max-width:92vw;font-size:9px}.genome .landing .lp{letter-spacing:0;max-width:90vw;font-size:12px}.genome .rail{gap:8px}}@media (prefers-reduced-motion:reduce){.genome .grain,.genome .hint .bar,.genome .status .dot{animation:none}}