.beta-panel {
  max-width: 880px;
  margin: 0 auto;
  text-align: left;
}

.beta-intro { color: rgba(255,255,255,.78); max-width: 720px; }
.beta-notice, .beta-disclaimer, .beta-status, .beta-results { border-radius: 16px; padding: 18px; margin: 18px 0; }
.beta-notice { background: rgba(153,101,255,.12); border: 1px solid rgba(183,143,255,.35); }
.beta-disclaimer { background: rgba(255,190,99,.12); border: 1px solid rgba(255,190,99,.45); color: #fff3dc; font-weight: 600; }
.beta-upload { border: 2px dashed rgba(183,143,255,.7); border-radius: 18px; padding: 32px 20px; text-align: center; cursor: pointer; background: rgba(255,255,255,.03); }
.beta-upload:focus-within, .beta-upload.dragging { outline: 3px solid #ad83ff; outline-offset: 3px; background: rgba(153,101,255,.12); }
.beta-upload input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.beta-file { display: none; margin-top: 14px; align-items: center; justify-content: space-between; gap: 12px; background: rgba(255,255,255,.07); padding: 12px 14px; border-radius: 10px; }
.beta-file.visible { display: flex; }
.beta-consents { margin: 22px 0; display: grid; gap: 14px; }
.beta-consents label { display: flex; align-items: flex-start; gap: 10px; color: rgba(255,255,255,.9); cursor: pointer; }
.beta-consents input { margin-top: 4px; accent-color: #ad83ff; }
.beta-error { color: #ffb4b4; min-height: 1.5em; margin: 12px 0; }
.beta-status { display: none; background: rgba(77,197,151,.12); border: 1px solid rgba(77,197,151,.45); }
.beta-status.visible, .beta-results.visible { display: block; }
.beta-results { display: none; background: rgba(255,255,255,.04); }
.beta-summary { display: flex; gap: 18px; flex-wrap: wrap; margin: 14px 0; }
.beta-summary strong { display: block; font-size: 1.45rem; }
.beta-match { padding: 18px; margin: 14px 0; background: rgba(255,255,255,.06); border-radius: 12px; }
.beta-match h3 { margin: 0 0 8px; }
.beta-match a { color: #c8b0ff; }
.beta-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.beta-remove { padding: 6px 10px; border: 1px solid rgba(255,255,255,.4); background: transparent; color: white; border-radius: 7px; cursor: pointer; }
.beta-main-button[disabled] { cursor: not-allowed; opacity: .5; }
@media (max-width: 600px) { .beta-upload { padding: 24px 14px; } .beta-file { align-items: flex-start; flex-direction: column; } }

/* Refined upload flow: scoped so result and safety behaviour remain unchanged. */
.join-inner.beta-join-inner{max-width:940px;text-align:left}.beta-panel,.beta-panel *{box-sizing:border-box}.beta-panel{width:min(100%,880px);min-width:0}.beta-panel .eyebrow{margin:0 0 8px;color:#dac7ff;font-size:.86rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.beta-panel h2{max-width:18ch;margin:0;font-size:clamp(2.15rem,4.8vw,3.45rem);line-height:1.04;letter-spacing:-.045em;text-wrap:balance}.beta-intro{max-width:760px;margin:16px 0 0;color:rgba(255,255,255,.82);font-size:clamp(1rem,1.7vw,1.12rem);line-height:1.65}.beta-notice{display:grid;gap:4px;margin:26px 0 0;padding:18px 20px;border-radius:18px;background:rgba(153,101,255,.12);border:1px solid rgba(183,143,255,.38);color:rgba(255,255,255,.92)}.beta-notice p{margin:0;overflow-wrap:anywhere}.beta-notice p:first-child{font-weight:700}

#beta-form{display:grid;gap:18px;margin:24px 0 0;min-width:0}.beta-upload{position:relative;display:flex;min-width:0;min-height:242px;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:28px 24px;overflow:hidden;text-align:center;color:#fff;cursor:pointer;border:2px dashed rgba(183,143,255,.72);border-radius:20px;background:linear-gradient(145deg,rgba(153,101,255,.11),rgba(255,255,255,.025));transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.beta-upload:hover,.beta-upload.dragging{border-color:#d1b2ff;background:linear-gradient(145deg,rgba(153,101,255,.22),rgba(56,189,248,.1));box-shadow:0 16px 40px -24px rgba(174,121,255,.85),inset 0 0 0 1px rgba(255,255,255,.08);transform:translateY(-1px)}.beta-upload:focus-within{outline:3px solid rgba(210,176,255,.8);outline-offset:4px}.beta-upload input{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.beta-upload-icon{display:grid;width:42px;height:42px;place-items:center;margin-bottom:2px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:rgba(255,255,255,.09);color:#e8dcff;font-size:1.45rem;font-weight:700;line-height:1}.beta-upload-title{font-family:'Outfit',sans-serif;font-size:1.3rem;letter-spacing:-.02em}.beta-upload-copy{color:rgba(255,255,255,.78);overflow-wrap:anywhere}.beta-upload-or{color:rgba(255,255,255,.58);font-size:.88rem}.beta-upload-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:9px 18px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;font-weight:800;line-height:1;transition:background .2s ease,transform .2s ease}.beta-upload:hover .beta-upload-button,.beta-upload.dragging .beta-upload-button{background:rgba(255,255,255,.2);transform:translateY(-1px)}.beta-upload-meta{display:flex;flex-wrap:wrap;gap:7px 18px;padding:0 4px;color:rgba(255,255,255,.66);font-size:.83rem;line-height:1.45}.beta-upload-meta span{min-width:0;overflow-wrap:anywhere}.beta-upload-meta span+span::before{content:'•';margin-right:18px;color:rgba(255,255,255,.35)}

.beta-file{min-width:0;padding:13px 14px 13px 16px;border:1px solid rgba(124,236,190,.34);border-radius:12px;background:rgba(75,179,135,.1)}.beta-file-name{min-width:0;overflow-wrap:anywhere}.beta-remove{min-height:36px;border-radius:9px;font:inherit;font-size:.86rem;font-weight:700}.beta-remove:hover{background:rgba(255,255,255,.1)}.beta-remove:focus-visible,.beta-main-button:focus-visible,.details-toggle:focus-visible,.evidence-panel button:focus-visible{outline:3px solid #d7bbff;outline-offset:3px}

.beta-consents{display:grid;gap:10px;min-width:0;margin:4px 0 0;padding:20px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:rgba(255,255,255,.045)}.beta-consents legend{display:grid;width:100%;padding:0 0 14px;color:#fff}.beta-consents legend span{font-family:'Outfit',sans-serif;font-size:1.25rem;font-weight:800;letter-spacing:-.02em}.beta-consents legend small{margin-top:2px;color:rgba(255,255,255,.65);font-size:.84rem;line-height:1.45}.beta-consents label{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;align-items:start;min-width:0;padding:12px 13px;border:1px solid transparent;border-radius:12px;color:rgba(255,255,255,.9);cursor:pointer;line-height:1.5;transition:background .2s ease,border-color .2s ease}.beta-consents label:hover{border-color:rgba(204,174,255,.32);background:rgba(255,255,255,.045)}.beta-consents label span{min-width:0;overflow-wrap:anywhere}.beta-consents input{appearance:none;display:grid;width:20px;height:20px;place-content:center;margin:2px 0 0;border:1.5px solid rgba(255,255,255,.55);border-radius:6px;background:rgba(255,255,255,.04);cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.beta-consents input::before{width:10px;height:6px;content:'';border-bottom:2px solid #fff;border-left:2px solid #fff;transform:rotate(-45deg) scale(0);transition:transform .12s ease}.beta-consents input:checked{border-color:#b784ff;background:linear-gradient(135deg,#8552e8,#bd4ca0);box-shadow:0 0 0 3px rgba(183,132,255,.18)}.beta-consents input:checked::before{transform:rotate(-45deg) scale(1)}.beta-consents input:focus-visible{outline:3px solid #d7bbff;outline-offset:3px}

.beta-error{min-height:0;margin:-3px 0 0;font-weight:600}.beta-error:empty{display:none}.beta-actions{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding-top:2px}.beta-main-button{min-width:min(100%,250px);min-height:56px;padding:14px 28px;border:0;border-radius:16px;font-family:'Outfit',sans-serif;font-size:1.05rem;font-weight:800;letter-spacing:-.01em}.beta-main-button[disabled]{background:linear-gradient(135deg,#5c487f,#5f405c);box-shadow:none;color:rgba(255,255,255,.58);cursor:not-allowed;opacity:1}.beta-main-button:not([disabled]){box-shadow:0 18px 36px -14px rgba(236,72,153,.85)}.beta-actions p{margin:0;color:rgba(255,255,255,.62);font-size:.84rem;line-height:1.45}.analysis-facts,.gene-card,.scientific-details{min-width:0;overflow-wrap:anywhere}

@media(max-width:600px){.join-inner.beta-join-inner{padding-right:18px;padding-left:18px}.beta-upload{min-height:224px;padding:24px 16px}.beta-consents{padding:16px 12px}.beta-consents label{gap:10px;padding:11px 9px;font-size:.94rem}.beta-file{align-items:flex-start;flex-direction:column}.beta-upload-meta{display:grid;gap:3px}.beta-upload-meta span+span::before{display:none}.beta-main-button{width:100%}}

@media(max-width:420px){nav .wrap{padding-right:16px;padding-left:16px}nav .brand .logo-word{display:none}nav .cta{padding:10px 16px;font-size:13px}}

.safety-notice{display:block;padding:18px;border-radius:16px;background:rgba(255,190,99,.12);border:1px solid rgba(255,190,99,.45);color:#fff3dc;margin:20px 0}.safety-notice p{margin:6px 0 0;font-size:.9rem;line-height:1.55}.results-hero h3,.evidence-panel h3{font-size:1.7rem;margin:8px 0}.results-hero>p{color:rgba(255,255,255,.8)}.analysis-facts{font-size:.83rem;color:rgba(255,255,255,.75);padding:12px;border-radius:11px;background:rgba(255,255,255,.06);margin:18px 0}.evidence-panel{padding:18px;border-radius:16px;background:rgba(93,180,220,.11);border:1px solid rgba(93,180,220,.28);margin:20px 0}.evidence-panel p{color:rgba(255,255,255,.75)}.evidence-panel button,.details-toggle{background:transparent;border:1px solid rgba(255,255,255,.35);border-radius:9px;color:#fff;padding:9px 12px;cursor:pointer}.gene-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:20px 0}.gene-card{padding:19px;border-radius:17px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11)}.gene-card.unavailable{border-top:3px solid #7ba6fb}.gene-card.research{border-top:3px solid #d07ee7}.gene-card-head{display:flex;justify-content:space-between;gap:8px}.gene-card h3{font-size:1.25rem;margin:2px 0 10px}.gene-card h4{font-size:.85rem;margin:15px 0 5px}.gene-card p,.gene-card li{font-size:.9rem;color:rgba(255,255,255,.82)}.gene-card ul{padding-left:18px;margin:0}.gene-label{color:#d9c5ff;font-weight:800;margin:0}.research-flag{color:#edc3f7!important;font-weight:800}.finding{padding:11px;border-radius:10px;background:rgba(255,255,255,.07)}.finding p{margin:5px 0 0!important;color:rgba(255,255,255,.69)!important}.evidence-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;font-size:.68rem;font-weight:800;white-space:nowrap;background:rgba(255,255,255,.1)}.evidence-badge i{width:7px;height:7px;border-radius:50%;background:#92a7ba}.evidence-badge.research i{background:#cb7ce8}.evidence-badge.unavailable i{background:#ffc069}.details-toggle{width:100%;margin-top:16px;display:flex;justify-content:space-between;text-align:left}.scientific-details{margin-top:9px;padding:12px;border-radius:10px;background:rgba(0,0,0,.18);font-size:.84rem}.scientific-details a{color:#ceb5ff}.scientific-details small{color:#b8aac7}.demo-label,.demo-button{color:#ecc5ff;font-weight:800}.demo-button{display:block;margin:16px auto 0;background:none;border:0;text-decoration:underline;cursor:pointer}.evidence-dialog{max-width:560px;border:0;border-radius:20px;padding:28px;background:#22173f;color:#fff;box-shadow:0 30px 80px #000}.evidence-dialog::backdrop{background:rgba(7,4,16,.72)}.evidence-dialog h3{margin:6px 0 16px;font-size:1.75rem}.evidence-dialog dt{font-weight:800;margin-top:12px}.evidence-dialog dd{margin:3px 0;color:#dfd4eb}.dialog-close{position:absolute;right:14px;top:8px;border:0;background:transparent;color:#fff;font-size:1.8rem;cursor:pointer}@media(max-width:700px){.gene-grid{grid-template-columns:1fr}}
