:root,:root[data-theme=dark]{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#1a1a1a;color:#fbfbfb;--gradient-from:#fcffd7;--gradient-to:#eaf9ff;--primary-bg:#1a1a1a;--secondary-bg:rgba(26,26,26,.8);--surface-bg:hsla(0,0%,98%,.05);--border-color:hsla(0,0%,98%,.1);--text-primary:#fbfbfb;--text-secondary:hsla(0,0%,98%,.7);--text-muted:hsla(0,0%,98%,.5);--accent-blue:#3b82f6;--accent-green:#10b981;--accent-yellow:#f59e0b;--accent-red:#ef4444}:root[data-theme=light]{color-scheme:light;background-color:#fbfbfb;color:#1a1a1a;--primary-bg:#fbfbfb;--secondary-bg:hsla(0,0%,100%,.8);--surface-bg:hsla(0,0%,100%,.6);--border-color:rgba(26,26,26,.1);--text-primary:#1a1a1a;--text-secondary:rgba(26,26,26,.7);--text-muted:rgba(26,26,26,.5)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--primary-bg);background-image:linear-gradient(135deg,var(--gradient-from) 0,transparent 25%),linear-gradient(225deg,var(--gradient-to) 0,transparent 25%);background-size:100% 100%;background-attachment:fixed}.app-container{min-height:100vh;display:flex;flex-direction:column}.menu-bar{background:var(--surface-bg);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem 3rem;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px -1px rgba(0,0,0,.06)}.menu-bar,.menu-left{display:flex;align-items:center}.menu-left{gap:1rem}.feedback-button{background:var(--surface-bg);border:1px solid var(--border-color);border-radius:6px;padding:.5rem .75rem;font-size:.85rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.4rem;text-decoration:none}.feedback-button svg{flex-shrink:0}.feedback-button:hover{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff;transform:translateY(-1px)}.feedback-button:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px;box-shadow:0 0 0 4px rgba(59,130,246,.15)}.theme-toggle{background:var(--surface-bg);border:1px solid var(--border-color);border-radius:6px;padding:.5rem .75rem;font-size:1.2rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background:var(--accent-blue);border-color:var(--accent-blue);transform:translateY(-1px)}.theme-toggle:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px;box-shadow:0 0 0 4px rgba(59,130,246,.2)}.app-title{margin:0;font-size:1.5rem;font-weight:800;color:var(--text-primary);letter-spacing:-.025em}.app-subtitle{font-size:.9rem;color:var(--text-secondary);font-weight:500}.menu-right{display:flex;align-items:center;gap:1rem}.menu-separator{width:1px;height:2rem;background:linear-gradient(to bottom,transparent,var(--border-color) 20%,var(--border-color) 80%,transparent);flex-shrink:0}.status-section{display:flex;align-items:center;gap:1rem}.genotype-section{background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.15);border-radius:8px}.genotype-section,.results-section{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem}.results-section{background:rgba(16,185,129,.05);border:1px solid rgba(16,185,129,.15);border-radius:8px}.utility-section{display:flex;align-items:center;gap:.75rem}.menu-group{position:relative}.genotype-stats{display:flex;align-items:center;gap:.75rem}.stat-item{font-size:.85rem;color:var(--text-secondary);padding:.25rem .5rem;background:rgba(16,185,129,.05);border:1px solid rgba(16,185,129,.1);border-radius:4px;font-weight:500}.file-controls,.results-controls{display:flex;gap:.5rem}.control-button{background:var(--surface-bg);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:6px;padding:.5rem .75rem;font-size:.85rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:.4rem}.control-button svg{flex-shrink:0}.control-button:hover:not(:disabled){background:var(--accent-blue);color:#fff;border-color:var(--accent-blue);transform:translateY(-1px)}.control-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.control-button:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px;box-shadow:0 0 0 4px rgba(59,130,246,.15)}.control-button.save:hover:not(:disabled){background:var(--accent-green);border-color:var(--accent-green)}.control-button.save:focus-visible{outline-color:var(--accent-green);box-shadow:0 0 0 4px rgba(16,185,129,.15)}.control-button.clear:hover:not(:disabled){background:var(--accent-red);border-color:var(--accent-red)}.control-button.clear:focus-visible{outline-color:var(--accent-red);box-shadow:0 0 0 4px rgba(239,68,68,.15)}.monadic-link{color:var(--accent-blue);text-decoration:none;transition:color .2s ease}.monadic-link:hover{color:#2563eb;text-decoration:underline}.app-footer{background:var(--surface-bg);border-top:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem 3rem;margin-top:auto}.footer-content{max-width:2000px;margin:0 auto;gap:1rem}.footer-content,.footer-section{display:flex;flex-direction:column}.footer-section{gap:.5rem}.footer-section p{margin:0;font-size:.85rem;color:var(--text-secondary);line-height:1.5}.copyright{font-weight:500}.data-credit{font-style:italic}.footer-link{color:var(--accent-blue);text-decoration:none;transition:color .2s ease}.footer-link:hover{color:#2563eb;text-decoration:underline}.footer-section.social-links{display:flex;flex-direction:column;align-items:center;gap:.5rem}.footer-section.social-links p{margin:0;font-size:.85rem;color:var(--text-secondary);font-weight:500}.social-icons{display:flex;gap:1rem;align-items:center}.social-link{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;font-size:1.25rem;background:var(--surface-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);text-decoration:none;transition:all .2s ease}.social-link:hover{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px -2px rgba(59,130,246,.4)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(59,130,246,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;overflow-y:auto;display:flex;align-items:flex-start;justify-content:center;padding:5vh 1rem 2rem;animation:modalOverlayFadeIn .2s ease-out}@keyframes modalOverlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes modalDialogScaleIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-dialog{background:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(248,250,252,.95));border:1px solid rgba(59,130,246,.2);border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 25px -5px rgba(59,130,246,.1),0 10px 10px -5px rgba(0,0,0,.05);max-width:min(600px,90vw);width:100%;max-height:85vh;animation:modalDialogScaleIn .3s ease-out}.modal-content,.modal-dialog{display:flex;flex-direction:column}.modal-content{height:100%;min-height:0}.modal-content h2{margin:0 0 1rem;padding:1.5rem 1.5rem 0;color:#1f2937;font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0}.disclaimer-text{flex:1 1;overflow-y:auto;padding:0 1.5rem 1rem;color:#374151;line-height:1.6;font-size:.9rem;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.3) transparent}.disclaimer-text::-webkit-scrollbar{width:6px}.disclaimer-text::-webkit-scrollbar-track{background:transparent}.disclaimer-text::-webkit-scrollbar-thumb{background:rgba(59,130,246,.3);border-radius:3px}.disclaimer-text::-webkit-scrollbar-thumb:hover{background:rgba(59,130,246,.5)}:root[data-theme=dark] .modal-dialog{background:linear-gradient(135deg,rgba(31,41,55,.95),rgba(17,24,39,.95))}:root[data-theme=dark] .modal-content h2{color:#f3f4f6}:root[data-theme=dark] .disclaimer-text{color:#d1d5db}:root[data-theme=dark] .modal-actions{background:rgba(17,24,39,.8);border-top:1px solid rgba(59,130,246,.2)}:root[data-theme=dark] .disclaimer-text::-webkit-scrollbar-thumb{background:rgba(156,163,175,.4)}:root[data-theme=dark] .disclaimer-text::-webkit-scrollbar-thumb:hover{background:rgba(156,163,175,.6)}.disclaimer-text h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:1.5rem 0 .75rem}.disclaimer-text ul{margin:.5rem 0 1rem 1rem}.disclaimer-text li{margin:.5rem 0}.disclaimer-text strong{color:var(--text-primary);font-weight:600}.entertainment-reminder{background:rgba(245,158,11,.05);border:1px solid rgba(245,158,11,.1);border-radius:8px;padding:1rem;margin-top:1rem;font-weight:500}.modal-actions{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid rgba(59,130,246,.1);justify-content:flex-end;flex-shrink:0;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.disclaimer-button{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;border:none}.disclaimer-button.primary{background:var(--accent-blue);color:#fff}.disclaimer-button.primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px -2px rgba(59,130,246,.4)}.disclaimer-button.primary:disabled{background:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:none}.disclaimer-button.secondary{background:var(--surface-bg);color:var(--text-secondary);border:1px solid var(--border-color)}.disclaimer-button.secondary:hover{background:var(--border-color);color:var(--text-primary)}a{color:inherit;text-decoration:none}main{width:100%}button,input,select{font:inherit}:root[data-theme=light] body{background:var(--primary-bg);background-image:linear-gradient(135deg,var(--gradient-from) 0,transparent 30%),linear-gradient(225deg,var(--gradient-to) 0,transparent 30%);background-size:100% 100%;background-attachment:fixed}.page{max-width:2000px;margin:0 auto;padding:1.5rem 3rem 3rem;display:flex;flex-direction:column;gap:1.5rem;width:100%;flex:1 1}.hero{background:var(--surface-bg);border:1px solid var(--border-color);border-radius:12px;padding:2rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease}.hero.collapsed{padding:1rem 2rem}.hero-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem}.hero-title-section{flex:1 1}.hero-controls{display:flex;flex-direction:column;gap:.75rem;align-items:flex-end}.hero h1{margin:0 0 .75rem;font-size:clamp(1.75rem,2.5vw,2.25rem);font-weight:800;color:var(--text-primary);letter-spacing:-.025em}.hero p{margin:0;max-width:50ch;line-height:1.6;color:var(--text-secondary);font-size:1rem}.hero-actions{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.reset-button{align-self:flex-start;background:var(--accent-blue);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px -1px rgba(59,130,246,.3)}.reset-button:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px -2px rgba(59,130,246,.4)}@media (max-width:640px){.hero-actions,.hero-actions button{width:100%}}.panel{background:var(--surface-bg);border-radius:12px;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease}.panel.collapsed{padding:1rem 2rem}.panel:not(.collapsed){padding:1.25rem 2rem}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.panel.collapsed .panel-header{margin-bottom:0}.panel-title{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-primary)}.panel-content{display:grid;grid-gap:1.25rem;gap:1.25rem}.collapse-button{background:var(--surface-bg);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:6px;padding:.5rem .75rem;font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:2rem}.collapse-button:hover{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue);transform:translateY(-1px)}.panel-section{display:flex;flex-direction:column;gap:.5rem}.panel-section.presets{gap:.75rem}.panel-section.inline{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.25rem;gap:1.25rem}.panel-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:.75rem;gap:.75rem;margin-bottom:.25rem}.panel-field{display:flex;flex-direction:column;gap:.25rem;min-width:0}.panel-field.checkbox-field{flex-direction:row;align-items:center;gap:.75rem}.panel-field.checkbox-field input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--accent-blue)}.field-label,.panel label{font-weight:600;font-size:.8rem;color:var(--text-primary);letter-spacing:.01em;display:flex;align-items:center;gap:.25rem}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;border-radius:50%;background:var(--text-muted);color:var(--primary-bg);font-size:.7rem;font-weight:600;cursor:help;transition:all .2s ease;opacity:.6}.info-icon:hover{opacity:1;background:var(--accent-blue);color:#fff;transform:scale(1.1)}.preset-label{font-weight:700;font-size:1rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.preset-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.preset-button{border:1px solid var(--border-color);background:var(--surface-bg);color:var(--text-primary);border-radius:6px;padding:.5rem 1rem;font-weight:500;font-size:.85rem;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.preset-button:hover{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue);transform:translateY(-1px);box-shadow:0 4px 8px -2px rgba(59,130,246,.3)}.preset-button.active{background:var(--accent-green);border-color:var(--accent-green);color:#fff;box-shadow:0 2px 4px -1px rgba(16,185,129,.3)}.sort-direction-button{width:100%;border-radius:8px;border:1px solid var(--border-color);background:var(--surface-bg);color:var(--text-primary);padding:.75rem 1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.sort-direction-button:hover{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue);transform:translateY(-1px)}.sort-direction-button:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.panel input,.panel select{padding:.5rem .75rem;border-radius:6px;border:1px solid var(--border-color);background:var(--surface-bg);color:var(--text-primary);font-size:.85rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.panel input:focus,.panel select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(59,130,246,.1);background:var(--surface-bg)}.panel input::placeholder{color:var(--text-muted)}.toggle{display:flex;align-items:center;gap:.75rem;padding-top:1rem}.toggle input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--accent-blue)}.summary{background:var(--surface-bg);border-radius:12px;border:1px solid var(--border-color);padding:1.5rem;line-height:1.6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 2px 4px -1px rgba(0,0,0,.06)}.summary p{margin:0;color:var(--text-secondary);font-size:.95rem}.table-wrapper{overflow-x:auto;background:var(--surface-bg);border-radius:12px;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}table{width:100%;border-collapse:collapse;min-width:960px}@media (max-width:1024px){table{min-width:800px}}thead{background:rgba(0,0,0,.02);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}td,th{padding:1rem;text-align:left;vertical-align:top}th{text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600;color:var(--text-secondary);cursor:help;position:relative;transition:color .2s ease;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content}th:hover{color:var(--text-primary)}th .info-icon{margin-left:.25rem;display:inline-flex;vertical-align:middle}th.sortable{cursor:pointer;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}th.sortable:hover{background:rgba(59,130,246,.1);color:var(--accent-blue)}th.sortable.sorted{background:rgba(59,130,246,.15);color:var(--accent-blue)}.sort-indicator{font-weight:700;color:var(--accent-blue)}tbody tr{border-top:1px solid var(--border-color);transition:all .2s ease}tbody tr:hover{background:rgba(59,130,246,.05)}.study-title{font-weight:600;margin-bottom:.5rem;color:var(--text-primary);line-height:1.4}.study-title a{color:var(--accent-blue);text-decoration:none;transition:color .2s ease}.study-title a:hover{color:#2563eb;text-decoration:underline}.study-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.85rem;color:var(--text-muted)}.variant-cell{display:flex;flex-direction:column;gap:.5rem}.variant-chip-group{display:flex;flex-wrap:wrap;gap:.4rem}.variant-chip{display:inline-flex;align-items:center;justify-content:flex-start;border-radius:6px;padding:.4rem .8rem;background:rgba(59,130,246,.1);color:var(--accent-blue);font-weight:500;font-size:.85rem;min-width:0;word-break:break-word;transition:all .2s ease;border:1px solid rgba(59,130,246,.2)}.variant-chip.secondary{background:rgba(16,185,129,.1);color:var(--accent-green);border-color:rgba(16,185,129,.2)}.variant-chip.variant-link:hover{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue);transform:translateY(-1px);box-shadow:0 2px 4px -1px rgba(59,130,246,.3)}.variant-chip.has-user-data{background:rgba(16,185,129,.1);color:var(--accent-green);border-style:solid;border:2px double var(--accent-green);font-weight:600}.variant-chip.has-user-data:hover{background:var(--accent-green);color:#fff;border-color:var(--accent-green);border-style:solid}.user-data-indicator{margin-left:.35rem;display:inline-flex;align-items:center;color:var(--accent-green)}.variant-chip.has-user-data:hover .user-data-indicator{color:#fff}.variant-link{text-decoration:none;cursor:pointer}.variant-chip--placeholder{background:rgba(0,0,0,.05);color:var(--text-muted);border-color:var(--border-color)}.metric{font-weight:600;font-size:1rem;color:var(--text-primary)}.submetric{display:block;font-size:.8rem;margin-top:.25rem;color:var(--text-muted)}.submetric.context-label{font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.02em;margin-top:.15rem}.metric.relevance-strong{color:#16a34a}.metric.relevance-moderate{color:#ca8a04}.metric.relevance-weak{color:#dc2626}.metric.power-large{color:#16a34a}.metric.power-medium{color:#2563eb}.metric.power-small{color:#ca8a04}.metric.effect-large,.metric.power-very-small{color:#dc2626}.metric.effect-moderate{color:#ea580c}.metric.effect-small{color:#2563eb}.metric.effect-none{color:#71717a}.metric.effect-protective,.metric.effect-slight-protective{color:#16a34a}.quality-cell{display:flex;flex-direction:column;gap:.45rem}.quality-pill{display:inline-flex;align-items:center;justify-content:flex-start;padding:.4rem .8rem;border-radius:6px;font-weight:500;font-size:.85rem;width:-moz-fit-content;width:fit-content;border:1px solid transparent}.quality-pill.high{background:rgba(16,185,129,.1);color:var(--accent-green);border-color:rgba(16,185,129,.2)}.quality-pill.medium{background:rgba(245,158,11,.1);color:var(--accent-yellow);border-color:rgba(245,158,11,.2)}.quality-pill.low{background:rgba(239,68,68,.1);color:var(--accent-red);border-color:rgba(239,68,68,.2)}.quality-flags{display:flex;flex-direction:column;gap:.35rem}.quality-flag{display:inline-flex;align-items:center;padding:.3rem .6rem;border-radius:6px;background:rgba(239,68,68,.1);color:var(--accent-red);border:1px solid rgba(239,68,68,.2);font-size:.8rem;font-weight:500;line-height:1.4}.empty-row,.loading-row{text-align:center;padding:3rem;color:var(--text-muted);font-style:italic}.low-quality{background-color:rgba(239,68,68,.02);transition:background-color .2s ease}.low-quality:hover{background-color:rgba(239,68,68,.05)}.genotype-upload{display:flex;align-items:center;gap:.5rem}.genotype-file-input{display:none}.genotype-upload-label{background:var(--surface-bg);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:6px;padding:.5rem .75rem;font-size:.85rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.genotype-upload-label:hover:not(.loading){background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.genotype-upload-label.loading{opacity:.6;cursor:wait}.sample-file-link{font-size:.8rem;color:var(--text-muted);text-decoration:none;white-space:nowrap;transition:color .2s ease}.sample-file-link:hover{color:var(--accent-blue);text-decoration:underline}.genotype-file-selected{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background:rgba(16,185,129,.05);border:1px solid rgba(16,185,129,.1);border-radius:6px}.genotype-file-selected span{font-size:.8rem;color:var(--text-secondary);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.genotype-upload-button{background:var(--accent-green);color:#fff;border:none;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.genotype-upload-button:hover{background:#059669}.genotype-upload-button:disabled{background:var(--text-muted);cursor:not-allowed}.genotype-status{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:rgba(16,185,129,.05);border:1px solid rgba(16,185,129,.1);border-radius:6px}.genotype-indicator{font-size:.85rem;color:var(--accent-green);font-weight:500}.genotype-clear{background:none;border:1px solid var(--border-color);color:var(--text-muted);border-radius:4px;padding:.25rem .5rem;font-size:.8rem;cursor:pointer;transition:all .2s ease}.genotype-clear:hover{background:var(--accent-red);color:#fff;border-color:var(--accent-red)}.genotype-error{font-size:.8rem;color:var(--accent-red);padding:.25rem .5rem;background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.1);border-radius:4px}.reveal-button{background:var(--surface-bg);border:1px solid var(--border-color);color:var(--accent-blue);border-radius:6px;padding:.5rem .75rem;font-size:.85rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.reveal-button:hover{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.reveal-button:disabled{color:var(--text-muted);cursor:not-allowed}@keyframes resultFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-result{display:flex;flex-direction:column;gap:.5rem;font-size:.85rem;animation:resultFadeIn .4s ease-out}.user-result.no-match{color:var(--text-muted);font-style:italic}.user-result.has-match{cursor:help;position:relative}.user-result.has-match:after{content:"?";position:absolute;top:-.25rem;right:-.25rem;width:.75rem;height:.75rem;background:var(--accent-blue);color:#fff;border-radius:50%;font-size:.6rem;display:flex;align-items:center;justify-content:center;font-weight:700;opacity:.7;transition:opacity .2s ease}.user-result.has-match:hover:after{opacity:1}.user-result.has-match .user-genotype{color:var(--text-primary)}.user-result .genotype-value{font-family:monospace;font-weight:600;background:var(--surface-bg);padding:.2rem .4rem;border-radius:4px;font-size:.9rem}.user-result .risk-score{display:flex;align-items:center;gap:.25rem;font-weight:600;padding:.3rem .5rem;border-radius:4px;width:-moz-fit-content;width:fit-content;font-size:.85rem}.user-result .risk-score.risk-increased{background:rgba(239,68,68,.1);color:var(--accent-red);border:1px solid rgba(239,68,68,.2)}.user-result .risk-score.risk-decreased{background:rgba(16,185,129,.1);color:var(--accent-green);border:1px solid rgba(16,185,129,.2)}.user-result .risk-score.risk-neutral{background:rgba(0,0,0,.05);color:var(--text-muted);border:1px solid var(--border-color)}.risk-label{font-size:1rem;font-weight:700}.result-with-commentary{display:flex;flex-direction:column;gap:.5rem}.commentary-button{background:linear-gradient(135deg,var(--accent-blue),#8b5cf6);color:#fff;border:none;border-radius:6px;padding:.4rem .75rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 4px -1px rgba(59,130,246,.3)}.commentary-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px -2px rgba(59,130,246,.5)}.commentary-modal{max-width:700px;max-height:88vh;height:88vh}.commentary-powered-by-header{padding:0 1.5rem;margin-bottom:1rem}.commentary-powered-by-header .powered-by{font-size:.75rem;color:var(--text-muted);text-align:center;margin:0;padding:.5rem;background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.1);border-radius:6px}.commentary-result-summary{background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.1);border-radius:8px;padding:1rem;margin-bottom:1rem}.commentary-result-summary h3{margin:0 0 .25rem;color:var(--text-primary);font-size:1.1rem;font-weight:700}.commentary-study-title{margin:0 0 .75rem;color:var(--text-secondary);font-size:.85rem;font-style:italic}.commentary-result-details{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--text-secondary)}.commentary-text{flex:1 1;overflow-y:auto;padding:0 1.5rem 1rem;color:#374151;line-height:1.6;font-size:.9rem;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.3) transparent}.commentary-text::-webkit-scrollbar{width:6px}.commentary-text::-webkit-scrollbar-track{background:transparent}.commentary-text::-webkit-scrollbar-thumb{background:rgba(59,130,246,.3);border-radius:3px}.commentary-text::-webkit-scrollbar-thumb:hover{background:rgba(59,130,246,.5)}.commentary-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid rgba(59,130,246,.1);border-top:4px solid var(--accent-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-subtext{font-size:.8rem;color:var(--text-muted);font-style:italic}.commentary-error{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;text-align:center}.error-message{color:var(--accent-red);font-weight:500}.retry-button{background:var(--accent-blue);color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.retry-button:hover{background:#2563eb;transform:translateY(-1px)}.commentary-content{display:flex;flex-direction:column;gap:1rem}.commentary-body p{margin:0 0 1rem;line-height:1.7}.commentary-footer{border-top:1px solid var(--border-color);padding-top:1rem;margin-top:1rem}.powered-by{font-size:.8rem;color:var(--text-muted);text-align:center;margin:0}.powered-by a{color:var(--accent-blue);text-decoration:none;font-weight:600}.powered-by a:hover{text-decoration:underline}:root[data-theme=dark] .commentary-text{color:#d1d5db}:root[data-theme=dark] .commentary-result-summary{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.2)}.terms-modal{max-width:700px;max-height:90vh}.terms-text{flex:1 1;overflow-y:auto;padding:0 1.5rem 1rem;color:#374151;line-height:1.6;font-size:.9rem;min-height:200px;max-height:500px;scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.3) transparent}.terms-text::-webkit-scrollbar{width:6px}.terms-text::-webkit-scrollbar-track{background:transparent}.terms-text::-webkit-scrollbar-thumb{background:rgba(59,130,246,.3);border-radius:3px}.terms-text::-webkit-scrollbar-thumb:hover{background:rgba(59,130,246,.5)}.terms-intro{font-size:1rem;color:var(--text-primary);margin-bottom:1.5rem}.terms-section{background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.1);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.terms-section h3{margin:0 0 .75rem;color:var(--text-primary);font-size:1rem;font-weight:700}.terms-section ul{margin:0;padding-left:1.5rem}.terms-section li{margin:.5rem 0;color:var(--text-secondary)}.terms-section strong{color:var(--text-primary);font-weight:600}.terms-links{margin:1rem 0;padding:1rem;background:rgba(245,158,11,.05);border:1px solid rgba(245,158,11,.1);border-radius:8px}.terms-links p{margin:0;color:var(--text-secondary)}.terms-link{color:var(--accent-blue);text-decoration:none;font-weight:600}.terms-link:hover{text-decoration:underline}.terms-acknowledgment{margin-top:1rem;padding:1rem;background:rgba(59,130,246,.05);border-left:3px solid var(--accent-blue);border-radius:4px}.terms-acknowledgment p{margin:0;color:var(--text-primary);font-weight:500}.dont-show-again{display:flex;align-items:center;gap:.5rem;flex:1 1}.dont-show-again input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--accent-blue)}.dont-show-again label{font-size:.9rem;color:var(--text-secondary);cursor:pointer}:root[data-theme=dark] .terms-text{color:#d1d5db}:root[data-theme=dark] .terms-section{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.2)}@media (max-width:768px){.page{padding:1rem 1rem 2rem;gap:1.25rem}.hero,.panel,.summary,.table-wrapper{border-radius:10px;padding:1.5rem}.hero{text-align:center;gap:1.25rem}.hero-actions{align-items:center;width:100%}.reset-button{width:100%;justify-content:center}.panel-section.inline{grid-template-columns:1fr;gap:1rem}.panel-row{grid-template-columns:1fr;gap:.75rem}.preset-buttons{gap:.5rem}.preset-button{padding:.6rem 1rem;font-size:.85rem}table{display:block;min-width:0}thead{display:none}tbody,tbody tr{display:block}tbody tr{margin-bottom:1rem;border:1px solid var(--border-color);border-radius:8px;padding:1rem;background:var(--surface-bg)}tbody tr:hover{background:rgba(59,130,246,.05)}td{padding:.5rem 0;border:none;text-align:left}td,td:before{display:block}td:before{content:attr(data-label);font-weight:600;font-size:.75rem;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;margin-bottom:.25rem}td:first-child{padding-top:0}td:last-child{padding-bottom:0}.results-header{flex-direction:column;align-items:flex-start;gap:.75rem}.results-table{min-width:600px}.menu-bar{padding:1rem;flex-direction:column;gap:1rem;position:relative}.menu-left,.menu-right{width:100%;justify-content:center}.status-section{flex-direction:column;gap:.5rem}.file-controls,.results-controls{justify-content:center}.control-button{font-size:.8rem;padding:.4rem .6rem}.modal-overlay{padding:.5rem}.modal-dialog{max-width:95vw;width:95vw;height:90vh}.modal-content h2{font-size:1.1rem;padding:1rem 1rem 0}.disclaimer-text{padding:0 1rem;font-size:.85rem}.modal-actions{padding:1rem;flex-shrink:0}.app-title{font-size:1.25rem}.app-footer{padding:1.5rem 1rem}.footer-content{text-align:center}}.consent-modal{max-width:600px;max-height:80vh}.consent-explanation{flex:1 1;overflow-y:auto;padding:0 1.5rem 1rem;color:#374151;line-height:1.6;font-size:.9rem;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.3) transparent}.consent-explanation::-webkit-scrollbar{width:6px}.consent-explanation::-webkit-scrollbar-track{background:transparent}.consent-explanation::-webkit-scrollbar-thumb{background:rgba(59,130,246,.3);border-radius:3px}.consent-explanation::-webkit-scrollbar-thumb:hover{background:rgba(59,130,246,.5)}.consent-explanation>p{margin:0 0 1rem}.consent-details{margin:1.5rem 0}.consent-details h3{font-size:1rem;font-weight:600;margin:1.5rem 0 .75rem;color:#1f2937}.consent-details ul{margin:.5rem 0;padding-left:1.5rem}.consent-details li{margin:.5rem 0;line-height:1.5}.consent-details a{color:var(--accent-blue);text-decoration:none;font-weight:500}.consent-details a:hover{text-decoration:underline}.consent-warning{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:1rem;margin:1.5rem 0}.consent-warning p{margin:0;color:#991b1b;font-size:.875rem;line-height:1.5}.consent-checkbox{margin:1.5rem 0 0;padding:1rem;background:var(--surface-bg);border:1px solid var(--border-color);border-radius:8px}.consent-checkbox label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;font-size:.9rem;line-height:1.5}.consent-checkbox input[type=checkbox]{margin-top:.25rem;width:18px;height:18px;cursor:pointer;flex-shrink:0}:root[data-theme=dark] .consent-explanation{color:#d1d5db}:root[data-theme=dark] .consent-details h3{color:#f3f4f6}:root[data-theme=dark] .consent-warning{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.4)}:root[data-theme=dark] .consent-warning p{color:#fca5a5}.study-quality-indicators{background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(16,185,129,.05));border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.quality-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.quality-icon-large{font-size:2.5rem}.quality-header h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.quality-subtitle{margin:.25rem 0 0;font-size:.875rem;color:var(--text-secondary)}.quality-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:.75rem;gap:.75rem;margin-bottom:1rem}.quality-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:8px;font-size:.875rem;line-height:1.5;transition:transform .2s ease}.quality-item:hover{transform:translateX(2px)}.quality-item.quality-good{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3)}.quality-item.quality-moderate{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3)}.quality-item.quality-limited{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3)}.quality-icon{font-size:1.5rem;flex-shrink:0;margin-top:.125rem}.quality-item.quality-good .quality-icon{color:#10b981}.quality-item.quality-moderate .quality-icon{color:#f59e0b}.quality-item.quality-limited .quality-icon{color:#ef4444}.quality-content{flex:1 1;color:var(--text-primary)}.quality-label{margin-left:.5rem;font-size:.85rem}.quality-label,.quality-note{font-style:italic;color:var(--text-secondary)}.quality-note{margin-top:.5rem;font-size:.8rem}.quality-disclaimer{margin-top:1.25rem;padding:1rem;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.25);border-radius:8px;font-size:.875rem;line-height:1.6;color:var(--text-primary)}.quality-disclaimer strong{color:#ef4444;display:inline-flex;align-items:center;gap:.25rem}.inline-icon{display:inline-block;vertical-align:middle;margin-right:.25rem}.commentary-section{margin:1.5rem 0}.commentary-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.commentary-icon{font-size:1.75rem}.commentary-header h3{margin:0;font-size:1.15rem;font-weight:600;color:var(--text-primary)}.commentary-body{line-height:1.7;color:var(--text-primary)}.commentary-body h2,.commentary-body h3,.commentary-body h4{margin:1.5rem 0 .75rem;color:var(--text-primary);font-weight:600}.commentary-body h2{font-size:1.25rem}.commentary-body h3{font-size:1.1rem}.commentary-body h4{font-size:1rem}.commentary-body strong{font-weight:600;color:var(--accent-blue)}.commentary-body em{font-style:italic;color:var(--text-secondary)}.commentary-body ul{margin:.75rem 0;padding-left:1.5rem}.commentary-body li{margin:.5rem 0;line-height:1.6}.ai-limitations-disclaimer{display:flex;align-items:flex-start;gap:1rem;margin-top:1.5rem;padding:1.25rem;background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(99,102,241,.08));border:1px solid rgba(59,130,246,.3);border-radius:10px;font-size:.875rem;line-height:1.6}.disclaimer-icon{font-size:1.5rem;flex-shrink:0}.ai-limitations-disclaimer strong{display:block;margin-bottom:.5rem;font-size:1rem;color:var(--accent-blue)}.ai-limitations-disclaimer p{margin:0;color:var(--text-primary)}:root[data-theme=dark] .quality-disclaimer strong{color:#fca5a5}:root[data-theme=dark] .ai-limitations-disclaimer strong,:root[data-theme=dark] .commentary-body strong{color:#93c5fd}@media (max-width:768px){.quality-grid{grid-template-columns:1fr}.quality-header{flex-direction:column;align-items:flex-start}.quality-icon-large{font-size:2rem}}.commentary-body p{margin:1rem 0}.commentary-body p:first-child{margin-top:0}.commentary-body p:last-child{margin-bottom:0}.table-scroll-container{position:relative;overflow-x:auto;overflow-y:visible;background:linear-gradient(to right,var(--primary-bg) 0,transparent 40px) 0 0,linear-gradient(to left,var(--primary-bg) 0,transparent 40px) 100% 0;background-size:40px 100%,40px 100%;background-attachment:local,local;background-image:linear-gradient(to right,var(--primary-bg) 0,transparent 40px),linear-gradient(to left,var(--primary-bg) 0,transparent 40px),linear-gradient(to right,rgba(0,0,0,.15) 0,transparent 20px),linear-gradient(to left,rgba(0,0,0,.15) 0,transparent 20px);background-position:0 0,100% 0,0 0,100% 0;background-repeat:no-repeat;background-size:40px 100%,40px 100%,20px 100%,20px 100%;background-attachment:local,local,scroll,scroll;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.table-scroll-container::-webkit-scrollbar{height:12px}.table-scroll-container::-webkit-scrollbar-track{background:var(--surface-bg);border-radius:6px}.table-scroll-container::-webkit-scrollbar-thumb{background:rgba(59,130,246,.3);border-radius:6px;-webkit-transition:background .2s ease;transition:background .2s ease}.table-scroll-container::-webkit-scrollbar-thumb:hover{background:rgba(59,130,246,.5)}.table-scroll-container{scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.3) var(--surface-bg)}@media (max-width:768px){.table-wrapper:before{content:"← Scroll for more →";display:block;text-align:center;font-size:.875rem;color:var(--text-secondary);padding:.5rem;background:var(--surface-bg);border:1px solid var(--border-color);border-radius:6px;margin-bottom:.75rem;font-style:italic}}:root[data-theme=dark] .table-scroll-container{background-image:linear-gradient(to right,var(--primary-bg) 0,transparent 40px),linear-gradient(to left,var(--primary-bg) 0,transparent 40px),linear-gradient(to right,rgba(0,0,0,.4) 0,transparent 20px),linear-gradient(to left,rgba(0,0,0,.4) 0,transparent 20px)}