:root{color-scheme:light;--ink: #17221d;--muted: #637069;--paper: #f4f1e8;--panel: #fffdf7;--line: #d9d5c9;--green: #174f3d;--mint: #a7d8c5;--coral: #ef765e;--blue: #365e91;font-family:Manrope,system-ui,sans-serif;background:var(--paper);color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 82% 0%,#d4e8dc 0,transparent 34rem),var(--paper)}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}.masthead{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);align-items:center;gap:38px clamp(28px,5vw,64px);max-width:1240px;margin:0 auto;padding:28px 32px 48px}.header-bar{grid-column:1 / -1;display:flex;align-items:center;justify-content:flex-end;margin-bottom:-12px}.about-button{padding:9px 13px;border:1px solid rgba(23,79,61,.28);background:#fffdf79e;color:var(--green);font-size:.75rem}.about-button:hover{background:var(--green);color:#fff}.hero-copy{position:relative;z-index:1}.masthead h1{max-width:760px;margin:0 0 20px;font-size:clamp(3.35rem,6.2vw,5.9rem);letter-spacing:-.068em;line-height:.9;font-weight:600}.masthead h1 span{display:block;margin-top:.18em;color:var(--green);font-size:.52em;letter-spacing:-.035em;white-space:nowrap}.lede{max-width:650px;margin-bottom:0;color:var(--muted);font-size:1.08rem;line-height:1.7}.hero-capabilities{display:flex;flex-wrap:wrap;gap:7px;max-width:700px;margin:18px 0 0;padding:0;list-style:none}.hero-capabilities li{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(23,79,61,.2);border-radius:999px;background:#fffdf7a3;color:#3f5047;font:500 .64rem DM Mono,monospace;letter-spacing:.015em;box-shadow:0 3px 12px #174f3d0a}.hero-capabilities li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green)}.hero-capabilities li:nth-child(3n+2):before{background:var(--coral)}.hero-capabilities li:nth-child(3n):before{background:var(--blue)}.eyebrow{margin:0 0 6px;color:var(--green);font:500 .72rem/1.2 DM Mono,monospace;letter-spacing:.13em;text-transform:uppercase}.division-card{position:relative;overflow:hidden;min-width:0;padding:19px 20px 16px;border:1px solid rgba(23,79,61,.18);border-radius:22px;background:linear-gradient(145deg,#fffdf7e6,#deede3c7);box-shadow:0 24px 60px #174f3d1f;cursor:pointer;transform:rotate(1deg);transition:box-shadow .25s,border-color .25s}.division-card:hover,.division-card:focus-visible,.division-card.is-active{border-color:#174f3d57;box-shadow:0 27px 65px #174f3d2b;outline:none}.division-card:before{content:"";position:absolute;inset:0;opacity:.3;background-image:radial-gradient(circle,rgba(23,79,61,.18) 1px,transparent 1.5px);background-size:18px 18px;-webkit-mask-image:linear-gradient(135deg,black,transparent 72%);mask-image:linear-gradient(135deg,black,transparent 72%)}.division-card-heading,.division-card>p{position:relative;z-index:1}.division-card-heading{display:flex;justify-content:space-between;color:var(--green);font:500 .62rem DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.division-card>p{margin:-3px 2px 0;color:var(--muted);font-size:.72rem;line-height:1.5}.cell-division{position:relative;z-index:1;display:block;width:100%;height:auto;margin:3px 0}.cell-membrane{stroke:#174f3d6b;stroke-width:2}.metaphase-line{fill:none;stroke:#174f3d33;stroke-width:1.5;stroke-dasharray:4 6}.spindle-poles{fill:var(--green);stroke:var(--green);stroke-width:2;stroke-linecap:round}.spindle-fibres{fill:none;stroke:#8eb4a4;stroke-width:1.5;stroke-dasharray:5 4}.chromosome path{fill:none;stroke-width:9;stroke-linecap:round}.chromosome .centromere{fill:#fffdf7;stroke:var(--ink);stroke-width:2}.homolog-one path{stroke:var(--green)}.homolog-two path{stroke:var(--coral)}.chromosome .sister-two{opacity:.72}.chromosome{transform-box:fill-box;transform-origin:center;opacity:0;animation:chromosome-align .8s cubic-bezier(.2,.75,.25,1) forwards;transition:transform .7s cubic-bezier(.2,.72,.2,1)}.homolog-two{animation-delay:.16s}.variant-loci{font-size:10px;font-weight:600}.variant-loci circle{fill:#fffdf7;stroke-width:3}.variant-loci text{fill:var(--ink)}.locus-left,.locus-right{transition:transform .7s cubic-bezier(.2,.72,.2,1)}.locus-one circle{stroke:var(--blue)}.locus-two circle{stroke:#d9aa48}.locus{opacity:0;animation:locus-appear .45s .72s ease-out forwards}.locus-two{animation-delay:.9s}.locus-labels{fill:var(--muted)}.locus-labels path{fill:none;stroke:var(--muted);stroke-width:1;stroke-dasharray:2 3}@keyframes chromosome-align{0%{opacity:0}to{opacity:1}}@keyframes locus-appear{0%{opacity:0;transform:scale(.65);transform-origin:center}to{opacity:1;transform:scale(1)}}@keyframes spindle-pull{50%{stroke-dashoffset:18;stroke-width:2.2;opacity:.58}}.division-card:hover .spindle-fibres,.division-card:focus-within .spindle-fibres,.division-card.is-active .spindle-fibres{animation:spindle-pull 1.65s ease-in-out infinite}.division-card:hover .homolog-one,.division-card:focus-within .homolog-one,.division-card.is-active .homolog-one{transform:translate(-8px)}.division-card:hover .homolog-two,.division-card:focus-within .homolog-two,.division-card.is-active .homolog-two{transform:translate(8px)}.division-card:hover .locus-left,.division-card:focus-within .locus-left,.division-card.is-active .locus-left{transform:translate(-8px)}.division-card:hover .locus-right,.division-card:focus-within .locus-right,.division-card.is-active .locus-right{transform:translate(8px)}@media(prefers-reduced-motion:reduce){.chromosome,.spindle-fibres,.locus{animation:none!important;opacity:1}}main{max-width:1240px;margin:0 auto;padding:0 32px 80px}.panel{background:color-mix(in srgb,var(--panel) 93%,transparent);border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 45px #232f280f}.load-panel{padding:28px}.section-heading{display:flex;gap:16px;align-items:flex-start;margin-bottom:24px}.section-heading.compact{margin-bottom:18px}.section-heading h2,.panel-title h2,.query-panel h2{margin:0;font-size:1.3rem}.section-heading p{margin:4px 0 0;color:var(--muted);font-size:.88rem}.step{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--green);color:#fff;font:500 .75rem DM Mono,monospace}label{color:var(--muted);font-size:.78rem;font-weight:600}input,select,textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);outline:none}textarea{resize:vertical;line-height:1.45}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #174f3d1a}button{padding:12px 18px;border-radius:9px;background:var(--green);color:#fff;font-weight:600;white-space:nowrap;transition:transform .15s,background .15s}button:hover{transform:translateY(-1px);background:#0e3b2c}button:disabled{cursor:not-allowed;opacity:.5;transform:none}.storage-grid{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(520px,1.5fr);gap:16px}.storage-card{padding:20px;border:1px solid var(--line);border-radius:13px;background:#ffffff80}.storage-card>p{margin:12px 0 20px;color:var(--muted);font-size:.8rem;line-height:1.6}.storage-card-heading{display:flex;align-items:center;gap:12px}.storage-card-heading h3{margin:0;font-size:1rem}.storage-icon{display:grid;place-items:center;flex:0 0 37px;height:37px;border-radius:9px;background:#e3eee7;color:var(--green);font:500 1.15rem DM Mono,monospace}.local-card{display:flex;flex-direction:column}.local-card .local-options{margin-top:auto}.provider-list{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.provider{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:.72rem;font-weight:600}.provider em{padding:2px 5px;border-radius:4px;font:500 .57rem DM Mono,monospace;font-style:normal;text-transform:uppercase}.provider.implemented{border-color:#bad8c8;color:var(--green);background:#edf5f0}.provider.implemented em{background:#d5eadf}.provider.planned{opacity:.55}.provider.planned em{background:#e9e6dd}.hosted-form{padding:15px;border-radius:10px;background:#f0eee6}.field-title{margin:0 0 10px;color:var(--ink);font-size:.78rem;font-weight:700}.hosted-title-row{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.hosted-title-row .field-title{margin:0}.dataset-info{position:relative}.dataset-info-trigger{display:inline-flex;align-items:center;gap:6px;padding:5px 7px 5px 9px;border:1px solid #bad8c8;border-radius:999px;background:#edf5f0;color:var(--green);font:500 .62rem DM Mono,monospace}.dataset-info-trigger span{display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--green);color:#fff;font-size:.56rem}.dataset-info-trigger:hover{background:#dfece4;color:var(--green);transform:none}.dataset-popover{position:absolute;z-index:12;top:calc(100% + 8px);right:0;width:min(330px,calc(100vw - 76px));padding:13px 14px;border:1px solid #b9cdc2;border-radius:10px;background:#fffdf7fa;box-shadow:0 14px 35px #174f3d2e;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px);transition:opacity .16s,transform .16s,visibility .16s}.dataset-popover:before{content:"";position:absolute;top:-5px;right:30px;width:9px;height:9px;border-top:1px solid #b9cdc2;border-left:1px solid #b9cdc2;background:var(--panel);transform:rotate(45deg)}.dataset-popover-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.dataset-popover strong{color:var(--ink);font-size:.72rem}.dataset-badge{flex:0 0 auto;padding:3px 7px;border:1px solid #9cbfae;border-radius:999px;background:#dfeee6;color:var(--green);font:600 .58rem DM Mono,monospace;letter-spacing:.04em}.dataset-popover p{margin:7px 0 0;color:var(--muted);font-size:.7rem;line-height:1.55}.dataset-info:hover .dataset-popover,.dataset-info:focus-within .dataset-popover,.dataset-info.is-open .dataset-popover{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.preset-row{display:grid;grid-template-columns:minmax(150px,1.35fr) minmax(120px,1fr) auto;align-items:end;gap:8px}.preset-row label{display:grid;gap:5px}.preset-row select{padding:10px}.preset-actions{display:flex;gap:7px}.preset-actions button{padding:10px 12px}.custom-source{margin-top:14px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#ffffff59}.custom-source>summary{display:flex;align-items:center;gap:9px;padding:11px 13px;color:var(--green);cursor:pointer;list-style:none;font-size:.75rem;font-weight:650}.custom-source>summary::-webkit-details-marker{display:none}.custom-source>summary:before{content:"+";display:grid;place-items:center;flex:0 0 19px;height:19px;border-radius:50%;background:#dfece4;font:500 .8rem DM Mono,monospace}.custom-source[open]>summary:before{content:"−"}.custom-source>summary small{margin-left:auto;color:var(--muted);font:.6rem DM Mono,monospace;font-weight:400}.custom-source[open]>summary{background:#f1f3ec}.custom-source-body{padding:14px;border-top:1px solid var(--line)}.url-form>label{display:block;margin-bottom:8px}.field-row{display:flex;gap:10px}.cloud-options{margin-top:13px;color:var(--muted);font-size:.76rem}.cloud-options summary{width:fit-content;cursor:pointer;font-weight:600}.cloud-options>div{display:grid;grid-template-columns:minmax(140px,.35fr) minmax(220px,.65fr);gap:10px;max-width:650px;margin-top:12px}.cloud-options label{display:grid;gap:5px}.cloud-options input{padding:9px 11px}.cloud-options p{margin:8px 0 0;font-size:.68rem}.local-options{display:flex;flex-wrap:wrap;gap:10px}.local-comparison-control{display:flex;align-items:center;gap:10px;width:fit-content;margin:-5px 0 14px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#f3f4ed;cursor:pointer}.local-comparison-control[hidden]{display:none}.local-comparison-control input{flex:0 0 auto;width:16px;height:16px;margin:0;accent-color:var(--green);box-shadow:none}.local-comparison-control>span{display:grid;gap:1px}.local-comparison-control strong{color:var(--ink);font-size:.7rem}.local-comparison-control small{color:var(--muted);font-size:.61rem;font-weight:400}.directory-button{display:flex;align-items:baseline;gap:12px;width:fit-content;padding:12px 16px;border:1px dashed var(--green);border-radius:9px;background:transparent;color:var(--green);cursor:pointer}.directory-button:hover{background:#e7eee9;color:var(--green);transform:translateY(-1px)}.directory-button input,.directory-fallback-input{display:none}.directory-button small{color:var(--muted);font-weight:400}.status{display:flex;align-items:center;gap:9px;min-height:1.3em;margin:18px 0 0;color:var(--muted);font:.78rem/1.5 DM Mono,monospace}.status.error{color:#a23124}.status-spinner{flex:0 0 auto;width:15px;height:15px;border:2px solid var(--mint);border-top-color:var(--green);border-radius:50%;animation:status-spin .7s linear infinite}.status-spinner[hidden]{display:none}@keyframes status-spin{to{transform:rotate(360deg)}}.workspace{margin-top:22px}.summary-strip{padding:24px 28px}.matrix-summary-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(350px,100%),1fr));gap:12px}.matrix-summary-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.matrix-summary-card>header{display:grid;gap:3px;padding:11px 14px;border-bottom:1px solid var(--line);background:#f0f3ec}.matrix-summary-card>header strong{font-size:.78rem}.matrix-summary-card>header small{overflow:hidden;color:var(--muted);font:.6rem DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;overflow:hidden;background:var(--line)}.matrix-summary-card:only-child .summary-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.summary-grid div{min-width:0;padding:15px;background:var(--panel)}.summary-grid dt{color:var(--muted);font:.67rem DM Mono,monospace;letter-spacing:.05em;text-transform:uppercase}.summary-grid dd{overflow:hidden;margin:6px 0 0;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.workflow-picker{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.workflow-picker-heading h3{margin:0;font-size:1rem}.workflow-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:13px}.workflow-option{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-width:0;min-height:88px;padding:13px;border:1px solid var(--line);background:#f7f5ee;color:var(--ink);text-align:left;white-space:normal}.workflow-option:hover{border-color:#9fbaad;background:#eef3ef;color:var(--ink);transform:translateY(-1px)}.workflow-option.active{border-color:var(--green);background:#e5efe9;box-shadow:0 0 0 2px #174f3d12}.workflow-option>span:nth-child(2){display:grid;gap:4px}.workflow-option strong{font-size:.8rem}.workflow-option small{color:var(--muted);font-size:.66rem;font-weight:500;line-height:1.45}.workflow-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#dfece4;color:var(--green);font:500 1.05rem DM Mono,monospace}.workflow-arrow{color:var(--green);font:500 .9rem DM Mono,monospace;transition:transform .15s}.workflow-option:hover .workflow-arrow,.workflow-option.active .workflow-arrow{transform:translate(2px)}.workflow-content[hidden]{display:none}.explorer-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,.72fr);gap:22px;margin-top:22px}.heatmap-panel,.query-panel,.table-panel{padding:24px}.heatmap-panel,.query-panel{position:relative}.panel-status{position:absolute;z-index:8;top:13px;left:50%;display:flex;align-items:center;gap:8px;max-width:calc(100% - 28px);padding:9px 13px;border:1px solid #bad8c8;border-radius:10px;background:#f7fdf9f5;box-shadow:0 8px 24px #174f3d26;color:var(--green);font:.68rem/1.4 DM Mono,monospace;transform:translate(-50%);animation:panel-status-in .18s ease-out}.panel-status[hidden]{display:none}.panel-status.error{border-color:#e5b5ad;background:#fff7f4f7;color:#a23124}@keyframes panel-status-in{0%{opacity:0;transform:translate(-50%,-6px)}}.panel-title{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:20px}.heatmap-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}.heatmap-heading h2{margin:0;font-size:1.4rem}.panel-description{max-width:500px;margin:7px 0 0;color:var(--muted);font-size:.8rem;line-height:1.55}.export-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.export-button,.common-variants-button{display:inline-flex;align-items:center;gap:7px}.export-button>span,.common-variants-button>span{font:500 1rem DM Mono,monospace}.common-variants-button.active{border-color:var(--green);background:#e3eee7;color:var(--green)}.common-variants-button[hidden]{display:none}.heatmap-toolbar{display:grid;grid-template-columns:minmax(120px,1fr) 20px minmax(120px,1fr) minmax(184px,.88fr) auto;align-items:end;gap:10px;margin-bottom:14px;padding:16px;border:1px solid var(--line);border-radius:13px;background:#f2f0e8}.control-label{display:block;margin:0 0 8px;color:var(--ink);font:500 .65rem/1.2 DM Mono,monospace;letter-spacing:.07em;text-transform:uppercase}.bp-control{display:block;min-width:0}.bp-input{position:relative;display:block}.bp-input input{height:44px;padding:9px 36px 9px 11px;background:var(--panel)}.bp-input>span{position:absolute;right:11px;top:50%;color:#89938d;font:.6rem DM Mono,monospace;pointer-events:none;transform:translateY(-50%)}.range-arrow{display:grid;place-items:center;height:44px;color:var(--muted);font:500 1rem DM Mono,monospace}.view-control{min-width:0}.draw-button{height:44px;padding:10px 16px}.heatmap-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:26px;margin:0 2px 13px}.table-actions{display:flex;gap:8px;align-items:flex-end}.switch-control{display:flex;align-items:center;gap:9px;height:44px;padding:6px 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel);cursor:pointer;-webkit-user-select:none;user-select:none}.switch-control input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.switch-track{display:flex;align-items:center;flex:0 0 auto;width:38px;height:22px;padding:3px;border-radius:999px;background:#c9cdc7;transition:background .18s}.switch-track span{width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .18s}.switch-control input:checked+.switch-track{background:var(--green)}.switch-control input:checked+.switch-track span{transform:translate(16px)}.switch-control input:focus-visible+.switch-track{outline:3px solid rgba(23,79,61,.18);outline-offset:2px}.switch-control>span:last-child{display:grid;gap:1px}.switch-control strong{color:var(--ink);font-size:.72rem}.switch-control small{font-size:.62rem;font-weight:400}.block-range-note{margin:0;color:var(--muted);font:.65rem/1.5 DM Mono,monospace}.heatmap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr));gap:14px}.matrix-heatmap{min-width:0;margin:0;padding:12px;border:1px solid var(--line);border-radius:12px;background:#f3f1e9}.matrix-heatmap:only-child{width:100%;max-width:744px;margin:0 auto}.matrix-heatmap figcaption{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:25px;margin-bottom:9px}.matrix-heatmap figcaption>span{overflow:hidden;color:var(--ink);font-size:.74rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.matrix-heatmap figcaption small{overflow:hidden;max-width:180px;color:var(--muted);font:.6rem DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.remove-comparison{display:grid;place-items:center;width:25px;height:25px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--muted);font-size:1rem}.remove-comparison:hover{background:#e6e2d7;color:var(--ink);transform:none}.comparison-error{display:grid;place-items:center;aspect-ratio:1;margin:0;padding:24px;border-radius:8px;background:#e9e6dc;color:var(--muted);font-size:.75rem;line-height:1.6;text-align:center}.canvas-wrap{position:relative;width:100%;margin:0 auto}canvas{display:block;width:100%;height:auto;border-radius:8px;background:#ede9de;image-rendering:pixelated}.legend{display:flex;align-items:center;justify-content:center;flex:0 0 auto;gap:7px;color:var(--muted);font:.64rem DM Mono,monospace}.legend i{width:52px;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--blue),#f7f3e8)}.legend i:last-of-type{background:linear-gradient(90deg,#f7f3e8,var(--coral))}.tooltip{position:fixed;z-index:5;padding:8px 10px;border-radius:7px;background:var(--ink);color:#fff;font:.7rem/1.5 DM Mono,monospace;pointer-events:none}.query-panel{display:flex;flex-direction:column}.query-panel form{display:grid;gap:13px;margin-top:20px}.query-panel label{display:grid;gap:6px}.pair-result{display:flex;align-items:baseline;justify-content:space-between;margin:18px 0;padding:18px;border-radius:11px;background:#e8eee9;color:var(--green)}.pair-result span{font:500 1.1rem DM Mono,monospace;font-style:italic}.pair-result strong{font:500 2.2rem DM Mono,monospace}.query-panel hr{width:100%;margin:22px 0;border:0;border-top:1px solid var(--line)}.variant-filter h2{margin:0}.variant-filter form{margin-top:14px}.filter-actions{display:grid;grid-template-columns:1fr auto;gap:8px}.filter-result{margin:11px 0 0;color:var(--muted);font:.66rem/1.5 DM Mono,monospace}.query-help h3{margin:0 0 7px;font-size:.9rem}.query-help p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.65}.analysis-panel{position:relative;margin-top:22px;padding:26px 28px 28px}.analysis-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:21px}.analysis-heading h2{margin:0;font-size:1.4rem}.primary-only-badge{padding:5px 8px;border:1px solid #bad8c8;border-radius:999px;background:#edf5f0;color:var(--green);font:500 .59rem DM Mono,monospace;text-transform:uppercase;letter-spacing:.05em}.analysis-grid{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:22px}.analysis-form{display:flex;flex-direction:column;gap:10px;padding:17px;border:1px solid var(--line);border-radius:12px;background:#f2f0e8}.analysis-form>label:first-child{color:var(--ink)}.analysis-form textarea{min-height:190px;background:var(--panel);font:.76rem/1.55 DM Mono,monospace}.field-help{margin:0 1px 6px;color:var(--muted);font-size:.68rem;line-height:1.55}.threshold-field{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.threshold-field>span:first-child{display:grid;gap:2px}.threshold-field strong{color:var(--ink);font-size:.72rem}.threshold-field small{font-size:.61rem;font-weight:400}.threshold-input{display:flex;align-items:center;overflow:hidden;flex:0 0 112px;height:38px;border:1px solid var(--line);border-radius:8px;background:#fff}.threshold-input:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #174f3d1a}.threshold-input i{padding-left:10px;color:var(--green);font:600 .72rem DM Mono,monospace;font-style:normal}.threshold-input input{min-width:0;height:100%;padding:7px 8px;border:0;border-radius:0;box-shadow:none;font:.72rem DM Mono,monospace}.analysis-form>button{margin-top:3px}.analysis-results{min-width:0;min-height:360px;padding:17px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.analysis-results-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.analysis-results-heading h3{margin:0;font-size:1rem}.analysis-results-heading button{padding:8px 10px;font-size:.68rem}.analysis-result-note{margin:0;padding:12px 13px;border-radius:9px;background:#eef1ea;color:var(--muted);font:.67rem/1.55 DM Mono,monospace}.analysis-table{max-height:520px;margin-top:13px;overflow:auto}.analysis-table th{position:sticky;z-index:1;top:0;background:var(--panel);white-space:nowrap}.analysis-table td{white-space:nowrap}.analysis-table td:first-child,.analysis-table td:nth-child(2),.analysis-table td:nth-child(3){font-family:DM Mono,monospace;font-size:.74rem}.table-panel{margin-top:22px}.table-actions input{min-width:210px;padding:10px 12px}.quiet{padding:10px 13px;border:1px solid var(--line);background:transparent;color:var(--ink)}.quiet:hover{background:#eeeae0}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{padding:11px 13px;border-bottom:1px solid var(--ink);color:var(--muted);font:500 .67rem DM Mono,monospace;letter-spacing:.06em;text-transform:uppercase}td{padding:12px 13px;border-bottom:1px solid var(--line);font-size:.84rem}td:first-child,td:nth-child(2),td:nth-child(4),td:nth-child(7),td:nth-child(8){font-family:DM Mono,monospace;font-size:.76rem}tbody tr:hover{background:#eef3ed}.page-label{margin:14px 0 0;color:var(--muted);font:.72rem DM Mono,monospace;text-align:right}footer{padding:24px 32px 42px;color:var(--muted);font:.68rem DM Mono,monospace;text-align:center}.export-dialog{width:min(520px,calc(100vw - 32px));padding:0;overflow:hidden;border:1px solid #c9d6ce;border-radius:18px;background:var(--panel);color:var(--ink);box-shadow:0 28px 90px #10251c4d}.export-dialog::backdrop{background:#121e1894;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.export-dialog[open]{animation:dialog-in .2s ease-out}.export-dialog-shell{margin:0}.export-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px 18px;border-bottom:1px solid var(--line)}.export-dialog-heading h2{margin:0;font-size:1.35rem;letter-spacing:-.025em}.export-dialog-body{padding:21px 24px 24px}.export-dialog-body>p{margin:0 0 18px;color:var(--muted);font-size:.78rem;line-height:1.6}.image-quality-options{display:grid;gap:8px;margin:0;padding:0;border:0}.image-quality-options legend{margin-bottom:8px;color:var(--ink);font:500 .65rem DM Mono,monospace;letter-spacing:.07em;text-transform:uppercase}.image-quality-options label{display:flex;align-items:center;gap:12px;padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:#f7f5ee;cursor:pointer}.image-quality-options label:has(input:checked){border-color:#88ad9c;background:#e8f0eb;box-shadow:0 0 0 2px #174f3d12}.image-quality-options input{flex:0 0 auto;width:16px;height:16px;margin:0;accent-color:var(--green);box-shadow:none}.image-quality-options label>span{display:grid;gap:2px}.image-quality-options strong{color:var(--ink);font-size:.78rem}.image-quality-options small{color:var(--muted);font-size:.68rem;font-weight:500}.export-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.export-dialog-actions button{display:inline-flex;align-items:center;gap:7px}.about-dialog{width:min(880px,calc(100vw - 32px));max-height:min(840px,calc(100vh - 32px));padding:0;overflow:hidden;border:1px solid #c9d6ce;border-radius:20px;background:var(--panel);color:var(--ink);box-shadow:0 28px 90px #10251c4d}.about-dialog::backdrop{background:#121e1894;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.about-dialog[open]{animation:dialog-in .2s ease-out}.about-shell{max-height:inherit;overflow-y:auto}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px) scale(.985)}}.about-heading{position:sticky;z-index:2;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px 28px 19px;border-bottom:1px solid var(--line);background:#fffdf7f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.about-heading h2{margin:0;font-size:1.55rem;letter-spacing:-.025em}.dialog-close{display:grid;place-items:center;width:35px;height:35px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--muted);font-size:1.4rem;line-height:1}.dialog-close:hover{background:#eeeae0;color:var(--ink);transform:none}.about-introduction{padding:25px 28px 22px}.about-lead{margin:0;color:#394840;font-size:.96rem;line-height:1.7}.about-explainer{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:18px}.about-explainer section{padding:16px;border-left:3px solid var(--green);border-radius:0 10px 10px 0;background:#f2f4ed}.about-explainer section:last-child{border-left-color:var(--coral)}.about-explainer h3,.browser-features h3{margin:0 0 7px;font-size:.86rem}.about-explainer p{margin:0;color:var(--muted);font-size:.74rem;line-height:1.62}.browser-features{margin-top:22px}.browser-features ul{display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden;margin:0;padding:1px;border-radius:11px;background:var(--line);list-style:none}.browser-features li{display:grid;gap:4px;padding:13px 14px;background:var(--panel)}.browser-features strong{color:var(--green);font-size:.75rem}.browser-features span{color:var(--muted);font-size:.7rem;line-height:1.5}.format-note{margin:18px 0 0;padding:11px 13px;border-radius:9px;background:#e7eee9;color:#394840;font-size:.72rem;line-height:1.6}.about-features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.about-features article{display:flex;gap:12px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#f3f4ed}.about-features article>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:9px;background:#dfece4;color:var(--green);font:500 1rem DM Mono,monospace}.about-features h3{margin:0 0 4px;font-size:.82rem}.about-features p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.55}.citations{padding:22px 28px 30px;border-top:1px solid var(--line);background:#f3f0e7}.citation-heading{margin-bottom:14px}.citation-heading h3{margin:0;font-size:1.15rem}.citation-card{padding:17px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.citation-card+.citation-card{margin-top:11px}.citation-card>p{margin:0;color:#394840;font-size:.76rem;line-height:1.65}.citation-actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:13px}.citation-actions a,.copy-button{padding:7px 10px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--green);font-size:.67rem;font-weight:600;text-decoration:none}.citation-actions a:hover,.copy-button:hover{background:#e7eee9;transform:none}.bibtex-details{margin-top:12px}.bibtex-details summary{width:fit-content;cursor:pointer;color:var(--muted);font:500 .65rem DM Mono,monospace}.bibtex-details pre{overflow-x:auto;margin:10px 0 0;padding:13px;border-radius:9px;background:#19221e;color:#e8eee9;font:.63rem/1.55 DM Mono,monospace;white-space:pre}@media(max-width:900px){.storage-grid{grid-template-columns:1fr}.summary-grid,.matrix-summary-card:only-child .summary-grid{grid-template-columns:repeat(3,1fr)}.workflow-options,.analysis-grid,.explorer-grid{grid-template-columns:1fr}.masthead{grid-template-columns:1fr;padding-top:48px}.division-card{max-width:560px;transform:none}.header-bar{grid-column:1}}@media(max-width:1100px)and (min-width:641px){.heatmap-toolbar{grid-template-columns:minmax(120px,1fr) 20px minmax(120px,1fr)}.view-control{grid-column:1 / 3}.draw-button{grid-column:3;grid-row:2}}@media(max-width:640px){.masthead,main{padding-left:17px;padding-right:17px}.masthead{padding-bottom:30px}.masthead h1{font-size:clamp(3rem,16vw,4.4rem)}.masthead h1 span{white-space:normal}.hero-capabilities{gap:6px}.hero-capabilities li{padding:6px 8px;font-size:.59rem}.division-card{padding:13px}.field-row,.panel-title,.table-actions{align-items:stretch;flex-direction:column}.preset-row{grid-template-columns:1fr}.preset-actions{display:grid;grid-template-columns:1fr 1fr}.cloud-options>div{grid-template-columns:1fr}.summary-grid,.matrix-summary-card:only-child .summary-grid{grid-template-columns:repeat(2,1fr)}.workflow-options{grid-template-columns:1fr}.analysis-panel{padding:21px 18px}.analysis-heading,.analysis-results-heading{align-items:stretch;flex-direction:column}.analysis-results-heading button{align-self:flex-start}.heatmap-heading,.heatmap-meta{align-items:stretch;flex-direction:column}.export-actions{justify-content:flex-start}.heatmap-toolbar{grid-template-columns:1fr;gap:14px}.draw-button{grid-column:1}.range-arrow{display:none}.about-heading,.about-introduction,.citations{padding-left:18px;padding-right:18px}.about-explainer,.browser-features ul,.about-features{grid-template-columns:1fr}.directory-button{align-items:flex-start;flex-direction:column}}