:root{--bg-darker: #090a0f;--bg-dark: #0d0e12;--bg-panel: rgba(18, 20, 27, .6);--border-light: rgba(255, 255, 255, .08);--border-glow: rgba(0, 242, 254, .15);--text-primary: #f0f3f8;--text-secondary: #9aa5b5;--text-muted: #5e6978;--color-genetics: #00f2fe;--color-therapeutics: #9b51e0;--color-variants: #ff5b7f;--color-success: #10b981;--color-warning: #f59e0b;--font-heading: "Outfit", -apple-system, sans-serif;--font-body: "Inter", -apple-system, sans-serif;--shadow-premium: 0 8px 32px 0 rgba(0, 0, 0, .5);--shadow-glow-blue: 0 0 15px rgba(0, 242, 254, .4);--shadow-glow-purple: 0 0 15px rgba(155, 81, 224, .4);--shadow-glow-pink: 0 0 15px rgba(255, 91, 127, .4);--transition-smooth: all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-darker);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;overflow-x:hidden;position:relative;line-height:1.6}.glow-sphere{position:fixed;border-radius:50%;filter:blur(130px);z-index:-1;opacity:.22;pointer-events:none;transition:var(--transition-smooth)}.glow-primary{width:450px;height:450px;background:radial-gradient(circle,var(--color-genetics) 0%,transparent 70%);top:-10%;left:10%}.glow-secondary{width:600px;height:600px;background:radial-gradient(circle,var(--color-therapeutics) 0%,transparent 70%);bottom:-10%;right:5%}.glow-tertiary{width:350px;height:350px;background:radial-gradient(circle,var(--color-variants) 0%,transparent 70%);top:40%;right:30%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff38}.app-container{max-width:1600px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:20px;min-height:100vh}.app-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-radius:16px;background:#12141b66;border:1px solid var(--border-light);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-premium)}.logo-area{display:flex;align-items:center;gap:12px}.logo-icon{font-size:36px;background:linear-gradient(135deg,var(--color-genetics),var(--color-therapeutics));-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px rgba(0,242,254,.3))}.logo-text h1{font-family:var(--font-heading);font-size:24px;font-weight:800;letter-spacing:.5px}.tagline{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary)}.search-bar-container{position:relative;display:flex;align-items:center;width:480px;background:#00000059;border:1px solid var(--border-light);border-radius:30px;padding:2px 6px 2px 16px;transition:var(--transition-smooth)}.search-bar-container:focus-within{border-color:var(--color-genetics);box-shadow:var(--shadow-glow-blue);background:#00000080}.search-icon{color:var(--text-muted);font-size:20px}#gene-search{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);padding:12px 10px;font-size:14px;font-family:var(--font-body)}#gene-search::placeholder{color:var(--text-muted)}#search-btn{background:linear-gradient(135deg,var(--color-genetics),#00b8e6);color:#000;border:none;outline:none;padding:10px 24px;border-radius:25px;font-weight:600;cursor:pointer;font-family:var(--font-heading);font-size:13px;transition:var(--transition-smooth)}#search-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00f2fe66}.system-status{display:flex;align-items:center;gap:8px;background:#ffffff0a;padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.05)}.status-indicator-dot{width:8px;height:8px;border-radius:50%}.status-indicator-dot.online{background-color:var(--color-success);box-shadow:0 0 10px var(--color-success)}.status-label{font-size:11px;text-transform:uppercase;font-weight:600;letter-spacing:.5px;color:var(--text-secondary)}.quick-explore{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.quick-title{font-size:12px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:1px}.quick-chip{display:flex;align-items:center;gap:8px;background:#ffffff08;border:1px solid var(--border-light);color:var(--text-secondary);padding:8px 16px;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;transition:var(--transition-smooth)}.quick-chip:hover{background:#ffffff14;color:var(--text-primary);border-color:#ffffff2e}.quick-chip.active{background:#00f2fe14;border-color:var(--color-genetics);color:var(--text-primary);box-shadow:0 0 10px #00f2fe26}.chip-dot{width:6px;height:6px;border-radius:50%}.glow-blue{background-color:var(--color-genetics);box-shadow:0 0 6px var(--color-genetics)}.glow-purple{background-color:var(--color-therapeutics);box-shadow:0 0 6px var(--color-therapeutics)}.glow-pink{background-color:var(--color-variants);box-shadow:0 0 6px var(--color-variants)}.dashboard-grid{display:grid;grid-template-columns:320px 1fr 340px;grid-template-rows:auto auto;gap:20px}.panel{display:flex;flex-direction:column;overflow:hidden;transition:var(--transition-smooth)}.card-glass{background:var(--bg-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);border-radius:20px;box-shadow:var(--shadow-premium)}.card-glass:hover{border-color:#ffffff1f}.panel-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border-light)}.panel-header h2{font-family:var(--font-heading);font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-primary)}.panel-header-icon{font-size:20px;color:var(--color-genetics)}.panel-left .panel-header-icon,.panel-center .panel-header-icon{color:var(--color-genetics)}.panel-right .panel-header-icon{color:var(--color-therapeutics)}.panel-bottom .panel-header-icon{color:var(--color-variants)}.panel-body{padding:20px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:16px;max-height:480px}.info-card{display:flex;flex-direction:column;gap:14px}.disease-meta h3{font-family:var(--font-heading);font-size:22px;font-weight:700;line-height:1.2}.accent-text{background:linear-gradient(135deg,var(--color-genetics),#00b8e6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.protein-full-name{font-size:12px;color:var(--text-secondary);font-style:italic}.gene-id-badge{display:inline-flex;align-items:center;background:#ffffff0d;border:1px solid var(--border-light);border-radius:4px;overflow:hidden;font-size:10px;font-weight:600;margin-top:6px}.badge-label{background:#ffffff14;padding:3px 6px;color:var(--text-secondary)}.badge-val{padding:3px 8px;color:var(--color-genetics);letter-spacing:.5px}.divider{height:1px;background:var(--border-light);margin:4px 0}.bio-section h4{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);margin-bottom:6px}.bio-section h4 span{font-size:16px;color:var(--color-genetics)}.bio-text{font-size:12px;color:var(--text-secondary);line-height:1.6}.bio-text-sub{font-size:11px;color:var(--text-muted);margin-top:8px}.location-visualizer{margin-top:10px;background:#00000040;border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:12px}.cell-membrane-art{display:flex;flex-direction:column;align-items:center;position:relative;height:100px;justify-content:space-between;overflow:hidden;border-radius:8px;background:#ffffff05;padding:6px 0}.cell-extra,.cell-intra{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.cell-membrane-lipid{display:flex;gap:4px;width:90%;justify-content:center}.lipid-head{width:8px;height:8px;border-radius:50%;background:#ffffff26;position:relative}.lipid-head:after{content:"";position:absolute;width:2px;height:10px;background:#ffffff14;left:3px;top:8px}.cell-protein{position:absolute;width:24px;height:48px;background:linear-gradient(180deg,var(--color-genetics),var(--color-therapeutics));border-radius:12px;top:26px;opacity:.25;box-shadow:none;transition:var(--transition-smooth)}.cell-protein.active{opacity:.9;box-shadow:var(--shadow-glow-blue);animation:membranePulse 3s infinite ease-in-out}@keyframes membranePulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.2)}}.panel-center{grid-column:2;min-height:480px;background:var(--bg-dark)}.pdb-indicator-badge{margin-left:auto;font-size:11px;color:var(--text-secondary)}.viewer-container{flex:1;position:relative;display:flex;flex-direction:column}.molstar-wrapper{flex:1;width:100%;height:100%;position:relative;background-color:var(--bg-darker);border-radius:0 0 20px 20px;overflow:hidden}pdbe-molstar{width:100%;height:100%;display:block;min-height:400px}.viewer-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0d0e12d9;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;font-size:13px;color:var(--text-secondary);transition:var(--transition-smooth)}.pulse-loader{width:40px;height:40px;border-radius:50%;border:3px solid rgba(0,242,254,.1);border-top-color:var(--color-genetics);animation:spin 1s infinite linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.viewer-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#090a0fcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:30px;padding:6px;display:flex;gap:8px;z-index:5;box-shadow:var(--shadow-premium)}.control-btn{background:transparent;border:none;outline:none;color:var(--text-secondary);padding:8px 16px;border-radius:20px;cursor:pointer;font-size:11px;font-weight:600;display:flex;align-items:center;gap:6px;transition:var(--transition-smooth);font-family:var(--font-heading);text-transform:uppercase}.control-btn span{font-size:16px}.control-btn:hover{color:var(--text-primary);background:#ffffff14}.control-btn.active{color:#000;background:var(--color-genetics);box-shadow:var(--shadow-glow-blue)}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.section-title h3{font-family:var(--font-heading);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary)}.trials-count{font-size:10px;background:#9b51e01f;border:1px solid rgba(155,81,224,.3);color:#b070f0;padding:2px 8px;border-radius:10px;font-weight:600}.trials-list{display:flex;flex-direction:column;gap:12px;max-height:220px;overflow-y:auto;padding-right:4px}.trial-card{background:#ffffff05;border:1px solid var(--border-light);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;transition:var(--transition-smooth)}.trial-card:hover{background:#ffffff0a;border-color:#9b51e04d;transform:translate(2px)}.trial-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.trial-nct{font-size:10px;font-family:var(--font-heading);font-weight:700;color:#b070f0}.trial-status{font-size:9px;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:4px}.status-recruiting{background:#10b9811f;color:var(--color-success);border:1px solid rgba(16,185,129,.2)}.status-completed{background:#3b82f61f;color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.trial-title{font-size:11px;font-weight:500;color:var(--text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trial-meta{display:flex;justify-content:space-between;font-size:9px;color:var(--text-muted)}.compounds-grid{display:flex;flex-direction:column;gap:8px}.compound-chip{display:flex;align-items:center;gap:12px;background:#ffffff05;border:1px solid var(--border-light);border-radius:12px;padding:10px 14px;transition:var(--transition-smooth)}.compound-chip:hover{background:#ffffff0d;border-color:#9b51e033}.compound-chip span{font-size:20px;color:var(--color-therapeutics)}.compound-info{display:flex;flex-direction:column}.compound-info strong{font-size:12px;color:var(--text-primary)}.compound-info span{font-size:10px!important;color:var(--text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 10px;text-align:center;gap:8px;color:var(--text-muted)}.empty-state span{font-size:32px}.empty-state p{font-size:11px}.panel-bottom{grid-column:1 / span 3}.variants-table-container{width:100%;overflow-x:auto}.variants-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.variants-table th{padding:12px 16px;font-family:var(--font-heading);font-weight:700;color:var(--text-secondary);border-bottom:1px solid var(--border-light);text-transform:uppercase;font-size:10px;letter-spacing:.5px}.variants-table td{padding:14px 16px;color:var(--text-primary);border-bottom:1px solid rgba(255,255,255,.03)}.variants-table tbody tr:hover{background:#ffffff05}.table-link{color:var(--color-genetics);text-decoration:none;font-weight:500}.table-link:hover{text-decoration:underline}.sig-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase}.sig-pathogenic{background:#ff5b7f1f;color:var(--color-variants);border:1px solid rgba(255,91,127,.2)}.sig-vus{background:#9b51e01f;color:#b070f0;border:1px solid rgba(155,81,224,.2)}.sig-benign{background:#10b9811f;color:var(--color-success);border:1px solid rgba(16,185,129,.2)}.app-footer{display:flex;justify-content:space-between;padding:16px 24px;margin-top:10px;font-size:11px;color:var(--text-muted);border-top:1px solid var(--border-light)}.loader{width:20px;height:20px;border:2px solid rgba(0,242,254,.1);border-top-color:var(--color-genetics);border-radius:50%;animation:spin .8s infinite linear}.hidden{display:none!important}.animate-fade-in{animation:fadeIn .4s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.dashboard-grid{grid-template-columns:1fr;grid-template-rows:auto}.panel-center,.panel-bottom{grid-column:1}.app-header{flex-direction:column;gap:16px}.search-bar-container{width:100%}}.inspector-hud{position:absolute;top:20px;left:20px;background:#090a0fd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-variants);border-radius:12px;padding:10px 16px;display:flex;align-items:center;gap:12px;z-index:8;box-shadow:0 0 20px #ff5b7f40;transition:var(--transition-smooth)}.hud-icon{font-size:24px;color:var(--color-variants);animation:pulseGlow 2s infinite ease-in-out}@keyframes pulseGlow{0%,to{filter:brightness(1) drop-shadow(0 0 2px var(--color-variants))}50%{filter:brightness(1.3) drop-shadow(0 0 8px var(--color-variants))}}.hud-text{display:flex;flex-direction:column}.hud-text strong{font-family:var(--font-heading);font-size:13px;color:var(--text-primary)}.hud-text span{font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.hud-close{background:transparent;border:none;outline:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:50%;transition:var(--transition-smooth)}.hud-close:hover{color:var(--text-primary);background:#ffffff14}.variants-table tbody tr{transition:var(--transition-smooth)}.variants-table tbody tr:hover{background:#ffffff0a!important}.variants-table tbody tr.active-row{background:#ff5b7f14!important;border-left:3px solid var(--color-variants)}.variants-table tbody tr.active-row td{color:#fff}.inspect-row-btn{display:inline-flex;align-items:center;gap:6px;background:#ff5b7f14;border:1px solid rgba(255,91,127,.25);color:var(--color-variants);padding:4px 12px;border-radius:12px;font-size:10px;font-weight:600;cursor:pointer;font-family:var(--font-heading);text-transform:uppercase;transition:var(--transition-smooth)}.inspect-row-btn:hover{background:var(--color-variants);color:#000;box-shadow:var(--shadow-glow-pink);transform:translateY(-1px)}.inspect-row-btn span{font-size:14px}.autocomplete-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#0d0e12f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);border-radius:16px;box-shadow:0 10px 40px #0009,0 0 20px #00f2fe1a;max-height:280px;overflow-y:auto;z-index:100;padding:6px 0;transition:var(--transition-smooth)}.suggestion-item{padding:10px 16px;display:flex;flex-direction:column;gap:2px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.02);transition:var(--transition-smooth);border-left:3px solid transparent}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.highlighted{background:#00f2fe14;border-left-color:var(--color-genetics);padding-left:20px}.suggestion-symbol{font-family:var(--font-heading);font-size:13px;font-weight:700;color:var(--text-primary)}.suggestion-name{font-size:10px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phase-badge{font-size:8px;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:4px;display:inline-flex;align-items:center;letter-spacing:.5px}.phase-approved{background:#10b9811f;color:var(--color-success);border:1px solid rgba(16,185,129,.2)}.phase-clinical{background:#9b51e01f;color:#b070f0;border:1px solid rgba(155,81,224,.2)}.phase-investigational{background:#f59e0b1f;color:var(--color-warning);border:1px solid rgba(245,158,11,.2)}.compound-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:2px}.header-actions{display:flex;align-items:center;gap:14px}.mode-toggle{position:relative;width:58px;height:30px;border-radius:18px;border:1px solid var(--border-light);background:#0006;cursor:pointer;padding:0;transition:var(--transition-smooth);outline:none}.mode-slider{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--color-genetics),#00b8e6);box-shadow:0 0 8px #00f2fe80;transition:var(--transition-smooth);z-index:2}.mode-toggle.on{background:#ff5b7f29;border-color:#ff5b7f66}.mode-toggle.on .mode-slider{transform:translate(28px);background:linear-gradient(135deg,var(--color-variants),#ff8aae);box-shadow:0 0 10px #ff5b7f80}.mode-icons{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:space-between;align-items:center;padding:0 7px;pointer-events:none;z-index:1}.mode-icons span{font-size:14px;color:var(--text-muted)}.mode-toggle.on .mode-icon-expert{color:var(--text-muted)}.mode-toggle.on .mode-icon-patient{color:#fff}.mode-toggle:not(.on) .mode-icon-expert{color:#fff}.mode-toggle:not(.on) .mode-icon-patient{color:var(--text-muted)}.mode-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary);min-width:92px}body[data-mode=expert] .patient-only,body[data-mode=patient] .expert-only{display:none!important}.patient-summary{background:linear-gradient(135deg,#ff5b7f0a,#9b51e00f);border:1px solid rgba(255,91,127,.18);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px;margin-top:6px}.patient-section-title{display:flex;align-items:center;gap:8px;font-family:var(--font-heading);font-size:13px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.6px;margin:0}.patient-section-title span.material-symbols-outlined{font-size:18px;color:var(--color-variants)}.speak-btn{margin-left:auto;background:#ff5b7f1a;border:1px solid rgba(255,91,127,.25);color:var(--color-variants);width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.speak-btn:hover{background:var(--color-variants);color:#fff}.speak-btn span{font-size:16px;color:inherit!important}.patient-story{font-size:13px;line-height:1.65;color:var(--text-primary)}.patient-metaphor{display:flex;gap:10px;padding:10px 12px;background:#00000040;border-left:3px solid var(--color-therapeutics);border-radius:6px}.patient-metaphor span.material-symbols-outlined{color:var(--color-therapeutics);font-size:18px;flex-shrink:0}.patient-metaphor p{font-size:12px;color:var(--text-secondary);font-style:italic;line-height:1.6}.patient-sub{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary);margin-top:2px}.patient-symptoms{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.patient-symptoms li{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-primary);padding:6px 10px;background:#ffffff08;border-radius:8px}.patient-symptoms li span.material-symbols-outlined{font-size:14px;color:var(--color-variants)}.body-system{background:#0000002e;border:1px solid var(--border-light);border-radius:14px;padding:12px;margin-top:12px}.body-system-svg-wrap{display:flex;justify-content:center;align-items:center;margin-top:10px}.body-svg{width:100%;max-width:240px;height:auto}.body-svg .body-line{fill:none;stroke:#ffffff2e;stroke-width:1.5}.body-svg .organ{fill:#ffffff0a;stroke:#fff3;stroke-width:1;transition:var(--transition-smooth)}.body-svg .organ.active{fill:#ff5b7f59;stroke:var(--color-variants);stroke-width:2;filter:drop-shadow(0 0 6px rgba(255,91,127,.6));animation:organPulse 3s infinite ease-in-out}.body-svg .organ-label{font-family:var(--font-body);font-size:9px;fill:var(--color-variants);font-weight:600}@keyframes organPulse{0%,to{opacity:.85}50%{opacity:1}}.body-system-legend{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;justify-content:center}.legend-chip{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:var(--text-secondary);background:#ffffff0a;padding:3px 8px;border-radius:10px;border:1px solid var(--border-light)}.legend-chip .dot{width:6px;height:6px;border-radius:50%;background:var(--color-variants);box-shadow:0 0 4px var(--color-variants)}.symptom-search-block{display:flex;flex-direction:column;gap:8px}.symptom-search-bar{display:flex;align-items:center;gap:8px;background:#0000004d;border:1px solid var(--border-light);border-radius:20px;padding:6px 14px}.symptom-search-bar:focus-within{border-color:var(--color-variants);box-shadow:var(--shadow-glow-pink)}.symptom-search-bar span{color:var(--text-muted);font-size:18px}.symptom-search-bar input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);padding:6px 0;font-size:12px;font-family:var(--font-body)}.symptom-section-title{font-size:10px;text-transform:uppercase;font-weight:700;color:var(--text-muted);margin:8px 0 6px;letter-spacing:.6px}.symptom-gene-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.symptom-gene-chip{display:flex;flex-direction:column;align-items:flex-start;background:#00f2fe14;border:1px solid rgba(0,242,254,.25);color:var(--text-primary);padding:6px 10px;border-radius:10px;cursor:pointer;transition:var(--transition-smooth);text-align:left;font-family:var(--font-body)}.symptom-gene-chip strong{font-size:11px;font-family:var(--font-heading);color:var(--color-genetics)}.symptom-gene-chip span{font-size:10px;color:var(--text-secondary)}.symptom-gene-chip:hover{background:#00f2fe2e;transform:translateY(-1px)}.hpo-result{padding:8px 10px;border-radius:8px;background:#ffffff05;border:1px solid var(--border-light);margin-bottom:4px}.hpo-label{font-size:12px;color:var(--text-primary);font-weight:500}.hpo-id{font-size:10px;color:var(--color-genetics);font-family:var(--font-heading);margin-left:4px}.hpo-desc{font-size:11px;color:var(--text-muted);margin-top:4px;line-height:1.4}.support-list{display:flex;flex-direction:column;gap:8px}.support-chip{display:flex;align-items:center;gap:10px;text-decoration:none;background:#ffffff05;border:1px solid var(--border-light);border-radius:10px;padding:10px 12px;transition:var(--transition-smooth);color:var(--text-primary)}.support-chip:hover{background:#ff5b7f0f;border-color:#ff5b7f4d;transform:translate(2px)}.support-chip span.material-symbols-outlined{font-size:18px;color:var(--color-variants);flex-shrink:0}.support-chip .ext-icon{margin-left:auto;font-size:16px;color:var(--text-muted)}.support-chip:hover .ext-icon{color:var(--color-variants)}.support-info{display:flex;flex-direction:column;overflow:hidden}.support-info strong{font-size:12px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-info span{font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px}.doctor-questions{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.doctor-questions li{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--text-primary);padding:8px 12px;background:#9b51e00d;border:1px solid rgba(155,81,224,.15);border-radius:8px;line-height:1.5}.doctor-questions li span{font-size:14px;color:var(--color-therapeutics);flex-shrink:0;margin-top:1px}.plain-variants-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-bottom:14px}.plain-variant{background:#ff5b7f0a;border:1px solid rgba(255,91,127,.18);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;transition:var(--transition-smooth)}.plain-variant:hover{background:#ff5b7f14;transform:translateY(-1px)}.plain-variant-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.plain-variant-head strong{font-size:13px;color:var(--text-primary);font-family:var(--font-heading)}.plain-variant-body{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--text-secondary)}.plain-variant-id{font-family:var(--font-heading);color:var(--color-genetics);font-weight:600}.plain-term{position:relative;border-bottom:1px dotted rgba(0,242,254,.4);color:var(--color-genetics);cursor:help}.plain-term .plain-tooltip{visibility:hidden;opacity:0;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#090a0ff5;color:var(--text-primary);border:1px solid var(--color-genetics);border-radius:8px;padding:6px 10px;font-size:11px;font-style:normal;font-weight:400;min-width:200px;max-width:280px;text-align:left;white-space:normal;z-index:50;box-shadow:0 4px 18px #0006;transition:opacity .2s,visibility .2s;pointer-events:none}.plain-term:hover .plain-tooltip{visibility:visible;opacity:1}.quick-spacer{flex:1}.action-btn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ff5b7f2e,#9b51e02e);border:1px solid rgba(255,91,127,.4);color:var(--text-primary);padding:8px 14px;border-radius:16px;font-size:11px;font-weight:600;cursor:pointer;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.4px;transition:var(--transition-smooth)}.action-btn:hover{background:linear-gradient(135deg,var(--color-variants),var(--color-therapeutics));color:#fff;box-shadow:var(--shadow-glow-pink);transform:translateY(-1px)}.action-btn span{font-size:16px}.assistant-fab{position:fixed;right:24px;bottom:24px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--color-genetics),var(--color-therapeutics));color:#000;border:none;outline:none;cursor:pointer;z-index:100;box-shadow:0 6px 24px #00f2fe80,0 0 #00f2fe66;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);animation:fabPulse 3s infinite}.assistant-fab:hover{transform:scale(1.08);box-shadow:0 8px 32px #00f2feb3}.assistant-fab span{font-size:28px;color:#000}@keyframes fabPulse{0%,to{box-shadow:0 6px 24px #00f2fe66,0 0 #00f2fe66}50%{box-shadow:0 6px 24px #00f2fe8c,0 0 0 12px #00f2fe00}}.assistant-panel{position:fixed;right:24px;bottom:96px;width:380px;max-width:calc(100vw - 48px);height:560px;max-height:calc(100vh - 130px);background:#0d0e12f5;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border-light);border-radius:20px;box-shadow:0 16px 48px #0009,0 0 30px #00f2fe1f;display:flex;flex-direction:column;z-index:99;opacity:0;pointer-events:none;transform:translateY(20px) scale(.95);transition:opacity .25s,transform .25s}.assistant-panel.open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.assistant-header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border-light)}.assistant-logo{font-size:24px;background:linear-gradient(135deg,var(--color-genetics),var(--color-therapeutics));-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 4px rgba(0,242,254,.4))}.assistant-titles{display:flex;flex-direction:column}.assistant-titles strong{font-family:var(--font-heading);font-size:14px;color:var(--text-primary)}.assistant-titles span{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.assistant-close{margin-left:auto;background:transparent;border:none;outline:none;color:var(--text-muted);cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.assistant-close:hover{color:var(--text-primary);background:#ffffff14}.assistant-messages{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.assist-msg{display:flex;max-width:90%}.assist-msg.assist-user{align-self:flex-end}.assist-msg.assist-bot{align-self:flex-start}.assist-bubble{background:#ffffff0a;border:1px solid var(--border-light);border-radius:14px;padding:10px 14px;font-size:12.5px;color:var(--text-primary);line-height:1.55}.assist-user .assist-bubble{background:linear-gradient(135deg,#00f2fe2e,#00b8e61a);border-color:#00f2fe66}.assist-bubble strong{color:var(--color-genetics)}.assist-bubble em{color:var(--color-variants);font-style:italic}.assist-chip{display:inline-block;background:#00f2fe1f;border:1px solid rgba(0,242,254,.3);color:var(--color-genetics);border-radius:12px;padding:4px 10px;font-size:11px;cursor:pointer;font-family:var(--font-heading);margin:4px 3px 0 0;transition:var(--transition-smooth)}.assist-chip:hover{background:var(--color-genetics);color:#000}.assistant-suggestions{padding:8px 14px 4px;display:flex;flex-wrap:wrap;gap:6px;border-top:1px solid var(--border-light)}.suggestion-pill{background:#9b51e01a;border:1px solid rgba(155,81,224,.25);color:var(--text-secondary);border-radius:14px;padding:4px 10px;font-size:10.5px;cursor:pointer;transition:var(--transition-smooth);font-family:var(--font-body)}.suggestion-pill:hover{background:#9b51e040;color:var(--text-primary);border-color:var(--color-therapeutics)}.assistant-input-row{display:flex;align-items:center;gap:8px;padding:12px 14px 14px;border-top:1px solid var(--border-light)}.assistant-input-row input{flex:1;background:#0006;border:1px solid var(--border-light);border-radius:16px;padding:9px 14px;color:var(--text-primary);font-size:12px;font-family:var(--font-body);outline:none;transition:var(--transition-smooth)}.assistant-input-row input:focus{border-color:var(--color-genetics);box-shadow:var(--shadow-glow-blue)}.assistant-input-row input::placeholder{color:var(--text-muted)}.assistant-send,.assistant-mic{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-light);background:#ffffff0a;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);outline:none}.assistant-send:hover{background:var(--color-genetics);color:#000;border-color:var(--color-genetics)}.assistant-mic:hover{background:#ff5b7f2e;color:var(--color-variants);border-color:#ff5b7f59}.assistant-mic.listening{background:var(--color-variants);color:#fff;border-color:var(--color-variants);animation:micPulse 1.2s infinite}@keyframes micPulse{0%,to{box-shadow:0 0 #ff5b7f80}50%{box-shadow:0 0 0 8px #ff5b7f00}}@media (max-width: 900px){.assistant-panel{right:12px;bottom:84px;width:calc(100vw - 24px)}.assistant-fab{right:16px;bottom:16px;width:52px;height:52px}.assistant-fab span{font-size:24px}.header-actions{flex-wrap:wrap;justify-content:center}.mode-label{min-width:auto}.quick-spacer{display:none}.quick-explore{flex-wrap:wrap}.plain-variants-grid{grid-template-columns:1fr}}@media (max-width: 600px){.app-header{padding:12px}.logo-text h1{font-size:18px}.tagline{font-size:9px}.system-status{display:none}.quick-explore .quick-title{width:100%}.action-btn{font-size:10px;padding:6px 10px}}.lang-picker{display:inline-flex;align-items:center;gap:6px;background:#ffffff0a;border:1px solid var(--border-light);border-radius:18px;padding:4px 8px;color:var(--text-secondary);position:relative}.lang-picker>span.material-symbols-outlined{font-size:16px;color:var(--color-genetics)}.lang-options{display:inline-flex;gap:4px;align-items:center}.lang-option{background:transparent;border:1px solid transparent;color:var(--text-secondary);padding:3px 8px;border-radius:10px;font-size:11px;font-family:var(--font-heading);font-weight:700;cursor:pointer;letter-spacing:.6px;transition:var(--transition-smooth)}.lang-option:hover{background:#ffffff0f;color:var(--text-primary)}.lang-option.active{background:var(--color-genetics);color:#000;border-color:var(--color-genetics)}.lang-more{width:26px;height:24px;border-radius:10px;background:transparent;border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.lang-more:hover{background:#9b51e02e;color:var(--color-therapeutics);border-color:var(--color-therapeutics)}.lang-more span{font-size:14px}.lang-more.loaded{background:var(--color-therapeutics);color:#fff;border-color:var(--color-therapeutics)}.gt-host{display:none}.gt-host.visible{display:inline-flex;align-items:center;margin-left:6px;font-size:11px;color:var(--text-secondary)}.gt-host .goog-te-gadget{font-size:0!important;color:var(--text-secondary)!important}.gt-host .goog-te-gadget .goog-te-combo{background:#0006!important;color:var(--text-primary)!important;border:1px solid var(--border-light)!important;border-radius:10px!important;padding:3px 8px!important;font-size:11px!important;font-family:var(--font-body)!important;margin:0!important}.gt-host .goog-te-gadget span,.gt-host .goog-te-gadget img{display:none!important}body .skiptranslate iframe.goog-te-banner-frame{display:none!important;visibility:hidden!important}body>.skiptranslate{display:none!important}body{top:0!important}.stats-panel{display:grid;grid-template-columns:repeat(4,1fr) 2fr;gap:12px;align-items:stretch}@media (max-width: 1100px){.stats-panel{grid-template-columns:repeat(2,1fr)}.stat-chart-card{grid-column:1 / -1}}@media (max-width: 600px){.stats-panel{grid-template-columns:1fr 1fr}}.stat-card{display:flex;align-items:center;gap:12px;background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:14px;padding:12px 16px;transition:var(--transition-smooth)}.stat-card:hover{border-color:#00f2fe40;transform:translateY(-1px)}.stat-icon{font-size:28px;color:var(--color-genetics);flex-shrink:0;filter:drop-shadow(0 0 6px rgba(0,242,254,.3))}.stat-data{display:flex;flex-direction:column;overflow:hidden}.stat-data strong{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--text-primary);line-height:1.1}.stat-data span{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-chart-card{background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:14px;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.stat-chart-card h4{font-family:var(--font-heading);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary)}.stats-system-chart{display:flex;flex-direction:column;gap:4px}.stat-bar-row{display:grid;grid-template-columns:90px 1fr 28px;align-items:center;gap:8px;font-size:11px}.stat-bar-label{color:var(--text-secondary);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.stat-bar-track{background:#ffffff0a;border-radius:4px;height:8px;overflow:hidden}.stat-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-genetics),var(--color-therapeutics));border-radius:4px;transition:width .5s cubic-bezier(.25,.8,.25,1)}.stat-bar-value{color:var(--text-primary);font-family:var(--font-heading);font-weight:700;text-align:right}.browse-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#090a0fd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:200;opacity:0;pointer-events:none;transition:opacity .25s;overflow-y:auto;padding:30px 20px}.browse-modal.open{opacity:1;pointer-events:auto}.browse-modal-inner{max-width:1280px;margin:0 auto;background:#12141beb;border:1px solid var(--border-light);border-radius:20px;box-shadow:0 20px 60px #0009,0 0 40px #00f2fe1a;transform:translateY(20px) scale(.98);opacity:0;transition:opacity .3s,transform .3s;padding:24px}.browse-modal.open .browse-modal-inner{opacity:1;transform:translateY(0) scale(1)}.browse-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px;border-bottom:1px solid var(--border-light);padding-bottom:14px}.browse-titles h2{font-family:var(--font-heading);font-size:22px;font-weight:700;background:linear-gradient(135deg,var(--color-genetics),var(--color-therapeutics));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.browse-titles p{font-size:12px;color:var(--text-secondary);margin-top:4px}.browse-close{margin-left:auto;background:#ffffff0a;border:1px solid var(--border-light);color:var(--text-secondary);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth)}.browse-close:hover{background:#ff5b7f2e;color:var(--color-variants);border-color:#ff5b7f4d}.browse-controls{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.browse-search-bar{display:flex;align-items:center;gap:8px;background:#0006;border:1px solid var(--border-light);border-radius:25px;padding:6px 18px;transition:var(--transition-smooth)}.browse-search-bar:focus-within{border-color:var(--color-genetics);box-shadow:var(--shadow-glow-blue)}.browse-search-bar span{color:var(--text-muted);font-size:20px}.browse-search-bar input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);padding:8px 0;font-size:13px;font-family:var(--font-body)}.browse-filter-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.browse-filter{display:flex;flex-direction:column;gap:4px;min-width:140px;flex:1}.browse-filter span{font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-weight:700}.browse-filter select{background:#0006;border:1px solid var(--border-light);color:var(--text-primary);border-radius:10px;padding:8px 12px;font-size:12px;font-family:var(--font-body);outline:none;cursor:pointer;transition:var(--transition-smooth)}.browse-filter select:focus{border-color:var(--color-genetics);box-shadow:var(--shadow-glow-blue)}.browse-clear-btn{background:#ff5b7f1a;border:1px solid rgba(255,91,127,.3);color:var(--color-variants);width:38px;height:38px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.browse-clear-btn:hover{background:var(--color-variants);color:#fff}.browse-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-secondary)}.browse-meta-count strong{font-family:var(--font-heading);font-size:16px;color:var(--color-genetics)}.browse-meta-count span{margin-left:4px;text-transform:uppercase;font-size:10px;letter-spacing:.5px}.browse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}.catalog-card{text-align:left;background:#ffffff05;border:1px solid var(--border-light);border-radius:14px;padding:14px 16px;color:var(--text-primary);font-family:var(--font-body);cursor:pointer;display:flex;flex-direction:column;gap:10px;transition:var(--transition-smooth);position:relative;overflow:hidden}.catalog-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 60%,rgba(0,242,254,.04));pointer-events:none}.catalog-card:hover{border-color:#00f2fe66;box-shadow:0 6px 18px #0006,0 0 12px #00f2fe1a;transform:translateY(-2px)}.catalog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.catalog-title{display:flex;flex-direction:column}.catalog-title strong{font-family:var(--font-heading);font-size:14px;font-weight:700;line-height:1.25;color:var(--text-primary)}.catalog-gene{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--color-genetics);font-family:var(--font-heading);font-weight:700;margin-top:2px}.catalog-featured{background:linear-gradient(135deg,var(--color-genetics),var(--color-therapeutics));color:#000;font-size:9px;font-weight:700;padding:3px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.4px;flex-shrink:0;box-shadow:0 0 8px #00f2fe4d}.catalog-short{font-size:12px;color:var(--text-secondary);line-height:1.5}.catalog-systems{display:flex;flex-wrap:wrap;gap:4px}.catalog-system-chip{background:#9b51e01a;border:1px solid rgba(155,81,224,.25);color:#c285ff;border-radius:8px;padding:2px 8px;font-size:10px;font-weight:500}.catalog-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-top:1px solid var(--border-light);padding-top:8px}.catalog-meta-item{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text-secondary)}.catalog-meta-item span.material-symbols-outlined{font-size:12px;color:var(--text-muted)}.catalog-foot{display:flex;justify-content:space-between;align-items:center;gap:8px}.catalog-treat{font-size:10px;font-weight:600;padding:3px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.3px}.catalog-treat.treat-approved{background:#10b9811f;color:var(--color-success);border:1px solid rgba(16,185,129,.25)}.catalog-treat.treat-inresearch{background:#9b51e01f;color:#c285ff;border:1px solid rgba(155,81,224,.25)}.catalog-treat.treat-supportive{background:#f59e0b1f;color:var(--color-warning);border:1px solid rgba(245,158,11,.25)}.catalog-difficulty{font-size:12px;color:var(--color-variants);letter-spacing:1px;font-family:Outfit,monospace;cursor:help}.browse-empty{text-align:center;padding:60px 20px;color:var(--text-muted)}.browse-empty span{font-size:60px;color:var(--text-muted);margin-bottom:12px;display:block}.browse-empty p{font-size:14px}@media (max-width: 700px){.browse-modal{padding:12px 8px}.browse-modal-inner{padding:14px;border-radius:12px}.browse-titles h2{font-size:16px}.browse-filter{min-width:100%}.browse-grid{grid-template-columns:1fr}}.catalog-card{position:relative}.catalog-fav{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;background:#0000004d;border:1px solid var(--border-light);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);z-index:3}.catalog-fav span{font-size:16px;color:inherit!important}.catalog-fav:hover{background:#ff5b7f2e;color:var(--color-variants);border-color:#ff5b7f66}.catalog-fav .starred{color:var(--color-warning)!important;filter:drop-shadow(0 0 4px rgba(245,158,11,.5))}.browse-fav-toggle{background:#f59e0b14;border:1px solid rgba(245,158,11,.25);color:var(--color-warning);width:38px;height:38px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.browse-fav-toggle:hover{background:#f59e0b33}.browse-fav-toggle.active{background:var(--color-warning);color:#000;box-shadow:0 0 12px #f59e0b66}.toast-container{position:fixed;top:20px;right:20px;z-index:500;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;background:#0d0e12f2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-light);border-radius:10px;padding:10px 16px;color:var(--text-primary);font-size:12.5px;box-shadow:0 8px 32px #00000080;min-width:240px;max-width:380px;opacity:0;transform:translate(20px);transition:opacity .3s,transform .3s;pointer-events:auto}.toast.visible{opacity:1;transform:translate(0)}.toast span.material-symbols-outlined{font-size:18px}.toast-success{border-color:#10b98166}.toast-success span.material-symbols-outlined:first-child{color:var(--color-success)}.toast-error{border-color:#ff5b7f66}.toast-error span.material-symbols-outlined:first-child{color:var(--color-variants)}.toast-info span.material-symbols-outlined:first-child{color:var(--color-genetics)}.toast-text{line-height:1.4}.overlay-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#090a0fd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:250;opacity:0;pointer-events:none;transition:opacity .25s;overflow-y:auto;padding:30px 20px}.overlay-modal.open{opacity:1;pointer-events:auto}.overlay-modal-inner{max-width:720px;margin:0 auto;background:#12141bf2;border:1px solid var(--border-light);border-radius:20px;padding:24px;box-shadow:0 20px 60px #0009,0 0 30px #00f2fe14;transform:translateY(16px) scale(.97);opacity:0;transition:opacity .3s,transform .3s}.overlay-modal.open .overlay-modal-inner{opacity:1;transform:translateY(0) scale(1)}.overlay-modal-inner.small{max-width:640px}.overlay-modal-inner.tiny{max-width:440px}.overlay-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;border-bottom:1px solid var(--border-light);padding-bottom:14px}.overlay-titles h2{font-family:var(--font-heading);font-size:20px;font-weight:700;background:linear-gradient(135deg,var(--color-genetics),var(--color-therapeutics));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.overlay-titles p{font-size:12px;color:var(--text-secondary);margin-top:4px}.overlay-close{margin-left:auto;background:#ffffff0a;border:1px solid var(--border-light);color:var(--text-secondary);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth)}.overlay-close:hover{background:#ff5b7f2e;color:var(--color-variants)}.glossary-search-bar{display:flex;align-items:center;gap:8px;background:#0006;border:1px solid var(--border-light);border-radius:20px;padding:6px 14px;margin-bottom:14px}.glossary-search-bar:focus-within{border-color:var(--color-genetics);box-shadow:var(--shadow-glow-blue)}.glossary-search-bar span{color:var(--text-muted);font-size:18px}.glossary-search-bar input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);padding:6px 0;font-size:13px;font-family:var(--font-body)}.glossary-list{display:flex;flex-direction:column;gap:8px;max-height:50vh;overflow-y:auto;padding-right:6px}.glossary-entry{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:#ffffff05;border:1px solid var(--border-light);border-radius:10px;transition:var(--transition-smooth)}.glossary-entry:hover{background:#00f2fe0a;border-color:#00f2fe40}.glossary-term{font-family:var(--font-heading);font-size:13px;color:var(--color-genetics);text-transform:capitalize}.glossary-def{font-size:12px;color:var(--text-secondary);line-height:1.55}.shortcut-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.shortcut-list li{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;background:#ffffff05;border:1px solid var(--border-light);font-size:12px;color:var(--text-secondary)}.shortcut-list kbd{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:28px;padding:0 8px;background:#00f2fe1f;border:1px solid rgba(0,242,254,.3);border-radius:6px;font-family:Outfit,monospace;font-size:11px;font-weight:700;color:var(--color-genetics);box-shadow:0 2px #00f2fe33}.side-panel{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:90;display:flex;align-items:stretch}.side-panel-toggle{background:linear-gradient(135deg,var(--color-genetics),var(--color-therapeutics));color:#000;border:none;cursor:pointer;border-radius:0 14px 14px 0;padding:14px 6px;box-shadow:4px 0 16px #0006;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.side-panel-toggle span{font-size:22px;color:#000}.side-panel-toggle:hover{padding-right:10px}.side-panel-content{width:270px;background:#0d0e12f5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-light);border-left:none;border-radius:0 14px 14px 0;padding:18px 16px;max-height:70vh;overflow-y:auto;margin-left:-270px;opacity:0;visibility:hidden;transition:margin-left .3s cubic-bezier(.25,.8,.25,1),opacity .3s,visibility .3s}.side-panel.open .side-panel-content{margin-left:0;opacity:1;visibility:visible}.side-section{margin-bottom:16px}.side-section h4{display:flex;align-items:center;gap:6px;font-family:var(--font-heading);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary);margin-bottom:8px}.side-section h4 span.material-symbols-outlined{font-size:15px;color:var(--color-genetics)}.link-btn{margin-left:auto;background:transparent;border:none;color:var(--color-variants);font-size:10px;cursor:pointer;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.5px}.link-btn:hover{color:#fff;text-decoration:underline}.mini-pill-list{display:flex;flex-direction:column;gap:4px}.empty-line{font-size:11px;color:var(--text-muted);font-style:italic;padding:6px 4px}.mini-pill{display:flex;align-items:center;gap:6px;background:#ffffff05;border:1px solid var(--border-light);border-radius:8px;padding:6px 10px;cursor:pointer;text-align:left;transition:var(--transition-smooth);color:var(--text-primary);font-family:var(--font-body)}.mini-pill:hover{background:#00f2fe14;border-color:#00f2fe4d;transform:translate(2px)}.mini-pill span.material-symbols-outlined{font-size:14px;color:var(--text-muted)}.fav-pill span.material-symbols-outlined{color:var(--color-warning)}.mini-pill strong{font-family:var(--font-heading);font-size:11px;color:var(--text-primary);flex-shrink:0;min-width:38px}.mini-pill>span:not(.material-symbols-outlined){font-size:10px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.body-svg .body-halo{fill:#ff5b7f29;stroke:var(--color-variants);stroke-width:1.5;stroke-dasharray:4 3;animation:organPulse 3s infinite ease-in-out}.onboarding-card{position:fixed;bottom:110px;right:24px;width:320px;background:#0d0e12f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--color-genetics);border-radius:16px;box-shadow:0 12px 36px #00000080,0 0 24px #00f2fe33;padding:16px;z-index:95;display:flex;gap:12px;align-items:flex-start;opacity:0;pointer-events:none;transform:translate(20px);transition:opacity .4s,transform .4s}.onboarding-card.visible{opacity:1;pointer-events:auto;transform:translate(0)}.onboarding-icon{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-genetics),var(--color-therapeutics));display:flex;align-items:center;justify-content:center}.onboarding-icon span{font-size:18px;color:#000}.onboarding-text{flex:1;overflow:hidden}.onboarding-text strong{display:block;font-family:var(--font-heading);font-size:13px;color:var(--text-primary);margin-bottom:4px}.onboarding-text p{font-size:11px;color:var(--text-secondary);line-height:1.5;margin-bottom:4px}.onboarding-dismiss{flex-shrink:0;align-self:flex-end;background:var(--color-genetics);color:#000;border:none;border-radius:8px;padding:6px 12px;cursor:pointer;font-family:var(--font-heading);font-size:11px;font-weight:700;transition:var(--transition-smooth)}.onboarding-dismiss:hover{background:var(--color-therapeutics);color:#fff}@media (max-width: 700px){.side-panel{display:none}.onboarding-card{width:calc(100vw - 24px);right:12px;bottom:90px}.toast-container{top:10px;right:10px;left:10px}.toast{min-width:auto}.shortcut-list{font-size:11px}.overlay-modal{padding:12px 8px}.overlay-modal-inner{padding:14px}}.patient-extra-card{background:#0000002e;border:1px solid var(--border-light);border-radius:14px;padding:14px 16px;margin-top:12px}.patient-extra-card.hidden{display:none}.inherit-svg{width:100%;max-width:280px;display:block;margin:12px auto 8px;height:auto}.inherit-svg .inherit-legend{font-size:11px;fill:var(--text-muted)}.inherit-legend-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:8px}.il-item{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:var(--text-secondary)}.il-square{width:12px;height:12px;border-radius:3px;border:1px solid rgba(255,255,255,.3);background:#1b1d25}.il-square.affected{background:var(--color-variants);border-color:var(--color-variants)}.il-square.carrier{background:#ff5b7f59;border-color:var(--color-variants)}.patient-explain{font-size:12px;color:var(--text-secondary);line-height:1.55;margin-top:8px}.prev-grid{display:grid;grid-template-columns:repeat(20,1fr);gap:3px;max-width:280px;margin:12px auto 6px}.prev-dot{width:100%;aspect-ratio:1;border-radius:50%;background:#ffffff14;transition:var(--transition-smooth)}.prev-dot.affected{background:var(--color-variants);box-shadow:0 0 6px var(--color-variants);animation:organPulse 2s infinite ease-in-out}.external-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px;margin-top:10px}.ext-link-chip{display:flex;align-items:center;gap:6px;text-decoration:none;background:#00f2fe0d;border:1px solid rgba(0,242,254,.2);color:var(--color-genetics);padding:7px 10px;border-radius:8px;font-size:11px;font-family:var(--font-heading);font-weight:600;transition:var(--transition-smooth)}.ext-link-chip:hover{background:#00f2fe26;border-color:var(--color-genetics);transform:translateY(-1px)}.ext-link-chip span.material-symbols-outlined{font-size:14px}.reading-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:8px 12px;background:#0000002e;border:1px solid var(--border-light);border-radius:12px}.reading-label{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-weight:700}.reading-toggle{display:inline-flex;background:#0000004d;border-radius:16px;padding:3px}.reading-btn{display:inline-flex;align-items:center;gap:4px;background:transparent;border:none;color:var(--text-secondary);padding:5px 10px;border-radius:14px;cursor:pointer;font-size:10.5px;font-family:var(--font-heading);font-weight:600;transition:var(--transition-smooth)}.reading-btn span.material-symbols-outlined{font-size:14px}.reading-btn:hover{color:var(--text-primary)}.reading-btn.active{background:var(--color-genetics);color:#000;box-shadow:0 0 6px #00f2fe66}body[data-reading=simple] .patient-story{font-size:14.5px;line-height:1.75}body[data-reading=simple] .patient-metaphor p,body[data-reading=simple] .patient-symptoms li,body[data-reading=simple] .patient-explain{font-size:13px}body[data-reading=simple] .ext-link-chip{font-size:12px;padding:9px 12px}.browse-compare-btn{position:relative;background:#00f2fe14;border:1px solid rgba(0,242,254,.25);color:var(--color-genetics);width:50px;height:38px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.browse-compare-btn:hover{background:#00f2fe2e}.browse-compare-btn.has-items{background:var(--color-genetics);color:#000;box-shadow:0 0 12px #00f2fe66}.compare-badge{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:50%;background:var(--color-variants);color:#fff;font-size:10px;font-weight:700;font-family:var(--font-heading);display:flex;align-items:center;justify-content:center;border:2px solid rgba(13,14,18,.95)}.catalog-compare{position:absolute;top:10px;right:50px;width:30px;height:30px;border-radius:50%;background:#0000004d;border:1px solid var(--border-light);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);z-index:3}.catalog-compare span{font-size:16px;color:inherit!important}.catalog-compare:hover{background:#00f2fe2e;color:var(--color-genetics);border-color:#00f2fe66}.catalog-compare span.in{color:var(--color-genetics)!important;filter:drop-shadow(0 0 4px rgba(0,242,254,.4))}.catalog-card.in-compare{border-color:#00f2fe66;box-shadow:0 0 0 1px #00f2fe4d}.overlay-modal-inner.compare-inner{max-width:1100px}.compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.compare-col{background:#ffffff05;border:1px solid var(--border-light);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;position:relative}.compare-col-head{display:flex;align-items:flex-start;gap:6px;flex-direction:column;padding-bottom:8px;border-bottom:1px solid var(--border-light);position:relative}.compare-col-head strong{font-family:var(--font-heading);font-size:15px;font-weight:700;color:var(--text-primary);padding-right:30px}.compare-remove{position:absolute;top:0;right:0;background:#ff5b7f14;border:1px solid rgba(255,91,127,.25);color:var(--color-variants);width:26px;height:26px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.compare-remove:hover{background:var(--color-variants);color:#fff}.compare-remove span{font-size:14px;color:inherit!important}.compare-story{font-size:12px;color:var(--text-secondary);line-height:1.55}.compare-data{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0}.compare-data dt{font-size:10px;text-transform:uppercase;color:var(--text-muted);font-weight:700;letter-spacing:.5px;align-self:center}.compare-data dd{font-size:12px;color:var(--text-primary);margin:0}.compare-stars{color:var(--color-variants);letter-spacing:1px}.compare-systems{display:flex;flex-wrap:wrap;gap:4px}.compare-open-disease{font-size:10px;padding:6px 10px;align-self:flex-start}.theme-toggle{width:36px;height:36px;border-radius:50%;background:#ffffff0a;border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.theme-toggle:hover{background:#00f2fe2e;color:var(--color-genetics);border-color:#00f2fe66}.theme-toggle span{font-size:18px}body[data-theme=light]{background-color:#f5f6f8;color:#1a1d24}body[data-theme=light]{--bg-darker: #f5f6f8;--bg-dark: #ffffff;--bg-panel: rgba(255, 255, 255, .7);--border-light: rgba(0, 0, 0, .06);--text-primary: #1a1d24;--text-secondary: #4d5560;--text-muted: #8a93a0}body[data-theme=light] .glow-sphere{opacity:.16}body[data-theme=light] .app-header{background:#ffffffb3;box-shadow:0 4px 20px #00000014}body[data-theme=light] .card-glass{background:#ffffffbf}body[data-theme=light] .panel-center{background:#fff}body[data-theme=light] .molstar-wrapper{background-color:#f5f6f8}body[data-theme=light] pdbe-molstar{background:#f5f6f8!important}body[data-theme=light] .quick-chip{background:#00000008}body[data-theme=light] .quick-chip.active{background:#00c8e11f;border-color:var(--color-genetics)}body[data-theme=light] .stat-card,body[data-theme=light] .stat-chart-card{background:#fffc}body[data-theme=light] .stat-bar-track{background:#0000000d}body[data-theme=light] .overlay-modal-inner,body[data-theme=light] .browse-modal-inner,body[data-theme=light] .assistant-panel{background:#fffffff7}body[data-theme=light] .toast{background:#fffffff7;color:#1a1d24;box-shadow:0 8px 32px #00000026}body[data-theme=light] .catalog-card{background:#ffffffbf}body[data-theme=light] .catalog-card:hover{background:#ffffffe6}body[data-theme=light] .glossary-entry,body[data-theme=light] .compound-chip,body[data-theme=light] .trial-card{background:#00000005}body[data-theme=light] .accent-text{-webkit-text-fill-color:initial;background:none;color:#007a9c}body[data-theme=light] .variants-table tbody tr.active-row{background:#ff5b7f1f!important}body[data-theme=light] .body-svg .body-line{stroke:#0000004d}body[data-theme=light] .body-svg .organ{fill:#0000000a;stroke:#0003}body[data-theme=light] .prev-dot{background:#00000014}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.header-tools{display:flex;align-items:center;gap:10px}.tool-icon-btn{width:36px;height:36px;border-radius:10px;background:#ffffff0a;border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.tool-icon-btn:hover{background:#00f2fe2e;color:var(--color-genetics);border-color:#00f2fe66}.tool-icon-btn span{font-size:18px}.mode-segmented{display:inline-flex;background:#0006;border:1px solid var(--border-light);border-radius:10px;padding:3px;gap:2px}.mode-segment{display:inline-flex;align-items:center;gap:5px;background:transparent;border:none;color:var(--text-secondary);padding:6px 12px;border-radius:7px;cursor:pointer;font-family:var(--font-heading);font-size:12px;font-weight:600;transition:var(--transition-smooth)}.mode-segment span.material-symbols-outlined{font-size:16px}.mode-segment:hover{color:var(--text-primary)}.mode-segment[data-mode=expert].active{background:linear-gradient(135deg,var(--color-genetics),#00b8e6);color:#000;box-shadow:0 0 10px #00f2fe59}.mode-segment[data-mode=patient].active{background:linear-gradient(135deg,var(--color-variants),#ff8aae);color:#fff;box-shadow:0 0 10px #ff5b7f59}.action-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--color-genetics),var(--color-therapeutics));color:#000;border:none;padding:10px 18px;border-radius:22px;font-family:var(--font-heading);font-size:12.5px;font-weight:700;cursor:pointer;letter-spacing:.3px;box-shadow:0 4px 14px #00f2fe4d,0 0 #00f2fe66;transition:var(--transition-smooth)}.action-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00f2fe73}.action-primary span.material-symbols-outlined{font-size:18px}.action-icon-cluster{display:inline-flex;background:#ffffff0a;border:1px solid var(--border-light);border-radius:22px;padding:3px;gap:2px}.action-icon{width:36px;height:36px;border-radius:19px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.action-icon:hover{background:#00f2fe2e;color:var(--color-genetics)}.action-icon span{font-size:18px}.patient-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;background:#0000004d;border:1px solid var(--border-light);border-radius:14px;padding:4px;margin-bottom:12px}.patient-tab{display:inline-flex;flex-direction:column;align-items:center;gap:3px;background:transparent;border:none;color:var(--text-secondary);padding:8px 4px;border-radius:10px;cursor:pointer;font-family:var(--font-heading);font-size:10px;font-weight:600;transition:var(--transition-smooth);text-transform:capitalize;line-height:1.1}.patient-tab span.material-symbols-outlined{font-size:18px}.patient-tab:hover{color:var(--text-primary);background:#ffffff0a}.patient-tab.active{background:linear-gradient(135deg,#ff5b7f2e,#9b51e02e);color:var(--text-primary);box-shadow:0 0 10px #ff5b7f33}.patient-tab.active span.material-symbols-outlined{color:var(--color-variants)}.patient-tab-pane[hidden]{display:none!important}.panel-header{border-left:3px solid transparent;padding-left:18px}.panel-left .panel-header,.panel-center .panel-header{border-left-color:var(--color-genetics)}.panel-right .panel-header{border-left-color:var(--color-therapeutics)}.panel-bottom .panel-header{border-left-color:var(--color-variants)}.panel-header h2{font-size:13px;text-transform:none;letter-spacing:.2px;font-weight:700}.section-title h3{font-size:11px;text-transform:none;letter-spacing:.2px;font-weight:700;color:var(--text-primary)}.patient-story{font-size:14px;line-height:1.7}.patient-symptoms li,.patient-metaphor p{font-size:13px}.patient-explain{font-size:12.5px}.stat-card{padding:14px 18px}.stat-data strong{font-size:26px;font-weight:800}.stat-data span{font-size:11px;text-transform:none;letter-spacing:.2px}.stat-chart-card h4{font-size:12px;text-transform:none;letter-spacing:.2px}.stat-bar-label,.stat-bar-value{font-size:12px}.quick-title{font-size:11px;text-transform:none;letter-spacing:.2px}.quick-chip{padding:6px 12px;font-size:11.5px}.viewer-controls{gap:4px}.control-divider{width:1px;background:#ffffff1a;margin:0 4px;align-self:stretch}.control-group{display:inline-flex;gap:2px}.control-btn{padding:8px 10px;text-transform:none;letter-spacing:0;font-size:11px;border-radius:18px}.control-btn span.material-symbols-outlined{font-size:16px;margin:0}.side-panel-toggle{box-shadow:4px 0 16px #0006,0 0 12px #00f2fe4d}.side-panel-toggle:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 0 #00f2fe80;animation:sidePulse 2.5s infinite}@keyframes sidePulse{0%{box-shadow:0 0 #00f2fe66}70%{box-shadow:0 0 0 12px #00f2fe00}to{box-shadow:0 0 #00f2fe00}}.tagline,.quick-title,.badge-label,.badge-val,.status-label,.section-title h3,.panel-header h2,.stat-data span,.bio-section h4,.patient-sub,.symptom-section-title,.support-info span,.compound-info span:not(.material-symbols-outlined),.trials-count,.phase-badge{text-transform:none!important;letter-spacing:.2px!important}.compare-data dt,.il-item,.legend-chip,.reading-label{text-transform:uppercase!important;letter-spacing:.5px!important}@media (max-width: 1100px){.mode-segment-label{display:none}.mode-segment{padding:6px 8px}}@media (max-width: 900px){.header-tools{flex-wrap:wrap;justify-content:center}.action-icon-cluster{flex-wrap:wrap}.patient-tabs{grid-template-columns:repeat(5,1fr);gap:2px}.patient-tab{padding:6px 2px}.patient-tab span:not(.material-symbols-outlined){font-size:9px}.action-primary{padding:9px 14px;font-size:11.5px}}body[data-mode=patient] .panel-body{gap:14px;max-height:600px}body[data-mode=patient] .panel-left .panel-body{gap:12px}.card-glass{background:var(--bg-panel);border:1px solid rgba(255,255,255,.05)}.card-glass:hover{border-color:#ffffff1a}.patient-summary{padding:18px;background:linear-gradient(135deg,#ff5b7f0d,#9b51e012);border:1px solid rgba(255,91,127,.2)}.patient-section-title{font-size:12px;text-transform:none;letter-spacing:.2px}.stats-system-chart{gap:6px}.stat-bar-row{grid-template-columns:110px 1fr 32px}.stat-bar-track{height:10px}.panel-left .disease-meta h3{font-size:28px;font-weight:800;line-height:1.15;margin-bottom:6px}.panel-left .protein-full-name{font-size:13px;font-style:normal;color:var(--text-secondary);margin-bottom:8px;line-height:1.5}.panel-left .gene-id-badge{font-size:11px;background:#00f2fe14;border-color:#00f2fe4d}.panel-left .gene-id-badge .badge-val{color:var(--color-genetics);font-weight:700}.dashboard-grid{gap:22px}.panel-body{padding:22px 22px 24px;gap:18px}.stats-panel{gap:10px;padding:14px 18px;background:#12141b8c;border:1px solid var(--border-light);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-premium);grid-template-columns:repeat(4,minmax(0,1fr)) 1.8fr}.stat-card{background:transparent;border:none;padding:6px 10px;border-right:1px solid rgba(255,255,255,.05);border-radius:0}.stat-card:last-of-type{border-right:1px solid rgba(255,255,255,.05)}.stat-card:hover{transform:none;background:#ffffff05;border-radius:8px}.stat-icon{font-size:22px}.stat-data strong{font-size:20px}.stat-data span{font-size:10px;color:var(--text-muted)}.stat-chart-card{background:transparent;border:none;padding:0 0 0 10px}.stat-chart-card h4{font-size:9px;color:var(--text-muted);margin-bottom:4px}.stats-system-chart{gap:3px}.stat-bar-row{grid-template-columns:70px 1fr 24px;gap:6px}.stat-bar-label,.stat-bar-value{font-size:10px}.stat-bar-track{height:6px}@media (max-width: 1100px){.stats-panel{grid-template-columns:repeat(2,1fr);padding:12px 14px}.stat-chart-card{grid-column:1 / -1;padding:8px 0 0;border-top:1px solid var(--border-light);margin-top:6px}}.panel-header{position:sticky;top:0;z-index:4;background:linear-gradient(180deg,#12141bf2 80%,#12141b00);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px 22px 14px}body[data-theme=light] .panel-header{background:linear-gradient(180deg,#fffffff2 80%,#fff0)}.panel-header h2{font-size:14px}.panel-header-icon{font-size:22px}button:not(:disabled):active,.action-primary:active,.action-icon:active,.tool-icon-btn:active,.control-btn:active,.mode-segment:active,.patient-tab:active,.quick-chip:active{transform:scale(.96)!important;transition:transform .08s ease-out}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,[role=button]:focus-visible,[role=tab]:focus-visible{outline:2px solid var(--color-genetics);outline-offset:2px;border-radius:8px}input:focus-visible{outline:none}.empty-state{background:#ffffff05;border:1px dashed var(--border-light);border-radius:12px;padding:24px 18px}.empty-state span.material-symbols-outlined{font-size:36px;color:var(--text-muted);margin-bottom:8px}.empty-state p{font-size:12px;line-height:1.55}.patient-tabs{padding:5px;background:#00000059;border-radius:16px}.patient-tab{padding:10px 4px;border-radius:12px;transition:background .2s,color .2s}.patient-tab span.material-symbols-outlined{font-size:20px;margin-bottom:2px}.patient-tab.active:after{content:"";display:block;height:2px;width:18px;background:var(--color-variants);border-radius:2px;margin-top:4px;box-shadow:0 0 6px var(--color-variants)}.quick-explore{gap:8px;row-gap:10px}.quick-chip{background:#ffffff06;padding:7px 14px;font-size:11.5px;border-radius:22px}.quick-chip .chip-dot{width:7px;height:7px}.disease-meta{display:flex;flex-direction:column;gap:4px}.disease-meta .gene-id-badge{margin-top:0;align-self:flex-start}body[data-mode=patient] .info-card{gap:20px}.action-primary{position:relative;overflow:hidden}.action-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:translate(-100%);transition:transform .6s ease-out}.action-primary:hover:after{transform:translate(100%)}.variants-table th{font-size:10.5px;padding:14px 16px;color:var(--text-muted)}.variants-table td{padding:16px;font-size:12.5px}.plain-variants-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.plain-variant{padding:14px 16px;border-radius:14px}.plain-variant-head strong{font-size:14px}@media (max-width: 700px){.panel-body{padding:16px 16px 18px;gap:14px}.panel-left .disease-meta h3{font-size:22px}.stats-panel{padding:10px 12px}.stat-icon,.stat-data strong{font-size:18px}}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;z-index:-1}body[data-theme=light]:before{background-image:radial-gradient(circle,rgba(0,0,0,.06) 1px,transparent 1px)}.cross-promo-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px;padding:14px 0 6px;border-top:1px solid var(--border-light)}@media (max-width: 820px){.cross-promo-strip{grid-template-columns:1fr;gap:8px}}.cp-card{display:flex;align-items:center;gap:12px;background:#12141b99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:14px;padding:14px 18px;text-decoration:none;color:var(--text-primary);transition:var(--transition-smooth);cursor:pointer;font-family:var(--font-body);text-align:left}.cp-card:hover{border-color:#00f2fe66;transform:translateY(-2px);box-shadow:0 8px 24px #0006,0 0 16px #00f2fe1a}.cp-icon{font-size:24px;color:var(--color-genetics);background:#00f2fe1a;border:1px solid rgba(0,242,254,.3);border-radius:12px;padding:10px;flex-shrink:0}.cp-text{flex:1;display:flex;flex-direction:column;gap:3px}.cp-text strong{font-family:var(--font-heading);font-size:14px;font-weight:700;color:var(--text-primary)}.cp-text>span{font-size:11.5px;color:var(--text-secondary);line-height:1.45}.cp-arrow{font-size:18px!important;color:var(--text-muted);transition:var(--transition-smooth)}.cp-card:hover .cp-arrow{color:var(--color-genetics);transform:translate(3px,-3px)}.cp-contact-cta{font-family:var(--font-body);border:1px solid rgba(255,91,127,.3)}.cp-contact-cta .cp-icon{background:#ff5b7f1a;border-color:#ff5b7f4d;color:var(--color-variants)}.cp-contact-cta:hover{border-color:var(--color-variants)}.contact-body{display:flex;flex-direction:column;gap:16px}.contact-cta-grid{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width: 600px){.contact-cta-grid{grid-template-columns:1fr 1fr}}.contact-cta{display:flex;flex-direction:column;gap:4px;text-decoration:none;background:#ffffff08;border:1px solid var(--border-light);border-radius:12px;padding:14px 16px;transition:var(--transition-smooth);cursor:pointer;color:var(--text-primary)}.contact-cta:hover{background:#00f2fe0f;border-color:#00f2fe4d;transform:translateY(-1px)}.contact-cta>span.material-symbols-outlined{font-size:22px;color:var(--color-genetics);margin-bottom:4px}.contact-cta strong{font-family:var(--font-heading);font-size:13px}.contact-cta>span:not(.material-symbols-outlined){font-size:11.5px;color:var(--text-secondary);line-height:1.5}.contact-channels{display:flex;flex-direction:column;gap:8px;padding-top:8px;border-top:1px solid var(--border-light)}.contact-channels h4{font-family:var(--font-heading);font-size:11px;color:var(--text-muted);font-weight:700;margin-bottom:4px}.contact-channel{display:flex;align-items:center;gap:10px;background:#0003;border:1px solid var(--border-light);border-radius:10px;padding:10px 14px;text-decoration:none;color:var(--text-primary);transition:var(--transition-smooth)}.contact-channel:hover{background:#00f2fe14;border-color:#00f2fe4d}.contact-channel span.material-symbols-outlined{font-size:18px;color:var(--color-genetics);flex-shrink:0}.contact-channel strong{font-size:13px}.contact-channel>span:not(.material-symbols-outlined){font-size:11px;color:var(--text-muted);margin-left:auto}.contact-disclaimer{font-size:11px;color:var(--text-muted);font-style:italic;text-align:center;line-height:1.5}.freshness-label{font-size:10px;color:var(--color-success);font-family:var(--font-heading);font-weight:600;letter-spacing:.3px;margin-left:6px;display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.freshness-label.stale{color:var(--text-muted)}.freshness-label:empty{display:none}.refresh-btn{background:transparent;border:1px solid var(--border-light);color:var(--text-secondary);width:26px;height:26px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin-left:6px;transition:var(--transition-smooth)}.refresh-btn:hover{background:#00f2fe26;color:var(--color-genetics);border-color:var(--color-genetics)}.refresh-btn:active span{animation:refreshSpin .6s ease-out}.refresh-btn span{font-size:14px}@keyframes refreshSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.panel-bottom .panel-header{align-items:center;gap:8px}.panel-bottom .panel-header .freshness-label{margin-left:auto}.action-tools-wrap{position:relative}.action-tools-btn{display:inline-flex;align-items:center;gap:6px;background:#ffffff0a;border:1px solid var(--border-light);color:var(--text-secondary);padding:8px 14px;border-radius:22px;font-family:var(--font-heading);font-size:12px;font-weight:600;cursor:pointer;transition:var(--transition-smooth)}.action-tools-btn:hover{background:#00f2fe1f;color:var(--color-genetics);border-color:#00f2fe4d}.action-tools-btn.open{background:#00f2fe2e;color:var(--color-genetics);border-color:var(--color-genetics);box-shadow:0 0 12px #00f2fe40}.action-tools-btn span.material-symbols-outlined{font-size:18px}.action-tools-popover{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:#0d0e12f5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border-light);border-radius:14px;padding:6px;box-shadow:0 12px 36px #00000080,0 0 18px #00f2fe1f;z-index:60;display:flex;flex-direction:column;gap:2px;animation:toolsPopIn .18s ease-out}.action-tools-popover.hidden{display:none}@keyframes toolsPopIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.action-tool-item{display:flex;align-items:center;gap:10px;background:transparent;border:none;color:var(--text-primary);padding:9px 12px;border-radius:8px;cursor:pointer;font-family:var(--font-body);font-size:13px;text-align:left;transition:background .15s}.action-tool-item:hover{background:#00f2fe14}.action-tool-item span.material-symbols-outlined{font-size:18px;color:var(--color-genetics);flex-shrink:0}.action-tool-label{flex:1}.action-tool-item kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;background:#00f2fe1a;border:1px solid rgba(0,242,254,.25);border-radius:4px;font-family:Outfit,monospace;font-size:10px;font-weight:700;color:var(--color-genetics)}.search-mic{background:#ff5b7f1a;border:1px solid rgba(255,91,127,.3);color:var(--color-variants);width:36px;height:36px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin-right:6px;transition:var(--transition-smooth);flex-shrink:0}.search-mic span{font-size:18px;color:inherit!important}.search-mic:hover{background:#ff5b7f40;border-color:var(--color-variants);transform:scale(1.05);animation:micPulseHover 1.4s infinite ease-in-out}@keyframes micPulseHover{0%,to{box-shadow:0 0 #ff5b7f80}50%{box-shadow:0 0 0 7px #ff5b7f00}}.search-mic.listening{background:var(--color-variants);color:#fff;border-color:var(--color-variants);animation:micPulseHover 1.1s infinite}.ollama-settings{display:flex;flex-direction:column;gap:14px}.ollama-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;background:#ffffff05;border:1px solid var(--border-light);border-radius:12px;font-size:13px}.ollama-row.stacked{flex-direction:column;align-items:stretch;gap:6px}.ollama-row.stacked input{background:#0006;border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);padding:8px 12px;font-family:var(--font-body);font-size:12px;outline:none}.ollama-row.stacked input:focus{border-color:var(--color-genetics);box-shadow:var(--shadow-glow-blue)}.ollama-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-genetics);cursor:pointer}.ollama-status-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;background:#0003;border-radius:10px}.ollama-status{font-size:12px;color:var(--text-secondary);font-family:var(--font-heading)}.ollama-test-btn{background:linear-gradient(135deg,var(--color-genetics),#00b8e6);color:#000;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-family:var(--font-heading);font-size:11px;font-weight:700;transition:var(--transition-smooth)}.ollama-test-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow-blue)}.ollama-help{font-size:12px;color:var(--text-muted);line-height:1.6;padding:10px 14px;background:#9b51e00d;border-left:3px solid var(--color-therapeutics);border-radius:4px}.ollama-help code{background:#00000080;padding:1px 6px;border-radius:3px;font-family:monospace;font-size:11px;color:var(--color-genetics)}.ollama-help strong{color:var(--color-genetics)}.inspector-hud{flex-direction:column;align-items:stretch;padding:0;gap:0;max-width:340px}.inspector-main{display:flex;align-items:center;gap:12px;padding:10px 16px}.ai-translation-box{background:#00f2fe0d;border-top:1px solid rgba(0,242,254,.2);padding:10px 16px 12px;display:flex;flex-direction:column;gap:6px;transition:var(--transition-smooth)}.ai-translation-box.hidden{display:none}.ai-translation-head{display:flex;align-items:center;gap:6px;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-genetics);font-family:var(--font-heading);font-weight:700}.ai-translation-head span.material-symbols-outlined{font-size:14px}.ai-translation-content{font-size:12px;line-height:1.55;color:var(--text-primary);font-family:var(--font-body)}.ai-mini-spinner{width:12px;height:12px;border:2px solid rgba(0,242,254,.15);border-top-color:var(--color-genetics);border-radius:50%;animation:spin .8s infinite linear;margin-left:auto}.ai-mini-spinner.hidden{display:none}.stl-settings{display:flex;flex-direction:column;gap:14px}.stl-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;background:#ffffff05;border:1px solid var(--border-light);border-radius:12px;font-size:13px}.stl-row.stacked{flex-direction:column;align-items:stretch;gap:6px}.stl-row span{color:var(--text-secondary);font-size:12px}.stl-row input[type=range]{width:100%;accent-color:var(--color-genetics)}.stl-row output{font-family:var(--font-heading);font-weight:700;color:var(--color-genetics);font-size:13px;text-align:right}.stl-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-genetics);cursor:pointer}.stl-generate-btn{width:100%;padding:12px;font-size:13px;margin-top:4px}.stl-progress{display:flex;align-items:center;justify-content:center;padding:12px;color:var(--text-secondary);font-size:12px}.stl-progress.hidden{display:none}.story-mode-cta{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:linear-gradient(135deg,#00f2fe2e,#9b51e038);border:1px solid rgba(0,242,254,.4);border-radius:16px;padding:14px 18px;color:var(--text-primary);font-family:var(--font-body);cursor:pointer;transition:var(--transition-smooth);margin-bottom:8px;position:relative;overflow:hidden}.story-mode-cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:translate(-100%);transition:transform .6s ease-out}.story-mode-cta:hover:after{transform:translate(100%)}.story-mode-cta:hover{transform:translateY(-1px);box-shadow:0 6px 22px #00f2fe40;border-color:var(--color-genetics)}.story-mode-cta>.material-symbols-outlined{font-size:28px;color:var(--color-genetics);flex-shrink:0}.story-cta-arrow{margin-left:auto;font-size:18px!important;color:var(--text-secondary)}.story-cta-text{display:flex;flex-direction:column;gap:2px}.story-cta-text strong{font-family:var(--font-heading);font-size:14px;color:var(--text-primary)}.story-cta-text>span{font-size:11.5px;color:var(--text-secondary)}.story-overlay{position:absolute;left:14px;right:14px;bottom:70px;z-index:7;background:#090a0ff0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(0,242,254,.35);border-radius:18px;padding:14px 18px;box-shadow:0 16px 48px #000000a6,0 0 24px #00f2fe26;display:flex;flex-direction:column;gap:10px;transition:opacity .25s,transform .25s}.story-overlay.hidden{display:none}.story-progress{display:flex;align-items:center;gap:10px}.story-progress-dots{display:inline-flex;gap:5px;flex:1}.story-dot{flex:1;height:4px;border-radius:2px;background:#ffffff1a;transition:var(--transition-smooth)}.story-dot.active{background:var(--color-genetics);box-shadow:0 0 6px var(--color-genetics)}.story-dot.done{background:#00f2fe66}.story-step-counter{font-size:11px;color:var(--text-muted);font-family:var(--font-heading);font-weight:700;letter-spacing:.5px}.story-content{padding:4px 0 2px}.story-title{font-family:var(--font-heading);font-size:17px;font-weight:800;line-height:1.2;color:var(--text-primary);margin-bottom:6px;background:linear-gradient(135deg,var(--color-genetics),var(--color-therapeutics));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.story-text{font-size:13.5px;line-height:1.6;color:var(--text-primary)}.story-controls{display:flex;align-items:center;gap:8px}.story-nav-btn{width:38px;height:38px;border-radius:50%;background:#ffffff0d;border:1px solid var(--border-light);color:var(--text-primary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.story-nav-btn:disabled{opacity:.3;cursor:not-allowed}.story-nav-btn:not(:disabled):hover{background:#00f2fe2e;color:var(--color-genetics);border-color:var(--color-genetics)}.story-nav-btn span{font-size:18px}.story-play-btn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--color-genetics),#00b8e6);color:#000;border:none;padding:8px 16px;border-radius:22px;cursor:pointer;font-family:var(--font-heading);font-size:12px;font-weight:700;transition:var(--transition-smooth);flex:1;justify-content:center;max-width:200px}.story-play-btn:hover{transform:translateY(-1px);box-shadow:0 0 14px #00f2fe73}.story-play-btn span.material-symbols-outlined{font-size:18px}.story-narrate-btn{width:38px;height:38px;border-radius:50%;background:#ffffff0d;border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.story-narrate-btn:hover{color:var(--text-primary);background:#ffffff1a}.story-narrate-btn.active{background:#ff5b7f33;color:var(--color-variants);border-color:var(--color-variants);box-shadow:0 0 10px #ff5b7f4d}.story-narrate-btn span{font-size:18px}.story-close-btn{width:32px;height:32px;border-radius:50%;background:transparent;border:1px solid var(--border-light);color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition-smooth);margin-left:auto}.story-close-btn:hover{color:var(--color-variants);border-color:var(--color-variants);background:#ff5b7f1a}.story-close-btn span{font-size:16px}.story-flash{animation:storyFlashAnim 1.6s ease-out}@keyframes storyFlashAnim{0%{box-shadow:0 0 #00f2fe99,0 0 #00f2fe99}40%{box-shadow:0 0 0 4px #00f2fe80,0 0 30px 8px #00f2fe4d}to{box-shadow:0 0 #00f2fe00,0 0 #00f2fe00}}@media (max-width: 700px){.story-overlay{left:6px;right:6px;bottom:60px;padding:10px 12px}.story-title{font-size:15px}.story-text{font-size:12.5px}.story-play-btn span:not(.material-symbols-outlined){display:none}.story-play-btn{padding:8px 12px;max-width:50px}}.compare-view-overlay{position:absolute;top:16px;right:16px;z-index:6;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.compare-view-overlay.hidden{display:none}.compare-segments{display:inline-flex;background:#090a0fd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:14px;padding:4px;gap:2px;box-shadow:var(--shadow-premium)}.compare-seg{display:inline-flex;align-items:center;gap:5px;background:transparent;border:none;color:var(--text-secondary);padding:7px 12px;border-radius:10px;cursor:pointer;font-family:var(--font-heading);font-size:11.5px;font-weight:700;transition:var(--transition-smooth)}.compare-seg span.material-symbols-outlined{font-size:16px}.compare-seg:hover{color:var(--text-primary)}.compare-seg[data-cmp=healthy].active{background:#10b98133;color:var(--color-success);box-shadow:0 0 10px #10b9814d}.compare-seg[data-cmp=diseased].active{background:#ff5b7f38;color:var(--color-variants);box-shadow:0 0 10px #ff5b7f4d}.compare-autoflip{display:inline-flex;align-items:center;gap:5px;background:#090a0fd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-light);color:var(--text-secondary);padding:6px 12px;border-radius:12px;cursor:pointer;font-family:var(--font-heading);font-size:10.5px;font-weight:600;transition:var(--transition-smooth)}.compare-autoflip span.material-symbols-outlined{font-size:14px}.compare-autoflip:hover{color:var(--text-primary)}.compare-autoflip.active{background:var(--color-genetics);color:#000;box-shadow:0 0 12px #00f2fe66}.compare-autoflip.active span.material-symbols-outlined{animation:spin 1.5s linear infinite}.compare-banner{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;font-size:12px;color:var(--text-primary);box-shadow:var(--shadow-premium);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transform:translate(20px);transition:opacity .3s,transform .3s;max-width:320px}.compare-banner.visible{opacity:1;transform:translate(0)}.compare-banner.healthy{background:#10b98126;border:1px solid rgba(16,185,129,.4)}.compare-banner.healthy span.material-symbols-outlined{color:var(--color-success)}.compare-banner.diseased{background:#ff5b7f26;border:1px solid rgba(255,91,127,.4)}.compare-banner.diseased span.material-symbols-outlined{color:var(--color-variants)}.compare-banner strong{font-family:var(--font-heading);font-size:12.5px}body.immersive{overflow:hidden}body.immersive .app-header,body.immersive .quick-explore,body.immersive .stats-panel,body.immersive .panel-left,body.immersive .panel-right,body.immersive .panel-bottom,body.immersive .app-footer,body.immersive .side-panel,body.immersive .assistant-fab,body.immersive .assistant-panel,body.immersive .onboarding-card{display:none!important}body.immersive .app-container{max-width:100%!important;padding:0!important;gap:0!important}body.immersive .dashboard-grid{grid-template-columns:1fr!important;grid-template-rows:1fr!important;gap:0!important;height:100vh!important}body.immersive .panel-center{grid-column:1!important;grid-row:1!important;min-height:100vh!important;height:100vh!important;border-radius:0!important;border:none!important}body.immersive .panel-center .panel-header{background:#0d0e12b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}body.immersive .viewer-controls{bottom:30px}body.immersive .molstar-wrapper{border-radius:0!important}.immersive-exit{position:fixed;top:20px;right:20px;width:48px;height:48px;border-radius:50%;background:#0d0e12d9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,91,127,.5);color:var(--color-variants);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000;box-shadow:0 6px 22px #0009,0 0 18px #ff5b7f4d;transition:var(--transition-smooth);animation:immersiveExitPulse 2s infinite ease-in-out}.immersive-exit:hover{background:var(--color-variants);color:#fff;transform:scale(1.08)}.immersive-exit span{font-size:24px}@keyframes immersiveExitPulse{0%,to{box-shadow:0 6px 22px #0009,0 0 18px #ff5b7f4d,0 0 #ff5b7f66}50%{box-shadow:0 6px 22px #0009,0 0 18px #ff5b7f66,0 0 0 10px #ff5b7f00}}@media (max-width: 1100px){.header-tools{gap:8px}.action-icon-cluster{padding:2px}.action-icon{width:32px;height:32px}.action-icon span{font-size:16px}}@media (max-width: 820px){.action-primary{padding:9px 14px;font-size:11.5px}}@media (max-width: 600px){.action-primary span:not(.material-symbols-outlined){display:none}.action-primary{width:40px;height:40px;padding:0;border-radius:50%;justify-content:center}.action-tools-label{display:none}.action-tools-btn{width:40px;height:40px;padding:0;justify-content:center;border-radius:50%}.action-tools-popover{right:0;left:auto;min-width:220px;max-width:calc(100vw - 24px)}.quick-explore{gap:6px}.quick-chip{padding:5px 10px;font-size:10.5px}.quick-chip .chip-dot{display:none}.compare-view-overlay{top:8px;right:8px;gap:6px}.compare-segments{padding:3px}.compare-seg{padding:5px 8px;font-size:10.5px}.compare-seg span.material-symbols-outlined{font-size:13px}.compare-banner{font-size:11px;padding:6px 10px;max-width:calc(100vw - 32px)}.compare-autoflip{padding:4px 9px;font-size:9.5px}}@media (max-width: 820px){.action-tools-popover{min-width:220px}}html,body{max-width:100vw;overflow-x:hidden}*{min-width:0}.app-container{max-width:100vw}@media (max-width: 700px){.stats-panel{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:10px 12px!important}.stat-chart-card{grid-column:1 / -1!important;padding:8px 0 0!important;border-top:1px solid var(--border-light);margin-top:6px}.stat-card{padding:8px 12px!important}.stat-icon,.stat-data strong{font-size:18px!important}.stat-bar-row{grid-template-columns:60px 1fr 24px!important}.stat-bar-label{font-size:9.5px!important}#search-btn{padding:8px 14px!important;font-size:11.5px!important}.search-bar-container{width:100%!important}.dashboard-grid{grid-template-columns:1fr!important}.panel-center{grid-column:1!important;min-height:380px}.panel-bottom{grid-column:1!important}.quick-explore{flex-wrap:wrap}.glow-primary,.glow-secondary,.glow-tertiary{width:280px!important;height:280px!important}}.current-state-pill{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:4px 10px;background:#00f2fe1a;border:1px solid rgba(0,242,254,.3);border-radius:12px;font-size:10px;color:var(--color-genetics);font-family:var(--font-heading);font-weight:700;letter-spacing:.3px}.current-state-pill span.material-symbols-outlined{font-size:12px}@media print{body,body[data-mode=patient],body[data-mode=expert]{background:#fff!important;color:#000!important}.glow-sphere,.assistant-fab,.assistant-panel,.side-panel,.onboarding-card,.toast-container,.quick-explore,.header-tools,.browse-modal,.overlay-modal,.viewer-controls,.control-btn,.search-bar-container,.stats-panel,.patient-extra-card .ext-link-chip,.speak-btn,.reading-toggle-row,.mode-segmented,.theme-toggle,.patient-tabs,.tool-icon-btn{display:none!important}.card-glass{background:#fff!important;border:1px solid #999!important;box-shadow:none!important;break-inside:avoid}.app-container{max-width:100%!important;padding:12px!important}.dashboard-grid{display:block!important}.panel{margin-bottom:14px}.panel-center{display:none!important}.patient-story,.patient-metaphor p,.patient-symptoms li,.compare-story{color:#000!important}.patient-section-title{color:#000!important;border-bottom:1px solid #ccc;padding-bottom:4px}pdbe-molstar{display:none!important}.app-footer{display:block!important;font-size:9px;color:#555!important;border-top:1px solid #ccc}}