:root{--primary-color: #3b82f6;--secondary-color: #10b981;--danger-color: #ef4444;--warning-color: #f59e0b;--bg-primary: #0f172a;--bg-secondary: #1e293b;--text-primary: #e2e8f0;--text-muted: #94a3b8;--border-color: #334155;--bg-color: var(--bg-primary);--card-bg: var(--bg-secondary);--text-color: var(--text-primary);--muted: var(--text-muted);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .15);--shadow: 0 10px 30px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .4);--font-sans: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-mono: "Courier New", monospace;--transition-fast: .15s ease;--transition-normal: .3s ease}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--text-primary: #1e293b;--text-muted: #64748b;--border-color: #cbd5e1;--bg-color: var(--bg-primary);--card-bg: var(--bg-secondary);--text-color: var(--text-primary);--muted: var(--text-muted);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .06);--shadow: 0 10px 30px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .12)}.theme-toggle-btn{position:absolute;top:16px;right:20px;background:#ffffff1a;border:1px solid var(--border-color);color:#fff;padding:8px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:1.1rem;transition:all var(--transition-fast);z-index:100}.theme-toggle-btn:hover{background:#fff3;border-color:var(--primary-color)}[data-theme=light] .theme-toggle-btn{color:var(--text-muted);background:#0000000d}[data-theme=light] .theme-toggle-btn:hover{border-color:var(--primary-color);background:#0000001a}[data-theme=dark] #canvas3d,#canvas3d:not([data-theme]){background:linear-gradient(135deg,#1a1f35,#2d3a5c)!important}[data-theme=light] #canvas3d{background:linear-gradient(135deg,#e0e7ff,#bfdbfe)!important}[data-theme=dark] .shell-legend-item,[data-theme=light] .shell-legend-item{color:var(--text-muted)}[data-theme=light] .header{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))}.header-theme-toggle{position:absolute;top:12px;right:20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;transition:all var(--transition-fast)}.header-theme-toggle:hover{background:#fff3;border-color:var(--primary-color)}[data-theme=light] .header-theme-toggle{background:#0000000d;color:var(--text-muted);border-color:var(--border-color)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus-visible-outline{outline:2px solid var(--primary-color);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-color);line-height:1.6}.container{margin:0 auto;padding:20px}.header{text-align:center;margin-bottom:40px;padding:40px 20px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:var(--radius-lg);box-shadow:var(--shadow);position:relative}.header h1{font-size:2.5rem;margin-bottom:10px;color:#fff}.header .subtitle{font-size:1.1rem;color:#ffffffe6}.navbar{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap;background-color:var(--card-bg);padding:15px;border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border-color)}.nav-btn{flex:1;min-width:150px;padding:12px 20px;border:2px solid var(--border-color);background-color:transparent;color:var(--text-color);border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;font-weight:500;transition:all var(--transition-normal)}.nav-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.nav-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.main-content{background-color:var(--card-bg);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--shadow);border:1px solid var(--border-color);min-height:600px;position:relative}.tab-content{opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease,max-height .3s ease,visibility 0s .25s;pointer-events:none;max-height:0;overflow:hidden;visibility:hidden}.tab-content.active{opacity:1;transform:translateY(0);pointer-events:auto;max-height:5000px;visibility:visible;overflow:visible;transition-delay:0s}.tab-content h2{font-size:2rem;margin-bottom:25px;color:var(--primary-color);border-bottom:2px solid var(--primary-color);padding-bottom:10px}.btn{padding:12px 24px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;font-weight:600;transition:all var(--transition-normal);text-transform:uppercase;letter-spacing:.5px}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#2563eb;transform:translateY(-2px);box-shadow:0 5px 15px #3b82f666}.btn-primary:disabled{background-color:var(--text-muted);cursor:not-allowed;transform:none}.btn-secondary{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background-color:var(--primary-color);color:#fff}.section-description{color:var(--text-muted);margin-bottom:20px;font-size:1.05rem}@media(max-width:768px){.navbar{flex-direction:column}.nav-btn{min-width:100%}.main-content{padding:20px}}.visualizer-container{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr;align-items:stretch;gap:clamp(12px,2vw,20px);background-color:var(--bg-primary);border-radius:var(--radius-lg);padding:20px;border:1px solid var(--border-color)}#canvas3d{grid-column:1;grid-row:1;width:100%;height:500px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#1a1f35,#2d3a5c);display:block}.visualizer-sidebar{grid-column:2;grid-row:1;z-index:10;width:100%;max-width:100%;background:#1e293bd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:clamp(12px,2vh,14px) clamp(14px,3vw,16px);box-shadow:0 8px 25px #0006;display:flex;flex-direction:column;gap:12px;overflow-y:auto;min-height:0;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;-webkit-hyphens:auto;hyphens:auto;box-sizing:border-box}.visualizer-sidebar .sidebar-title{font-size:.9rem;color:var(--primary-color);margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid var(--border-color)}.visualizer-sidebar .element-selector{width:100%;padding:8px 10px;background-color:var(--card-bg);color:var(--text-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;margin-bottom:0}.visualizer-sidebar .atom-info{background-color:var(--bg-primary);padding:clamp(10px,1.5vh,15px);border-radius:var(--radius-sm);border-left:3px solid var(--secondary-color);font-size:.8rem;margin:0}.unified-atom-card{word-wrap:break-word;overflow-wrap:break-word}.unified-props-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;font-size:.78rem;margin-bottom:8px}.unified-section{font-size:.78rem;color:var(--text-muted);line-height:1.6;margin-bottom:4px;word-wrap:break-word;overflow-wrap:break-word}.unified-section strong{color:var(--text-color)}.unified-description{margin-top:8px;font-size:.75rem;color:var(--text-muted);border-top:1px solid var(--border-color);padding-top:6px;line-height:1.4}.visualizer-sidebar .atom-info p{margin:3px 0;color:var(--text-color)}.visualizer-sidebar .atom-info strong{color:var(--secondary-color)}.visualizer-sidebar .controls{display:flex;gap:6px;margin-top:4px}.visualizer-sidebar .controls .btn{flex:1;padding:8px 12px;font-size:.8rem}.visualizer-sidebar .visualizer-presets{margin-top:4px;padding-top:10px;border-top:1px solid var(--border-color)}.visualizer-sidebar .visualizer-presets h4{font-size:.75rem;color:var(--text-muted);margin:0 0 6px}.visualizer-sidebar .preset-buttons{display:flex;flex-wrap:wrap;gap:4px}.visualizer-sidebar .preset-buttons .btn{flex:1;min-width:60px;font-size:.7rem;padding:6px 8px}.canvas-controls{grid-column:1 / -1;grid-row:1;align-self:end;pointer-events:none;margin-top:10px;padding:8px;background-color:var(--bg-primary);border-radius:var(--radius-sm);text-align:center;color:var(--text-muted);font-size:.85rem}@media(max-width:1024px){.section-grid{grid-template-columns:1fr}.visualizer-container{grid-template-columns:1fr;grid-template-rows:auto auto}#canvas3d{grid-column:1;grid-row:1;height:400px}.canvas-controls{grid-column:1;grid-row:2;align-self:auto;pointer-events:auto}.visualizer-sidebar{grid-column:1;grid-row:3}}.atom-tooltip{position:fixed;pointer-events:none;display:none;background:#0f172af2;color:var(--text-color);padding:6px 12px;border-radius:var(--radius-sm);font-size:13px;border:1px solid rgba(99,179,237,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;transition:opacity var(--transition-fast);font-family:var(--font-mono, monospace);white-space:nowrap}.shell-label-3d{color:#e2e8f0e6;font-size:11px;font-family:var(--font-mono, monospace);background:#0f172abf;padding:2px 6px;border-radius:3px;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid rgba(99,179,237,.2)}.shell-legend{display:flex;flex-direction:column;gap:6px;padding:8px 0}.shell-legend-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast);font-size:13px;color:var(--text-muted);-webkit-user-select:none;user-select:none}.shell-legend-item:hover,.shell-legend-item.active{border-color:var(--secondary-color);background:#63b3ed14;color:var(--text-color)}.shell-legend-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.calculator-container{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:20px}.calc-section,.calc-form{background-color:var(--bg-primary);padding:20px;border-radius:var(--radius-lg);border:1px solid var(--border-color)}.calc-section h3{color:var(--secondary-color);margin-bottom:15px}.formulas{list-style:none}.formulas li{padding:10px;margin:8px 0;background-color:var(--card-bg);border-left:3px solid var(--primary-color);border-radius:var(--radius-sm)}.calc-form label{display:block;margin-bottom:8px;color:var(--text-muted);font-weight:600}.calc-form input{width:100%;padding:12px;margin-bottom:20px;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);font-size:1rem}.calc-form input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.calc-form .btn{width:100%}.calc-results{background-color:var(--bg-primary);padding:20px;border-radius:var(--radius-lg);border:2px solid var(--secondary-color);grid-column:1 / -1}.calc-results.success{border-color:var(--secondary-color);background-color:#10b9811a}.calc-results.error{border-color:var(--danger-color);background-color:#ef44441a}.calc-results p{margin:10px 0}.calc-element-name{margin-bottom:15px;padding:10px 14px;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.95rem;color:var(--text-muted);min-height:42px;display:flex;align-items:center;transition:border-color var(--transition-normal),background-color var(--transition-normal)}.calc-element-name.element-found{border-color:var(--secondary-color);background-color:#10b98114;color:var(--text-color)}.calc-element-name.element-not-found{border-color:var(--danger-color);background-color:#ef444414;color:var(--danger-color)}.typing-indicator{animation:typingPulse 1.5s ease-in-out infinite;border-color:#4fc3f799!important}@keyframes typingPulse{0%,to{box-shadow:0 0 #4fc3f766}50%{box-shadow:0 0 0 4px #4fc3f71a}}.search-suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow);max-height:250px;overflow-y:auto;z-index:1000;margin-top:4px}.suggestion-item{padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--border-color);transition:background-color var(--transition-fast);font-size:.9rem;color:var(--text-color)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background-color:#3b82f633}.suggestion-item small{color:var(--text-muted);font-weight:400}.atom-diagram-svg{display:block;max-width:100%;height:auto;margin:0 auto}@keyframes svgNucleonPulse{0%,to{transform:scale(1);opacity:.88}50%{transform:scale(1.2);opacity:1}}.atom-diagram-svg .nucleon-circle{animation:svgNucleonPulse 2.5s ease-in-out infinite;transform-box:fill-box;transform-origin:center;will-change:transform,opacity}.atom-diagram-svg .nucleon-circle:nth-child(2n){animation-delay:.6s}.atom-diagram-svg .nucleon-circle:nth-child(3n+1){animation-delay:1.2s}@keyframes svgElectronPulse{0%,to{transform:scale(1);opacity:.75}50%{transform:scale(1.35);opacity:1}}.atom-diagram-svg .electron-circle{animation:svgElectronPulse 1.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center;will-change:transform,opacity}.atom-diagram-svg .electron-circle:nth-child(4n+1){animation-delay:.15s}.atom-diagram-svg .electron-circle:nth-child(4n+3){animation-delay:.45s}@media(prefers-reduced-motion:reduce){.atom-diagram-svg .nucleon-circle,.atom-diagram-svg .electron-circle{animation:none!important}}.calculator-visual-results{grid-column:1 / -1;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;margin-top:10px;container-type:inline-size;container-name:diagram}@container diagram (max-width: 420px){.diagram-section-title{font-size:.9rem;margin-bottom:8px;padding-bottom:5px}.diagram-wrapper{grid-template-columns:1fr;gap:10px}.diagram-panel{padding:10px}}@container diagram (min-width: 800px){.diagram-section-title{font-size:1.3rem;margin-bottom:20px;padding-bottom:12px;border-bottom-width:3px}.diagram-panel{padding:18px}}.diagram-section-title{font-size:1.1rem;font-weight:600;color:var(--primary-color);margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid var(--border-color);text-align:center}.diagram-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:16px}.diagram-panel{background:#0f172a99;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px}.diagram-panel .atom-diagram-svg{width:100%;max-width:100%;height:auto}#molecular-mass-tab .section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}.molecular-formula-section,.equation-balancer-section,.mol-gram-section{background-color:var(--bg-primary);padding:20px;border-radius:var(--radius-lg);border:1px solid var(--border-color)}.formula-hint{color:var(--text-muted);font-size:.85rem;margin-bottom:15px;padding:6px 10px;background-color:#3b82f60d;border-radius:var(--radius-sm)}.molecular-formula-input{display:flex;gap:10px;align-items:center;margin-bottom:15px}.molecular-formula-input label{color:var(--text-muted);font-weight:600;white-space:nowrap}.molecular-formula-input input[type=text]{flex:1;padding:10px 14px;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);font-size:1rem}.molecular-formula-input input[type=text]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.balance-input-group,.mol-gram-input-group{display:flex;gap:10px;align-items:center;margin-bottom:15px;flex-wrap:wrap}.balance-input-group input[type=text]{flex:1;padding:10px 14px;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);font-size:1rem}.mol-gram-input-group label{color:var(--text-muted);font-weight:600;white-space:nowrap}.mol-gram-input-group input[type=number]{width:100px;padding:10px;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);font-size:1rem}.mol-gram-input-group select{flex:1;padding:10px;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);font-size:.9rem}.molecular-results{background-color:var(--bg-primary);padding:15px 20px;border-radius:var(--radius-lg);border:2px solid var(--secondary-color)}.result-area{margin-top:10px;padding:12px;background-color:var(--card-bg);border-radius:var(--radius-sm);min-height:40px}.result-card{padding:12px 16px;margin-bottom:10px;border-radius:var(--radius-sm);border-left:3px solid var(--primary-color)}.result-card.success{background-color:#10b9811a;border-left-color:#10b981}.result-card.error{background-color:#ef44441a;border-left-color:#ef4444}.composition-list{list-style:none;margin-top:10px;padding:0}.composition-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin:4px 0;background-color:var(--card-bg);border-radius:var(--radius-sm);border-left:3px solid #6366f1}.element-symbol{font-weight:700;color:var(--primary-color);font-size:1.05rem}.percent-value{font-weight:700;color:#10b981;font-size:1.1rem}.mass-contribution{color:var(--text-muted);font-size:.85rem}.error-message{padding:10px 14px;background-color:#ef44441a;border-left:3px solid #ef4444;border-radius:var(--radius-sm);color:#ef4444;margin-top:10px}.error-message strong{display:block}.result-card.success strong{color:#10b981}@media(max-width:768px){.molecular-formula-input,.balance-input-group,.mol-gram-input-group{flex-direction:column;align-items:stretch}.composition-item{flex-direction:column;align-items:flex-start;gap:4px}}@keyframes fadeInResult{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-card,.error-message{animation:fadeInResult .3s ease-out}@media(prefers-reduced-motion:reduce){.result-card,.error-message{animation:none}}.how-to{margin-bottom:15px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--card-bg)}.how-to summary{cursor:pointer;padding:8px 12px;font-weight:600;color:var(--primary-color);-webkit-user-select:none;user-select:none;list-style-position:inside}.how-to summary::-webkit-details-marker{color:var(--text-muted)}.how-to[open] summary{border-bottom:1px solid var(--border-color)}.how-to ol{margin:0;padding:10px 12px 10px 34px}.how-to li{margin-bottom:6px;font-size:.9rem;line-height:1.5;color:var(--text-muted)}.how-to li:last-child{margin-bottom:0}.periodic-table{display:grid;grid-template-columns:repeat(18,1fr);grid-template-rows:repeat(10,auto);gap:3px;padding:10px;margin-top:20px;background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.element-card{grid-row:var(--grid-row);grid-column:var(--grid-col);background-color:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--radius-sm);padding:4px;text-align:center;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),filter var(--transition-fast);aspect-ratio:1 / 1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:0;overflow:hidden;animation:fadeInUp .35s ease both;animation-delay:calc(var(--index) * 6ms)}.element-card:hover{transform:translateY(-4px) scale(1.06);border-color:var(--primary-color);box-shadow:0 10px 25px #0006;z-index:10;cursor:pointer}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.element-card.metal-alcalino{border-color:#ff6b6b;border-left:3px solid #ff6b6b}.element-card.metal-alcalino-terroso{border-color:#ffa94d;border-left:3px solid #ffa94d}.element-card.metal-de-transicao{border-color:#f59e0b;border-left:3px solid #f59e0b}.element-card.metal-pos-transicao{border-color:#e9c46a;border-left:3px solid #e9c46a}.element-card.metaloide{border-color:#6b5b95;border-left:3px solid #6b5b95}.element-card.nao-metal{border-color:#06b6d4;border-left:3px solid #06b6d4}.element-card.halogenio{border-color:#38bdf8;border-left:3px solid #38bdf8}.element-card.gas-nobre{border-color:#818cf8;border-left:3px solid #818cf8}.element-card.lantanideo{border-color:#34d399;border-left:3px solid #34d399}.element-card.actinideo{border-color:#a78bfa;border-left:3px solid #a78bfa}.element-card.desconhecido{border-color:#9ca3af;border-left:3px solid #9ca3af}.element-card{border-left-width:3px!important}.element-card.active{background-color:var(--primary-color);border-color:var(--primary-color)}.element-number{font-size:.65rem;color:var(--text-muted);line-height:1}.element-symbol{font-size:1.2rem;font-weight:700;color:var(--text-color);line-height:1.2;margin:2px 0}.element-name{font-size:.6rem;color:var(--text-muted);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.periodic-element-detail{margin-top:20px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;animation:fadeIn .3s ease}.detail-content{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-content h3{grid-column:1 / -1;color:var(--primary-color);margin-bottom:5px;padding-bottom:8px;border-bottom:2px solid var(--border-color)}.detail-item{padding:8px;background-color:var(--card-bg);border-radius:var(--radius-sm);border-left:3px solid var(--primary-color);font-size:.9rem}.detail-item strong{color:var(--text-muted);display:block;font-size:.75rem;margin-bottom:2px}.detail-item .value{color:var(--text-color);font-weight:600}@media(max-width:768px){.detail-content{grid-template-columns:1fr}}.break-marker{grid-row:var(--grid_row);grid-column:var(--grid_col);display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:.55rem;color:var(--text-muted);background:var(--bg-primary);border:1px dashed var(--border-color);border-radius:var(--radius-sm);padding:2px;text-align:center;cursor:default;aspect-ratio:1 / 1;line-height:1.2}.series-label{display:flex;align-items:center;justify-content:flex-end;padding-right:8px;font-size:.7rem;font-weight:600;color:var(--text-muted);text-align:right;cursor:default;-webkit-user-select:none;user-select:none}.series-label.lanthanide-label{grid-row:9;grid-column:1 / 4}.series-label.actinide-label{grid-row:10;grid-column:1 / 4}.isotopes-container{margin-top:20px}.isotopes-selector{margin-bottom:30px}.isotopes-selector label{display:block;margin-bottom:10px;color:var(--text-muted);font-weight:600}.isotopes-selector select{width:100%;padding:12px;background-color:var(--card-bg);color:var(--text-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:1rem;cursor:pointer}.isotopes-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.isotope-card{background-color:var(--card-bg);padding:20px;border-radius:var(--radius-lg);border:2px solid var(--border-color);text-align:center}.isotope-card h4{color:var(--primary-color);margin-bottom:10px}.isotope-info{background-color:var(--bg-primary);padding:10px;border-radius:var(--radius-sm);margin:5px 0;font-size:.9rem}.category-legend{display:flex;flex-wrap:wrap;gap:8px 16px;padding:10px 12px;margin-top:8px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.legend-item{display:flex;align-items:center;gap:5px;font-size:.75rem;color:var(--text-muted);cursor:default;transition:color var(--transition-fast)}.legend-item:hover{color:var(--text-color)}.legend-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.search-input{width:100%;padding:12px 16px;background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);font-size:1rem;transition:border-color var(--transition-normal)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f626}.search-input::placeholder{color:var(--text-muted)}.element-card.hidden{display:none!important}.element-card.search-highlight{box-shadow:0 0 0 2px var(--primary-color),0 0 12px #3b82f680;border-color:var(--primary-color);transform:scale(1.08);z-index:3}.filter-group{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:5px}.filter-btn{padding:5px 10px;border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;font-size:.78rem;transition:all var(--transition-fast);white-space:nowrap;font-weight:500}.filter-btn:hover{border-color:var(--primary-color);color:var(--text-color)}.filter-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.quiz-container{margin-top:20px}.quiz-intro,.quiz-results{text-align:center;padding:40px 20px;background-color:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.quiz-intro p,.quiz-results p{margin-bottom:20px;font-size:1.1rem}.quiz-intro .btn,.quiz-results .btn{display:inline-block;margin:10px}.quiz-progress{margin-bottom:25px}.question-counter{display:block;text-align:right;color:var(--text-muted);margin-bottom:10px}.progress-bar{width:100%;height:8px;background-color:var(--card-bg);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-color)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));width:0%;transition:width var(--transition-normal)}#question-display{background-color:var(--card-bg);padding:25px;border-radius:var(--radius-lg);margin:20px 0;border-left:4px solid var(--primary-color);font-size:1.2rem;font-weight:500}.answers-grid{display:grid;grid-template-columns:1fr;gap:12px;margin:25px 0}.answer-option{display:block;width:100%;padding:15px;background-color:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);text-align:left;font:inherit;color:inherit}.answer-option:hover{border-color:var(--primary-color);background-color:#3b82f61a}.answer-option.selected{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.answer-option.correct{background-color:var(--secondary-color);border-color:var(--secondary-color);color:#fff}.answer-option.incorrect{background-color:var(--danger-color);border-color:var(--danger-color);color:#fff}.quiz-buttons{display:flex;gap:15px;margin-top:25px}.quiz-buttons .btn{flex:1}.results-display{background-color:var(--card-bg);padding:25px;border-radius:var(--radius-lg);margin:20px 0}.result-score{font-size:2.5rem;color:var(--primary-color);text-align:center;margin-bottom:20px}.result-message{text-align:center;font-size:1.2rem;margin-bottom:15px}.results-summary.lives-depleted-message{text-align:center;padding:30px 20px}.feedback-explanation{background-color:var(--card-bg);border-radius:var(--radius-lg);padding:20px;margin-top:20px;border-left:4px solid var(--primary-color);animation:feedbackFadeIn .4s ease}@keyframes feedbackFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.feedback-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.feedback-icon{font-size:1.5rem}.feedback-status{font-size:1.2rem;font-weight:700}.feedback-correct{color:var(--secondary-color);border-left:3px solid var(--secondary-color);padding-left:10px}.feedback-incorrect{color:var(--danger-color);border-left:3px solid var(--danger-color);padding-left:10px}.feedback-hint{color:#f59e0b;border-left:3px solid #f59e0b;padding-left:10px}.feedback-explanation-text{margin-bottom:15px;line-height:1.6}.feedback-entendi-btn{width:100%;margin-top:10px}#lives-display{font-weight:700;color:var(--danger-color)}#tips-container{display:flex;gap:8px;margin-bottom:15px;flex-wrap:wrap}.tip-btn{padding:8px 12px;font-size:.9rem;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal)}.tip-btn:hover:not(:disabled){background-color:#3b82f61a;border-color:var(--primary-color)}.tip-btn:disabled{opacity:.5;cursor:not-allowed}.quiz-difficulty-selector{display:flex;align-items:center;gap:8px;margin:14px 0 6px;flex-wrap:wrap}.quiz-difficulty-label{font-size:.9rem;color:var(--text-muted);margin-right:2px;flex-shrink:0}.btn-difficulty{padding:5px 14px;border-radius:20px;border:1px solid var(--border-color);background:transparent;color:var(--text-muted);font:inherit;font-size:.85rem;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-difficulty:hover{border-color:var(--primary-color);color:var(--text-primary, var(--text-color))}.btn-difficulty.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color);font-weight:600}.question-difficulty-badge{display:inline-block;font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:10px;margin-left:8px;vertical-align:middle;text-transform:uppercase;letter-spacing:.04em}.question-difficulty-badge.facil{background:#22c55e26;color:#16a34a}.question-difficulty-badge.medio{background:#eab30826;color:#b45309}.question-difficulty-badge.dificil{background:#ef444426;color:#dc2626}.element-tooltip{position:fixed;z-index:10000;width:200px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);pointer-events:none;animation:tooltipFadeIn .2s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.tooltip-header{padding:10px 12px;display:flex;justify-content:space-between;align-items:center;color:#fff}.tooltip-symbol{font-size:1.5rem;font-weight:700}.tooltip-z{font-size:.9rem;opacity:.9}.tooltip-body{padding:10px 12px;background-color:var(--card-bg);border:1px solid var(--border-color);border-top:none}.tooltip-body strong{display:block;margin-bottom:6px;color:var(--primary-color);font-size:1rem}.tooltip-info{display:flex;flex-direction:column;gap:3px;font-size:.8rem;color:var(--text-muted)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a1499;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);align-items:center;justify-content:center;z-index:9000;animation:modalFadeIn .2s ease}dialog.modal[open]{display:flex}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#161625f2;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:25px;min-width:300px;max-width:500px;width:90%;box-shadow:var(--shadow-lg);animation:modalContentSlideIn .3s ease;position:relative}@keyframes modalContentSlideIn{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-content h3{color:var(--primary-color);margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid var(--border-color)}.modal-content .btn{margin-top:10px}.element-detail{max-width:600px!important;max-height:85vh;overflow-y:auto;padding:30px!important}.modal-close{position:absolute;top:12px;right:16px;background:none;border:none;color:var(--text-muted);font-size:1.8rem;cursor:pointer;padding:4px 8px;line-height:1;border-radius:var(--radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast)}.modal-close:hover{color:var(--text-color);background-color:var(--border-color)}.element-detail-header{display:flex;align-items:center;gap:20px;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid var(--border-color)}.element-symbol-large{width:80px;height:80px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:700;color:#fff;flex-shrink:0}.element-meta h2{font-size:1.8rem;color:var(--text-color);margin:0 0 5px!important;padding:0!important;border:none!important}.element-meta p{margin:3px 0;color:var(--text-muted);font-size:.95rem}.badge{display:inline-block;padding:3px 10px;border-radius:12px;background-color:var(--primary-color);color:#fff;font-size:.78rem;font-weight:600;width:auto}.element-detail-body{display:flex;flex-direction:column;gap:20px}.detail-section{background-color:var(--bg-primary);border-radius:var(--radius-sm);padding:16px;border:1px solid var(--border-color)}.detail-section h4{color:var(--primary-color);margin-bottom:12px;font-size:1rem}.detail-section p{font-size:.9rem;color:var(--text-muted);line-height:1.6}.detail-actions{display:flex;gap:10px;margin-top:5px}.detail-actions .btn{flex:1}.properties-table{width:100%;border-collapse:collapse}.properties-table tr{border-bottom:1px solid var(--border-color)}.properties-table tr:last-child{border-bottom:none}.properties-table td{padding:7px 10px;font-size:.83rem;vertical-align:top}.properties-table td:first-child{color:var(--text-muted);width:42%}.properties-table td:last-child{color:var(--text-color);font-weight:500}@media(max-width:768px){.periodic-controls{flex-direction:column}.element-detail{max-width:95vw!important;padding:20px!important}.element-detail-header{flex-direction:column;text-align:center}.element-symbol-large{width:60px;height:60px;font-size:1.6rem}.element-meta h2{font-size:1.4rem}.detail-actions{flex-direction:column}.filter-group{gap:4px}.filter-btn{font-size:.7rem;padding:4px 7px}}@media(max-width:1200px){.periodic-table{grid-template-columns:repeat(18,minmax(35px,1fr));font-size:.7rem}.element-card{padding:2px}}@media(max-width:768px){.navbar{flex-wrap:wrap;justify-content:center}.nav-btn{font-size:.8rem;padding:8px 12px}.element-card .element-name{display:none}.section-grid{grid-template-columns:1fr}.periodic-table{grid-template-columns:repeat(18,minmax(25px,1fr));font-size:.55rem}}@media(max-width:480px){.periodic-table-wrapper{overflow-x:auto;scroll-snap-type:x mandatory}.periodic-table{grid-template-columns:repeat(18,45px);scroll-snap-align:start}}.element-card .element-icons{display:flex;gap:2px;justify-content:center;margin-top:1px;line-height:1}.element-icon-btn{font-size:.5rem;cursor:pointer;opacity:.6;transition:opacity var(--transition-fast),transform var(--transition-fast);pointer-events:auto;-webkit-user-select:none;user-select:none;line-height:1}.element-icon-btn:hover{opacity:1;transform:scale(1.35)}@media(max-width:600px){.element-card .element-icons{display:none}}.detail-section .section-icon{margin-right:4px}.realworld-list{list-style:disc;padding-left:20px;margin:6px 0}.realworld-list li{font-size:.9rem;color:var(--text-muted);line-height:1.6;margin-bottom:4px}.compounds-table{width:100%;border-collapse:collapse;font-size:.85rem;margin-top:4px}.compounds-table th{text-align:left;padding:6px 8px;border-bottom:2px solid var(--border-color);color:var(--primary-color);font-weight:600;font-size:.8rem}.compounds-table td{padding:5px 8px;border-bottom:1px solid var(--border-color);color:var(--text-muted);vertical-align:top}.compounds-table td.formula{font-family:Courier New,monospace;font-weight:600;color:var(--text-color);white-space:nowrap}.compounds-table tbody tr:hover{background-color:#3b82f60d}.isotope-application{display:inline-block;padding:1px 8px;border-radius:10px;background-color:#10b9811f;color:var(--secondary-color);font-size:.78rem;font-weight:500}.iso-abundance{color:var(--text-muted);font-size:.8rem}.discovery-timeline{display:flex;align-items:flex-start;gap:16px;padding:8px 0}.discovery-year{font-size:1.4rem;font-weight:700;color:var(--primary-color);min-width:80px;line-height:1.2;flex-shrink:0}.discovery-detail{border-left:3px solid var(--primary-color);padding-left:14px}.discovery-detail strong{display:block;font-size:1rem;color:var(--text-color);margin-bottom:4px}.discovery-detail p{font-size:.88rem;color:var(--text-muted);line-height:1.5;margin:0}.detail-section-g3{margin-top:4px}@media(max-width:480px){.discovery-timeline{flex-direction:column;gap:6px}.discovery-year{font-size:1.1rem;min-width:auto}.discovery-detail{border-left:none;border-top:2px solid var(--primary-color);padding-left:0;padding-top:8px}}.ion-simulator-panel{margin-top:1rem;padding:.75rem;background:var(--bg-card, #1e293b);border:1px solid var(--border-color, #334155);border-radius:8px;max-height:320px;overflow-y:auto}.ion-panel-header h4{margin:0 0 .5rem;font-size:.9rem;color:var(--text-primary, #f1f5f9);font-weight:600}.ion-buttons-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.ion-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.4rem .75rem;border:2px solid transparent;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s ease;background:var(--bg-elevated, #0f172a);color:var(--text-primary, #f1f5f9);min-width:70px}.ion-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000004d}.ion-btn.cation{border-color:#3b82f6;color:#93c5fd}.ion-btn.cation:hover{background:#3b82f626;box-shadow:0 2px 8px #3b82f64d}.ion-btn.anion{border-color:#ef4444;color:#fca5a5}.ion-btn.anion:hover{background:#ef444426;box-shadow:0 2px 8px #ef44444d}.ion-btn.active{transform:translateY(-2px);box-shadow:0 0 12px #ffffff26}.ion-btn.cation.active{background:#3b82f640;border-color:#60a5fa}.ion-btn.anion.active{background:#ef444440;border-color:#f87171}.ion-type-label{font-size:.65rem;font-weight:400;opacity:.8}.electron-config-display{padding:.5rem;background:var(--bg-elevated, #0f172a);border-radius:6px;font-size:.8rem;color:var(--text-secondary, #94a3b8);transition:all .4s ease}.electron-config-display code{display:block;margin-top:.25rem;font-size:.85rem;color:var(--text-primary, #f1f5f9);word-break:break-all}.electron-config-display.noble-gas-reached{border:1px solid #4ade80;box-shadow:0 0 12px #4ade8040;background:#4ade8014}.noble-gas-msg{margin-top:.35rem;font-size:.8rem;font-weight:500}#ionic-notation{margin-top:.5rem;padding:.35rem .5rem;font-size:.85rem;color:var(--text-accent, #60a5fa);text-align:center;border-radius:4px;background:var(--bg-elevated, #0f172a)}.no-ions{width:100%;padding:.75rem;text-align:center;color:var(--text-secondary, #64748b);font-style:italic;font-size:.85rem}