html,body,#root{width:100%;height:100%;overflow:hidden}body{color:#e8e8f0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:#050508;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}#root{position:relative}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#030306;--bg-secondary:#0a0a14;--bg-card:#0e101ee6;--text-primary:#f0f0f8;--text-secondary:#88a;--border-color:#6478b433;--glow-cyan:#00e5ff;--glow-magenta:#ff00e5;--glow-gold:gold;--hud-height-top:56px;--hud-height-bottom:48px;--hud-filter-height:40px;--radius:8px}html,body{height:100%;overflow:hidden}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}.app{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.scene3d-background{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.scene3d-background canvas{width:100%!important;height:100%!important}.hud-scanlines{z-index:9998;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000005 2px 4px);animation:10s linear infinite scanlineFlicker;position:fixed;inset:0}@keyframes scanlineFlicker{0%,to{opacity:.4}50%{opacity:.6}92%{opacity:.4}93%{opacity:.7}94%{opacity:.4}}.hud-vignette{z-index:9997;pointer-events:none;background:radial-gradient(#0000 55%,#0009 100%);position:fixed;inset:0}.hud-corner{z-index:9999;pointer-events:none;width:30px;height:30px;position:fixed}.hud-corner-tl{border-top:2px solid var(--glow-cyan);border-left:2px solid var(--glow-cyan);opacity:.6;top:8px;left:8px}.hud-corner-tr{border-top:2px solid var(--glow-cyan);border-right:2px solid var(--glow-cyan);opacity:.6;top:8px;right:8px}.hud-corner-bl{border-bottom:2px solid var(--glow-cyan);border-left:2px solid var(--glow-cyan);opacity:.6;bottom:8px;left:8px}.hud-corner-br{border-bottom:2px solid var(--glow-cyan);border-right:2px solid var(--glow-cyan);opacity:.6;bottom:8px;right:8px}.hud-top-bar{z-index:100;height:var(--hud-height-top);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#05050cf2 0%,#05050cb3 100%);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:relative}.hud-left,.hud-right{align-items:center;gap:10px;display:flex}.hud-center{position:absolute;left:50%;transform:translate(-50%)}.hud-title{letter-spacing:.15em;color:var(--text-primary);white-space:nowrap;align-items:center;gap:10px;font-family:Inter,sans-serif;font-size:1.05rem;font-weight:800;display:flex}.title-icon{color:var(--glow-cyan);text-shadow:0 0 10px var(--glow-cyan);font-size:1.1rem}.title-badge{border:1px solid var(--glow-magenta);color:var(--glow-magenta);text-shadow:0 0 8px var(--glow-magenta);border-radius:4px;padding:3px 8px;font-size:.7rem;font-weight:700}.search-container{position:relative}.search-input{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffff0f;border-radius:6px;outline:none;width:160px;padding:7px 32px 7px 12px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;transition:all .3s}.search-input:focus{border-color:var(--glow-cyan);width:200px;box-shadow:0 0 16px #00e5ff33}.search-input::placeholder{color:var(--text-secondary)}.search-icon{color:var(--text-secondary);font-size:.9rem;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.hud-btn{border:1px solid var(--border-color);cursor:pointer;background:#ffffff0d;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;transition:all .2s;display:flex}.hud-btn:hover{border-color:var(--glow-cyan);box-shadow:0 0 10px #00e5ff4d}.hud-btn.active{border-color:var(--glow-cyan);background:#00e5ff1a;box-shadow:0 0 8px #00e5ff33}.hud-filter-strip{z-index:100;height:var(--hud-filter-height);background:#05050c99;border-bottom:1px solid #5064a01a;flex-shrink:0;align-items:center;gap:4px;padding:0 12px;display:flex;position:relative;overflow-x:auto}.hud-filter-strip::-webkit-scrollbar{height:2px}.filter-chip{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;transition:all .2s;display:flex}.filter-chip:hover{color:var(--text-primary);border-color:var(--chip-color,var(--glow-cyan))}.filter-chip.active{color:var(--text-primary);border-color:var(--chip-color,var(--glow-cyan));text-shadow:0 0 8px var(--chip-color,var(--glow-cyan));background:#00e5ff14}.chip-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.table-viewport{z-index:10;perspective:1200px;flex:1;justify-content:center;align-items:center;padding:8px;display:flex;position:relative;overflow:hidden}.periodic-table{width:100%;max-width:1600px;height:100%;transform-style:preserve-3d;grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(18,1fr);gap:2px;display:grid;transform:rotateX(2deg)}.series-label{color:var(--text-secondary);opacity:.6;justify-content:center;align-items:center;font-family:Inter,sans-serif;font-size:.65rem;font-weight:600;display:flex}.element-card{cursor:pointer;transform-style:preserve-3d;min-height:0;animation:.4s ease-out backwards cardEntry;animation-delay:var(--card-delay,0s);background:linear-gradient(145deg,#121426eb 0%,#080a16f5 100%);border:1px solid #6478b42e;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:4px 5px;transition:border-color .2s,background .2s,transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}@keyframes cardEntry{0%{opacity:0;transform:scale(.6)rotateX(-10deg)}to{opacity:1;transform:scale(1)rotateX(0)}}.element-card:before{content:"";background:var(--element-color);opacity:.5;height:1.5px;position:absolute;top:0;left:0;right:0}.element-card:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0f 0%,#0000 40% 60%,#ffffff05 100%);border-radius:4px;position:absolute;inset:0}.element-card:hover{border-color:var(--element-color);z-index:100;box-shadow:0 0 20px var(--element-color), 0 0 40px color-mix(in srgb, var(--element-color) 25%, transparent), inset 0 0 10px color-mix(in srgb, var(--element-color) 8%, transparent);background:linear-gradient(145deg,#1c203af5 0%,#0e1020fa 100%);transform:scale(1.18)}.element-card:active{transform:scale(1.12)}.element-card.selected{border-color:var(--element-color);box-shadow:0 0 15px var(--element-color), inset 0 0 10px #00000080}.card-top-row{justify-content:space-between;align-items:center;width:100%;display:flex}.element-number{color:var(--text-secondary);opacity:.8;font-family:Inter,sans-serif;font-size:clamp(.5rem,.8vw,.7rem);font-weight:600}.element-state-indicator{font-size:clamp(.4rem,.6vw,.55rem)}.element-symbol{color:var(--element-color);text-shadow:0 0 12px var(--element-color);font-family:Inter,sans-serif;font-size:clamp(.85rem,1.6vw,1.5rem);font-weight:800;line-height:1.2}.element-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;text-align:center;text-transform:uppercase;letter-spacing:.04em;max-width:100%;font-size:clamp(.45rem,.65vw,.65rem);font-weight:500;overflow:hidden}.element-glow{opacity:0;filter:blur(15px);pointer-events:none;height:80%;transition:opacity .3s;position:absolute;bottom:-60%;left:-30%;right:-30%}.element-card:hover .element-glow{opacity:.25}.element-card.state-liquid{animation:3s ease-in-out infinite liquidShimmer}@keyframes liquidShimmer{0%,to{border-bottom-color:#69db7c66}50%{border-bottom-color:#69db7ccc}}.element-card.state-gas{opacity:.8}.gas-particles{pointer-events:none;background:radial-gradient(circle at 30% 40%,#ffa94d1f 1px,#0000 1px),radial-gradient(circle at 70% 60%,#ffa94d1a 1px,#0000 1px);animation:2.5s ease-in-out infinite gasDrift;position:absolute;inset:0}@keyframes gasDrift{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.liquid-wave{pointer-events:none;background:linear-gradient(#0000,#69db7c1f);height:25%;position:absolute;bottom:0;left:0;right:0}.hud-bottom-bar{z-index:100;height:var(--hud-height-bottom);border-top:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#05050cb3 0%,#05050cf2 100%);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:relative}.status-left,.status-right{align-items:center;gap:12px;display:flex}.status-element{text-shadow:0 0 8px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600}.status-hint{color:var(--text-secondary);font-size:.82rem;font-weight:400}.status-count{color:var(--text-secondary);letter-spacing:.08em;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600}.status-center{flex:1;justify-content:center;display:flex}.temperature-panel{background:0 0;border:none;align-items:center;gap:10px;min-width:auto;padding:0;display:flex}.temperature-panel.active{box-shadow:none;border:none}.temp-header{display:none}.temp-slider-container{align-items:center;gap:8px;margin-top:0;display:flex}.temp-scale-labels,.temp-state-legend,.temp-presets{display:none}.temp-slider{appearance:none;cursor:pointer;background:linear-gradient(90deg,#4dabf7,#69db7c,#ffa94d,#ff6b6b);border-radius:2px;outline:none;width:200px;height:4px}.temp-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--temp-color,#ffa94d);width:12px;height:12px;box-shadow:0 0 8px var(--temp-color,#ffa94d);cursor:grab;border:2px solid #fff;border-radius:50%}.temp-value{min-width:60px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:700}.discovery-widget{cursor:pointer;align-items:center;gap:6px;display:flex;position:relative;top:auto;left:auto}.progress-ring-container,.progress-ring-container svg{width:32px;height:32px}.progress-count{font-size:.65rem;font-weight:600}.discovery-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.65rem;font-weight:600}.discovery-panel{z-index:1001;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080810f7;border-radius:8px;width:220px;padding:14px;position:fixed;top:56px;left:12px;box-shadow:0 8px 32px #0009}.discovery-panel h4{margin-bottom:10px;font-size:.9rem;font-weight:700}.milestones-list{flex-direction:column;gap:6px;display:flex}.milestone-item{background:#ffffff05;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:5px 6px;display:flex}.milestone-item.achieved{background:#00e5ff0a;border-color:#00e5ff33}.milestone-icon{font-size:1rem}.milestone-info{flex-direction:column;display:flex}.milestone-title{color:var(--text-primary);font-size:.8rem;font-weight:600}.milestone-desc{color:var(--text-secondary);font-size:.7rem}.milestone-check{color:#69db7c;margin-left:auto;font-size:.7rem}.next-milestone{border-top:1px solid var(--border-color);color:var(--text-secondary);text-align:center;margin-top:8px;padding-top:8px;font-size:.7rem}.milestone-notification{z-index:2000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#00e5ff1f,#ff00e51f);border:1px solid #00e5ff80;border-radius:8px;align-items:center;gap:10px;padding:12px 20px;display:flex;position:fixed;top:60px;left:50%;transform:translate(-50%);box-shadow:0 0 30px #00e5ff26}.milestone-notif-icon{font-size:1.5rem}.milestone-notif-text{flex-direction:column;display:flex}.milestone-notif-text strong{color:var(--glow-cyan);font-size:.95rem;font-weight:700}.milestone-notif-text span{color:var(--text-secondary);font-size:.82rem}.molecule-toggle-btn{border:1px solid var(--border-color);cursor:pointer;background:#ffffff0d;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:all .2s;display:flex;position:relative;bottom:auto;right:auto}.molecule-toggle-btn:hover{border-color:var(--glow-magenta);box-shadow:0 0 12px #ff00e54d}.molecule-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000d9;justify-content:flex-end;display:flex;position:fixed;inset:0}.molecule-panel{background:var(--bg-secondary);border-left:1px solid var(--glow-magenta);flex-direction:column;gap:14px;width:380px;max-width:90vw;height:100vh;padding:20px;display:flex;overflow-y:auto}.molecule-header{justify-content:space-between;align-items:center;display:flex}.molecule-header h3{font-family:Inter,sans-serif;font-size:1.2rem;font-weight:700}.molecule-viewer{border:1px solid var(--border-color);background:#0006;border-radius:8px;width:100%;height:250px;overflow:hidden}.molecule-info h4{margin-bottom:4px;font-size:1.1rem;font-weight:700}.molecule-formula{color:var(--glow-cyan);font-family:Inter,monospace;font-weight:600}.molecule-info p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.molecule-selector{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.molecule-btn{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:8px;transition:all .2s;display:flex}.molecule-btn:hover{border-color:var(--glow-magenta)}.molecule-btn.active{border-color:var(--glow-magenta);background:#ff00e514;box-shadow:0 0 10px #ff00e526}.mol-formula{font-family:Inter,monospace;font-size:1rem;font-weight:700}.mol-name{color:var(--text-secondary);font-size:.7rem;font-weight:500}.element-detail-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000d9;justify-content:flex-end;display:flex;position:fixed;inset:0}.element-detail-panel{background:var(--bg-secondary);border-left:1px solid var(--element-color);width:400px;max-width:90vw;height:100vh;padding:24px;position:relative;overflow-y:auto;box-shadow:-10px 0 40px #00000080}.element-detail-panel:before{content:"";background:linear-gradient(90deg, var(--element-color), transparent);height:2px;position:absolute;top:0;left:0;right:0}.close-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:4px;width:32px;height:32px;font-size:1rem;transition:all .2s;position:absolute;top:16px;right:16px}.close-btn:hover{border-color:var(--element-color);box-shadow:0 0 12px var(--element-color)}.detail-header{align-items:center;gap:16px;margin-bottom:16px;display:flex}.detail-symbol{font-family:Inter,sans-serif;font-size:3.2rem;font-weight:900}.detail-title h2{margin-bottom:4px;font-size:1.5rem;font-weight:700}.detail-category{text-transform:uppercase;letter-spacing:.05em;border:1px solid;border-radius:3px;padding:3px 10px;font-size:.7rem}.detail-number{color:var(--text-secondary);margin-left:auto;font-family:Inter,sans-serif;font-size:1.3rem;font-weight:700}.detail-atom{border:1px solid var(--border-color);background:#0000004d;border-radius:8px;margin:14px 0;position:relative;overflow:hidden}.atom-fullscreen-btn{border:1px solid var(--border-color);width:34px;height:34px;color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#0009;border-radius:6px;justify-content:center;align-items:center;font-size:1.1rem;transition:all .2s;display:flex;position:absolute;top:10px;right:10px}.atom-fullscreen-btn:hover{border-color:var(--element-color);box-shadow:0 0 12px var(--element-color);background:#000c}.detail-summary{color:var(--text-secondary);margin-bottom:16px;font-size:.95rem;line-height:1.6}.detail-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px;display:grid}.detail-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;flex-direction:column;gap:3px;padding:8px 10px;display:flex}.detail-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:600}.detail-value{color:var(--text-primary);font-size:1rem;font-weight:500}.detail-value.config{font-family:Inter,monospace;font-size:.85rem}.detail-electron-config{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;flex-direction:column;gap:6px;margin-bottom:16px;padding:10px 12px;display:flex}.detail-shells{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;padding:10px 12px}.shells-visual{justify-content:center;align-items:center;height:120px;margin-top:10px;display:flex;position:relative}.shell-ring{opacity:.5;border:1px solid;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.shell-ring span{color:var(--text-secondary);font-size:.6rem}.atom-fullscreen-overlay{z-index:2000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#020206f7;flex-direction:column;display:flex;position:fixed;inset:0}.atom-fs-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.atom-fs-title{align-items:center;gap:14px;display:flex}.atom-fs-symbol{font-family:Inter,sans-serif;font-size:2.4rem;font-weight:900}.atom-fs-name-group{flex-direction:column;gap:4px;display:flex}.atom-fs-name-group h2{margin:0;font-size:1.3rem;font-weight:700}.atom-fs-category{text-transform:uppercase;letter-spacing:.06em;border:1px solid;border-radius:4px;width:fit-content;padding:2px 8px;font-size:.72rem;font-weight:600}.atom-fs-number{color:var(--text-secondary);margin-left:8px;font-size:1.1rem;font-weight:700}.atom-fs-close{border:1px solid var(--border-color);width:38px;height:38px;color:var(--text-primary);cursor:pointer;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;font-size:1.1rem;transition:all .2s;display:flex}.atom-fs-close:hover{border-color:var(--element-color);box-shadow:0 0 12px var(--element-color)}.atom-fs-content{flex:1;display:flex;overflow:hidden}.atom-fs-viewport{flex:1;min-width:0;position:relative}.atom-fs-info{border-left:1px solid var(--border-color);flex-direction:column;flex-shrink:0;gap:20px;width:340px;padding:20px;display:flex;overflow-y:auto}.atom-fs-info-section h3{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:12px;font-size:.82rem;font-weight:700}.atom-fs-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.atom-fs-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.atom-fs-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;font-weight:600}.atom-fs-value{color:var(--text-primary);font-size:1rem;font-weight:600}.atom-fs-value.config{font-family:Inter,monospace;font-size:.9rem}.atom-fs-electron-config{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;margin-bottom:12px;padding:12px 14px}.atom-fs-shells{flex-direction:column;gap:8px;display:flex}.atom-fs-shell-list{flex-wrap:wrap;gap:6px;display:flex}.atom-fs-shell-badge{border:1.5px solid;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;display:flex}.atom-fs-summary{color:var(--text-secondary);font-size:.92rem;line-height:1.6}@media (width<=900px){.atom-fs-content{flex-direction:column}.atom-fs-viewport{min-height:45vh}.atom-fs-info{border-left:none;border-top:1px solid var(--border-color);width:100%}}.orbital-toggle-bar{z-index:10;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b3;border-radius:8px;gap:2px;padding:3px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.orbital-toggle-bar button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 16px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;transition:all .2s}.orbital-toggle-bar button:hover{color:var(--text-primary);background:#ffffff0d}.orbital-toggle-bar button.active{color:var(--glow-cyan);background:#00e5ff26;box-shadow:0 0 10px #00e5ff33}.orbital-legend{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b3;border-radius:6px;gap:12px;padding:6px 12px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.orbital-legend-item{color:var(--text-secondary);align-items:center;gap:5px;font-size:.72rem;font-weight:500;display:flex}.orbital-legend-dot{border-radius:50%;width:8px;height:8px}.crystal-label{border:1px solid var(--border-color);color:var(--text-secondary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b3;border-radius:6px;padding:6px 14px;font-size:.78rem;font-weight:600;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.crystal-unknown{color:var(--text-secondary);flex-direction:column;align-items:center;gap:10px;font-size:.9rem;display:flex}.crystal-unknown-icon{opacity:.5;font-size:2rem}.trends-section{width:100%}.trends-tabs{flex-wrap:wrap;gap:3px;margin-bottom:8px;display:flex}.trends-tab{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;padding:4px 8px;font-family:Inter,sans-serif;font-size:.65rem;font-weight:600;transition:all .2s}.trends-tab:hover{color:var(--text-primary);border-color:#00e5ff66}.trends-tab.active{color:var(--glow-cyan);background:#00e5ff1f;border-color:#00e5ff80}.trends-chart-container{border:1px solid var(--border-color);background:#0000004d;border-radius:8px;padding:8px}.trends-chart{width:100%;height:auto;display:block}.trends-label{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-top:6px;font-size:.68rem;display:flex}.trends-selected-val{font-weight:700}.oxidation-badges{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.oxidation-badge{border:1px solid;border-radius:4px;padding:3px 10px;font-size:.78rem;font-weight:700}.oxidation-badge.positive{color:#ff8787;background:#ff878714;border-color:#ff878766}.oxidation-badge.negative{color:#74c0fc;background:#74c0fc14;border-color:#74c0fc66}.oxidation-badge.neutral{color:var(--text-secondary);border-color:var(--border-color);background:#ffffff08}.isotope-table{border-collapse:collapse;width:100%;margin-top:8px;font-size:.78rem}.isotope-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-color);padding:5px 8px;font-size:.68rem;font-weight:600}.isotope-table td{color:var(--text-primary);border-bottom:1px solid #ffffff0a;padding:5px 8px}.isotope-table tr:last-child td{border-bottom:none}.abundance-cards{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px;display:grid}.abundance-card{background:var(--bg-card);border:1px solid var(--border-color);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;display:flex}.abundance-value{color:var(--glow-cyan);font-size:.85rem;font-weight:700}.abundance-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.62rem;font-weight:600}.uses-list{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.uses-list li{color:var(--text-secondary);padding-left:16px;font-size:.85rem;line-height:1.4;position:relative}.uses-list li:before{content:"▸";color:var(--glow-cyan);font-size:.7rem;position:absolute;left:0}.detail-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;margin-top:12px;padding:10px 12px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--glow-cyan)}@media (width<=1200px){.periodic-table{transform:rotateX(0)}}@media (width<=768px){.hud-title{letter-spacing:.08em;font-size:.8rem}.search-input{width:110px}.search-input:focus{width:140px}.element-detail-panel,.molecule-panel{width:100vw}.discovery-label{display:none}.filter-chip{padding:4px 8px;font-size:.7rem}}