:root{color-scheme:dark;--gk-bg: #090D14;--gk-bg-2: #111827;--gk-countertop: #161B26;--gk-surface: #1D2433;--gk-surface-raised: #263143;--gk-border: #344054;--gk-text: #F3F7FB;--gk-text-muted: #AAB6C5;--gk-mint: #2DD4BF;--gk-mint-strong: #14B8A6;--gk-citrus: #FACC15;--gk-coral: #FF8A65;--gk-berry: #C084FC;--gk-plum: #818CF8;--gk-heat: #FB7185;--gk-sky: #38BDF8;--gk-aqua: #67E8F9;--gk-cream: #FFF4D6;--gk-success: #34D399;--gk-warning: #FBBF24;--gk-error: #F87171;--gk-info: #60A5FA;--radius: 8px;--shadow: 0 20px 60px rgba(0, 0, 0, .28);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{color-scheme:light;--gk-bg: #FFFDF7;--gk-bg-2: #F7F4EA;--gk-countertop: #FFFFFF;--gk-surface: #FFFFFF;--gk-surface-raised: #F8FAFC;--gk-border: #CBD5E1;--gk-text: #172033;--gk-text-muted: #5F6B7A;--shadow: 0 18px 45px rgba(23, 32, 51, .12)}*{box-sizing:border-box}html{background:var(--gk-bg);color:var(--gk-text)}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;background:radial-gradient(circle at 82% 4%,color-mix(in srgb,var(--gk-sky),transparent 82%),transparent 32rem),radial-gradient(circle at 12% 92%,color-mix(in srgb,var(--gk-coral),transparent 90%),transparent 28rem),linear-gradient(180deg,var(--gk-bg),var(--gk-bg-2));position:relative;overflow-x:hidden}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:18px;padding:14px clamp(16px,3vw,44px);border-bottom:1px solid color-mix(in srgb,var(--gk-border),transparent 35%);background:color-mix(in srgb,var(--gk-bg),transparent 8%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--gk-text);background:transparent;border:0;font-weight:800;letter-spacing:0;white-space:nowrap}.brand-mark{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:8px;background:linear-gradient(135deg,var(--gk-sky),var(--gk-coral) 52%,var(--gk-citrus));color:#071018;font-weight:900;box-shadow:var(--shadow)}nav{display:flex;gap:4px;flex:1;overflow-x:auto}nav button,.tabs button,.workflow-actions button{border:1px solid transparent;color:var(--gk-text-muted);background:transparent;border-radius:8px;padding:9px 10px;white-space:nowrap;font-size:14px}nav button.active,nav button:hover,.tabs button.active,.workflow-actions button:hover{color:var(--gk-text);background:var(--gk-surface-raised);border-color:var(--gk-border)}.icon-button{width:40px;height:40px;border-radius:8px;border:1px solid var(--gk-border);background:var(--gk-surface);color:var(--gk-text)}main{position:relative;z-index:1;padding:28px clamp(16px,3vw,44px) 160px;max-width:1440px;margin:0 auto}.hero{min-height:calc(100vh - 96px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:center;gap:42px;position:relative}.hero:before{content:"";position:absolute;inset:-28px calc(50% - 50vw) -88px;background:linear-gradient(90deg,var(--gk-bg) 0%,color-mix(in srgb,var(--gk-bg),transparent 10%) 34%,transparent 62%),var(--hero-image) center right / cover no-repeat;opacity:.42;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}.hero-copy,.hero-photo{position:relative;z-index:1}.hero h1,.bench h1{font-size:clamp(44px,7vw,92px);line-height:.95;margin:0 0 12px;letter-spacing:0}.bench h1{font-size:clamp(34px,5vw,64px)}.tagline{font-size:clamp(23px,3vw,39px);color:var(--gk-citrus);font-weight:800;margin:0 0 18px}.hero-copy>p:not(.tagline),.bench-header p{color:var(--gk-text-muted);max-width:720px;font-size:18px;line-height:1.65}.privacy-badge{display:inline-flex;width:fit-content;border:1px solid color-mix(in srgb,var(--gk-sky),transparent 45%);background:color-mix(in srgb,var(--gk-sky),transparent 88%);color:var(--gk-text);border-radius:8px;padding:10px 12px;font-weight:700}.hero-actions,.drop-actions,.send-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.support-actions{margin-top:12px}.button,.file-button{border:1px solid var(--gk-border);border-radius:8px;padding:11px 15px;font-weight:800;color:var(--gk-text);background:var(--gk-surface-raised);text-decoration:none}.button.primary{background:var(--gk-coral);color:#111827;border-color:var(--gk-coral)}.button.secondary{background:color-mix(in srgb,var(--gk-sky),transparent 86%);border-color:color-mix(in srgb,var(--gk-sky),transparent 48%)}.button.ghost{background:transparent}.button:disabled{opacity:.45;cursor:not-allowed}.run-button{margin:20px 0}.hero-photo,.panel,.tool-card,.method-card,.workflow-panel{border:1px solid var(--gk-border);background:color-mix(in srgb,var(--gk-surface),transparent 7%);border-radius:8px;box-shadow:var(--shadow)}.hero-photo{margin:0;overflow:hidden;aspect-ratio:16 / 9;min-height:390px;align-self:center}.hero-photo img{width:100%;height:100%;object-fit:cover;display:block}.tool-grid{display:grid;grid-template-columns:repeat(5,minmax(190px,1fr));gap:16px;margin-top:-80px}.tool-card{display:grid;gap:14px;padding:12px;min-height:380px;overflow:hidden}.tool-card:nth-child(1){--station-accent: var(--gk-coral)}.tool-card:nth-child(2){--station-accent: var(--gk-citrus)}.tool-card:nth-child(3){--station-accent: var(--gk-sky)}.tool-card:nth-child(4){--station-accent: var(--gk-berry)}.tool-card:nth-child(5){--station-accent: var(--gk-plum)}.tool-card:nth-child(1) .tool-name,.tool-card:nth-child(1) .tool-icon-badge,.tool-card:nth-child(1) .station-icon{color:var(--gk-coral)}.tool-card:nth-child(2) .tool-name,.tool-card:nth-child(2) .tool-icon-badge,.tool-card:nth-child(2) .station-icon{color:var(--gk-citrus)}.tool-card:nth-child(3) .tool-name,.tool-card:nth-child(3) .tool-icon-badge,.tool-card:nth-child(3) .station-icon{color:var(--gk-sky)}.tool-card:nth-child(4) .tool-name,.tool-card:nth-child(4) .tool-icon-badge,.tool-card:nth-child(4) .station-icon{color:var(--gk-berry)}.tool-card:nth-child(5) .tool-name,.tool-card:nth-child(5) .tool-icon-badge,.tool-card:nth-child(5) .station-icon{color:var(--gk-plum)}.tool-card:before{content:"";height:3px;margin:-12px -12px 0;background:var(--station-accent, var(--gk-sky))}.tool-media{position:relative;height:150px;margin:-12px -12px 4px;overflow:hidden;border-bottom:1px solid var(--gk-border);background:var(--gk-countertop)}.tool-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(9,13,20,.38))}.tool-media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) contrast(1.02)}.tool-icon-badge{position:absolute;left:12px;bottom:10px;z-index:1;width:46px;height:46px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--gk-bg),transparent 14%);border:1px solid color-mix(in srgb,currentColor,transparent 35%);color:var(--gk-sky);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tool-icon-badge .station-icon{width:34px;height:34px}.tool-card h3{margin:0;font-size:22px}.tool-card p{color:var(--gk-text-muted);line-height:1.5}.tool-name,.panel-kicker{color:var(--gk-sky);text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.08em;margin:0 0 6px}.station-icon{width:80px;height:80px;color:var(--gk-sky)}.station-icon path,.station-icon rect,.station-icon circle,.station-icon line{fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.station-icon text{fill:var(--gk-citrus);font-size:14px;font-weight:900}.workflow-recipes{margin-top:32px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.workflow-recipes h2{grid-column:1 / -1}.workflow-recipes article{border-top:3px solid var(--gk-berry);background:var(--gk-surface);padding:18px;border-radius:8px;font-weight:800}.workflow-recipes article:nth-of-type(2){border-top-color:var(--gk-coral)}.workflow-recipes article:nth-of-type(3){border-top-color:var(--gk-sky)}.workflow-recipes article:nth-of-type(4){border-top-color:var(--gk-citrus)}.bench{display:grid;gap:18px}.bench-header{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(280px,430px);gap:18px;align-items:center;padding:28px 0}.bench-header .station-icon{width:94px;height:94px;flex:0 0 auto}.bench-photo{margin:0;height:190px;overflow:hidden;border:1px solid var(--gk-border);border-radius:8px;background:var(--gk-countertop);box-shadow:var(--shadow)}.bench-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) contrast(1.02)}.panel,.method-card{padding:20px}.dropzone{display:grid;gap:14px}.file-button{display:inline-flex;width:fit-content;position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.ingredient-note,.table-note{color:var(--gk-text-muted)}.control-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px}.field{display:grid;gap:7px;color:var(--gk-text-muted);font-weight:700}.field input,.field select{min-height:42px;border-radius:8px;border:1px solid var(--gk-border);background:var(--gk-countertop);color:var(--gk-text);padding:8px 10px}.field input[type=checkbox]{width:24px;min-height:24px;accent-color:var(--gk-coral)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px}.stat{border:1px solid var(--gk-border);border-radius:8px;background:var(--gk-countertop);padding:14px}.stat span{display:block;color:var(--gk-text-muted);text-transform:capitalize;font-size:13px}.stat strong{display:block;color:var(--gk-citrus);font-size:24px;margin-top:4px;overflow-wrap:anywhere}.tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.table-block{display:grid;gap:8px}.table-block-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.table-caption{color:var(--gk-text);font-weight:600;font-size:13px}.table-csv{padding:4px 12px;font-size:12px;margin-left:auto}.table-wrap{overflow:auto;border:1px solid var(--gk-border);border-radius:8px}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--gk-border);vertical-align:top}th{color:var(--gk-citrus);background:var(--gk-countertop);position:sticky;top:0}td{color:var(--gk-text-muted);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px}.sequence-preview,.method-card pre{overflow:auto;max-height:420px;background:#05070b;color:#dffdf2;border:1px solid var(--gk-border);border-radius:8px;padding:16px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}:root[data-theme=light] .sequence-preview,:root[data-theme=light] .method-card pre{background:#f4f7fb;color:#172033}.warning-panel{border:1px solid color-mix(in srgb,var(--gk-warning),transparent 35%);background:color-mix(in srgb,var(--gk-warning),transparent 88%);border-radius:8px;padding:18px}.warning-panel h3{margin-top:0;color:var(--gk-warning)}.warning-panel li{margin:8px 0}.jar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.ingredient-jar{border:1px solid color-mix(in srgb,var(--gk-sky),transparent 45%);border-radius:8px;background:color-mix(in srgb,var(--gk-sky),transparent 90%);color:var(--gk-text);padding:14px;display:grid;gap:8px;text-align:left}.ingredient-jar input{width:100%;border-radius:8px;border:1px solid var(--gk-border);background:var(--gk-countertop);color:var(--gk-text);padding:8px}.export-jar{min-height:110px;text-align:center;place-items:center}.jar-lid{width:54px;height:10px;border-radius:8px 8px 0 0;background:var(--gk-citrus)}.method-card{display:grid;gap:10px;border-left:4px solid var(--gk-citrus)}.method-card p{line-height:1.65}.help-drawer{color:var(--gk-text-muted)}.help-drawer summary{cursor:pointer;font-weight:800;color:var(--gk-sky)}.blog-page .bench-header{align-items:end}.blog-card{line-height:1.7}.blog-card h2,.blog-tool-grid{margin-top:0}.workflow-panel{position:fixed;right:18px;bottom:18px;z-index:4;width:min(360px,calc(100vw - 36px));padding:16px;display:grid;gap:8px}.workflow-panel span{color:var(--gk-text-muted)}.workflow-actions{display:flex;flex-wrap:wrap;gap:4px}.progress-oven ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;padding-left:20px}.oven{height:12px;border-radius:999px;background:var(--gk-countertop);overflow:hidden;border:1px solid var(--gk-border)}.oven span{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--gk-coral),var(--gk-citrus),var(--gk-sky),var(--gk-berry));transform-origin:left}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.bars{height:160px;display:flex;align-items:end;gap:5px;border-bottom:1px solid var(--gk-border)}.bars span{flex:1;background:linear-gradient(180deg,var(--gk-coral),var(--gk-sky));border-radius:4px 4px 0 0;min-width:6px}.pub-figure{margin:0;display:grid;gap:8px}.pub-histogram{width:100%;height:auto;background:var(--gk-countertop);border:1px solid var(--gk-border);border-radius:8px}.pf-title{fill:var(--gk-text);font-size:14px;font-weight:700}.pf-axis{stroke:var(--gk-text-muted);stroke-width:1.25}.pf-grid{stroke:var(--gk-border);stroke-width:1;opacity:.6}.pf-tick{fill:var(--gk-text-muted);font-size:11px}.pf-tick-y{text-anchor:end}.pf-tick-x{text-anchor:middle}.pf-axis-title{fill:var(--gk-text);font-size:12px;font-weight:600;text-anchor:middle}.pf-bar{stroke:var(--gk-bg);stroke-width:.5}.pf-actions{display:flex;gap:8px}.pf-actions .button{padding:4px 12px;font-size:12px}.genome-track{position:relative;height:210px;background-image:linear-gradient(90deg,var(--gk-border) 1px,transparent 1px);background-size:10% 100%}.genome-track:after{content:"";position:absolute;left:20px;right:20px;top:110px;height:2px;background:var(--gk-border)}.orf{position:absolute;height:16px;min-width:8px;border-radius:8px;top:88px;background:#0072b2;z-index:1}.orf.reverse{top:128px;background:#d55e00}.track-legend{display:flex;gap:16px;font-size:12px;color:var(--gk-text-muted);margin:0 0 8px}.track-legend span{display:inline-flex;align-items:center;gap:6px}.track-legend i{width:14px;height:10px;border-radius:3px;display:inline-block}.track-legend .fwd{background:#0072b2}.track-legend .rev{background:#d55e00}@media(max-width:1040px){.hero{grid-template-columns:1fr;padding-top:40px}.tool-grid,.workflow-recipes{grid-template-columns:repeat(2,1fr);margin-top:24px}.control-grid{grid-template-columns:repeat(2,1fr)}.bench-header{grid-template-columns:auto 1fr}.bench-photo{grid-column:1 / -1;width:100%}}@media(max-width:700px){.topbar{align-items:flex-start;flex-wrap:wrap}nav{order:3;width:100%}.hero h1{font-size:48px}.tool-grid,.workflow-recipes,.control-grid{grid-template-columns:1fr}.bench-header{align-items:flex-start}.workflow-panel{position:static;width:auto;margin:0 16px 24px}main{padding-bottom:40px}}.live-art{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.24}.live-art svg{position:absolute;right:-80px;top:80px;width:min(70vw,900px);height:auto}.steam{fill:none;stroke:var(--gk-sky);stroke-width:4;opacity:.18;stroke-dasharray:12 18;animation:steam 11s linear infinite}.steam-b{stroke:var(--gk-coral);animation-duration:14s}.steam-c{stroke:var(--gk-berry);animation-duration:17s}.grid-lines line{stroke:var(--gk-border);opacity:.18}.phage-shape circle,.phage-shape path{fill:none;stroke:var(--gk-citrus);stroke-width:3;opacity:.22}.float-letter{position:absolute;top:74%;color:var(--gk-sky);font-weight:900;font-family:SFMono-Regular,Consolas,monospace;animation:floatLetter 9s ease-in-out infinite;opacity:.1}.tool-card:hover .station-icon{transform:translateY(-4px) rotate(-2deg)}.station-icon{transition:transform .2s ease}.oven.active span{animation:cook 1.4s ease-out both}@keyframes steam{to{stroke-dashoffset:-220}}@keyframes floatLetter{0%,to{transform:translateY(0)}50%{transform:translateY(-80px) rotate(8deg)}}@keyframes cook{0%{transform:scaleX(.1)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}