:root{color:#18201f;background:#f3f1ea;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-synthesis:none;--ink: #18201f;--muted: #66706e;--paper: #fffefb;--line: #d7d5cd;--teal: #147d77;--teal-dark: #0d5f5b;--coral: #d9684c;--blue: #2f6fb0;--red: #c43c39}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 82% 5%,rgb(20 125 119 / 11%),transparent 26rem),linear-gradient(180deg,#f7f6f1 0,#f1efe7 65rem)}button,input,select{font:inherit}button,select{cursor:pointer}.app-shell{min-height:100vh}.masthead{display:flex;align-items:center;justify-content:space-between;width:min(1280px,calc(100% - 40px));margin:0 auto;padding:12px 0;border-bottom:1px solid rgb(24 32 31 / 14%)}.brand{color:var(--ink);font-size:20px;font-weight:700;text-decoration:none}.data-version{color:var(--muted);font-size:12px}main{width:min(1280px,calc(100% - 40px));margin:0 auto}.workspace{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(520px,1.5fr);overflow:visible;margin-top:20px;background:var(--paper);border:1px solid var(--line);box-shadow:0 28px 70px #2d322c1a}.controls{position:relative;z-index:3;padding:34px;border-right:1px solid var(--line)}.control-heading,.result-heading>div:first-child{display:flex;gap:14px;align-items:flex-start}.control-heading>span,.result-heading>div:first-child>span{color:var(--coral);font-size:14px;font-style:italic}h2{margin:0;font-size:24px;font-weight:500}.control-heading p,.result-heading p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.controls>label,.controls fieldset{display:block;margin-top:28px}.controls label>span:first-child,.controls legend{display:block;margin-bottom:8px;color:#46504e;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.controls select,.controls input[type=text],.controls input:not([type]){width:100%}.controls select,.gene-control>input,.cutoff-input{width:100%;height:46px;padding:0 13px;color:var(--ink);background:#faf9f5;border:1px solid #c9c8c1;border-radius:4px;outline:none}.controls select:focus,.gene-control>input:focus,.cutoff-input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #147d771f}.gene-control{position:relative}.suggestions{position:absolute;z-index:8;top:calc(100% + 5px);right:0;left:0;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:5px;box-shadow:0 16px 35px #1a222129}.suggestions button{display:flex;align-items:baseline;justify-content:space-between;width:100%;padding:10px 12px;text-align:left;background:#fff;border:0;border-bottom:1px solid #eee}.suggestions button:hover{background:#eff7f5}.suggestions small{color:var(--muted)}.controls fieldset{padding:0;border:0}.radio{display:flex!important;gap:10px;align-items:flex-start;margin:11px 0 0!important;padding:12px;border:1px solid var(--line);border-radius:4px}.radio:has(input:checked){background:#eef7f5;border-color:var(--teal)}.radio input{margin-top:3px;accent-color:var(--teal)}.radio span{margin:0!important;text-transform:none!important}.radio strong,.radio small{display:block}.radio small{margin-top:3px;color:var(--muted);font-weight:400;letter-spacing:0}.cutoff-input{margin-top:10px}.primary-button{width:100%;margin-top:28px;padding:14px 16px;color:#fff;background:var(--teal);border:0;border-radius:4px;font-weight:800;box-shadow:0 8px 20px #147d7733}.primary-button:hover:not(:disabled){background:var(--teal-dark)}button:disabled{cursor:wait;opacity:.52}.status{min-height:34px;margin:13px 0 0;color:#a54d38;font-size:12px;line-height:1.4}.result{min-width:0;padding:34px}.result-heading{display:flex;gap:20px;align-items:flex-start;justify-content:space-between}.export-buttons{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.export-buttons button{padding:7px 9px;color:var(--teal-dark);background:transparent;border:1px solid #a8c9c5;border-radius:3px;font-size:10px;font-weight:800}.export-buttons button:hover:not(:disabled){color:#fff;background:var(--teal)}.plot-stage{display:grid;place-items:center;min-height:0;margin-top:10px;overflow:auto;background:linear-gradient(90deg,rgb(30 48 45 / 3%) 1px,transparent 1px),linear-gradient(rgb(30 48 45 / 3%) 1px,transparent 1px),#ebeae4;background-size:18px 18px;border:1px solid #deddd7}.survival-plot{display:block;width:auto;max-width:100%;height:100%;max-height:680px;aspect-ratio:1;background:#fff;box-shadow:0 13px 32px #1a222124}.plot-placeholder{display:grid;place-items:center;color:var(--muted)}.plot-placeholder span{font-size:80px;opacity:.16}.quality-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.quality-strip article{min-width:0;padding:8px 9px;background:#f7f6f1;border:1px solid var(--line)}.quality-strip article>div{display:flex;gap:6px;align-items:center;justify-content:space-between}.quality-strip article>div span{padding:3px 5px;color:var(--teal-dark);background:#dcefeb;border-radius:99px;font-size:8px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.quality-strip article[data-quality=caution]>div span{color:#855b13;background:#f4e6bd}.quality-strip article[data-quality=not_recommended]>div span,.quality-strip article[data-quality=unavailable]>div span{color:#8e4333;background:#f3d9d2}.quality-strip p,.quality-strip small{display:block;color:var(--muted);font-size:9px;line-height:1.35}.quality-strip p{margin:5px 0 0}.quality-strip small{margin-top:3px}footer{display:flex;justify-content:space-between;width:min(1280px,calc(100% - 40px));margin:20px auto 0;padding:16px 0 24px;color:var(--muted);border-top:1px solid rgb(24 32 31 / 14%);font-size:12px}footer p{margin:0}footer a{color:var(--teal-dark);font-weight:700}@media(min-width:981px){body{overflow:hidden}.app-shell{display:grid;grid-template-rows:48px minmax(0,1fr) 45px;height:100dvh;min-height:680px}main{min-height:0}.workspace{height:calc(100% - 24px);margin-top:12px}.controls,.result{min-height:0;padding:20px}.controls{overflow-y:auto}.controls>label,.controls fieldset{margin-top:16px}.controls select,.gene-control>input,.cutoff-input{height:40px}.controls fieldset{display:grid;grid-template-columns:1fr 1fr;gap:8px}.controls legend{margin-bottom:0}.radio{margin-top:0!important;padding:9px}.primary-button{margin-top:16px;padding:11px 14px}.status{min-height:20px;margin-top:8px}.result{display:flex;flex-direction:column}.plot-stage{flex:1}footer{align-items:center;margin-top:0;padding:10px 0}}@media(max-width:980px){.workspace{grid-template-columns:1fr}.controls{border-right:0;border-bottom:1px solid var(--line)}.quality-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.masthead,main,footer{width:min(100% - 24px,1280px)}.controls,.result{padding:22px}.result-heading{display:block}.export-buttons{justify-content:flex-start;margin-top:16px}.plot-stage{min-height:360px}footer{display:block}footer a{display:inline-block;margin-top:10px}}