.periodic-table-container{padding:5px;border-radius:12px;box-shadow:0 4px 12px var(--shadow-color);margin-top:2rem}.controls-wrapper{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.tyagihub-main-layout{display:grid;grid-template-columns:280px 1fr 280px;margin:62px auto;padding:0!important;align-items:start;position:relative}.top-controls{display:flex;gap:1rem;align-items:center}#element-search{flex-grow:1;width:97%;padding:.8rem 1.2rem;font-size:1rem;border-radius:25px;border:1px solid var(--border-color);background-color:var(--primary-bg);color:var(--text-primary)}#fullscreen-btn{padding:.8rem 1.2rem;font-size:.9rem;background-color:var(--text-secondary);color:var(--card-bg);border:none;border-radius:25px;cursor:pointer;font-weight:500;white-space:nowrap;transition:background-color .2s ease}#fullscreen-btn:hover{background-color:var(--accent-color)}.filter-controls{display:flex;flex-direction:column;gap:1rem}.controls-wrapper-scrollable{overflow-x:auto;padding-bottom:10px;scrollbar-width:none}.controls-wrapper-scrollable::-webkit-scrollbar{height:0;display:none}.all-button{background-color:var(--accent-color);color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.all-button:hover{background-color:#0056b3}.filter-grid-wrapper{display:flex;gap:1.5rem;min-width:1000px}.filter-grid{background-color:var(--primary-bg);padding:1rem;border-radius:8px;flex:1}.filter-grid h4{margin:0 0 1rem 0;font-family:Lora,serif;font-size:1.1rem;color:var(--text-primary);text-align:left;border-bottom:2px solid var(--border-color);padding-bottom:.5rem}.filter-buttons-container{display:flex;flex-wrap:wrap;gap:.5rem}.btn-wrap{display:flex;align-items:center;gap:.5rem;background-color:var(--card-bg);border-radius:20px;padding:4px;padding-right:12px;border:1px solid var(--border-color);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.btn-wrap:hover{border-color:var(--accent-color)}.btn-wrap button{background:0 0;border:none;font-size:.85rem;color:var(--text-secondary);font-weight:500;cursor:pointer;padding:0}.tick-box{width:18px;height:18px;border-radius:50%;background-color:var(--border-color);transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px}.btn-wrap.active .tick-box{background-color:var(--accent-color)}.btn-wrap.active .tick-box::before{content:"✔"}.periodic-table-wrapper{overflow:auto;margin:2rem 0;padding:10px;border:1px solid var(--border-color);border-radius:8px}.periodic-table-grid{display:grid;grid-template-columns:30px repeat(18,minmax(65px,1fr));grid-template-rows:30px repeat(10,minmax(65px,1fr));gap:4px;min-width:1200px}.grid-label{display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;border-radius:4px}.series-label-placeholder{grid-column-start:4;background-color:var(--primary-bg);border:1px dashed var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--text-secondary);text-align:center;line-height:1.2}.element-cell{border-width:2px;border-style:dashed;border-color:transparent;border-radius:4px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,opacity .3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4px;line-height:1.2;text-align:center;position:relative;gap:1px}.element-cell.selected,.element-cell:hover{transform:scale(1.08);box-shadow:0 6px 20px rgba(0,0,0,.2);z-index:2;border-color:var(--accent-color)!important}.element-cell.filtered-out{opacity:.15;pointer-events:none}.cell-number{position:absolute;top:3px;left:4px;font-size:10px;font-weight:500}.cell-symbol{font-size:clamp(1rem,2vw,1.5rem);font-weight:700}.cell-name{font-size:10px;word-break:break-all}.cell-mass{font-size:9px}.series-label{grid-column:4;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:500;border-radius:4px;text-align:center}[data-theme=dark] .series-label{background:#333}.details-section{border-radius:8px;margin-top:2rem;animation:fadeIn .5s ease}.details-section[hidden]{display:none}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.details-layout-adv{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start}@media(min-width:900px){.details-layout-adv{grid-template-columns:3fr 1.5fr;grid-template-areas:"prose sidebar"}.details-prose-adv{grid-area:prose}.details-sidebar-adv{grid-area:sidebar}}.details-prose-adv{border-radius:8px}.details-prose-adv h2{font-size:1.2rem;color:var(--accent-color);margin:1.5rem 0 .75rem 0;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.details-prose-adv h2:first-of-type{margin-top:0}.details-prose-adv h3{margin:1rem 0 .5rem 0;font-size:1rem;color:var(--text-primary);text-align:left}.details-prose-adv p,.details-prose-adv ul{font-size:.95rem;line-height:1.7}.details-prose-adv ul{padding-left:1.25rem}.details-prose-adv code{background:rgba(0,0,0,.05);padding:.15rem .4rem;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,"Roboto Mono",monospace;font-size:.9rem;color:var(--accent-color)}[data-theme=dark] .details-prose-adv code{background:hsla(0,0%,100%,.1)}.details-prose-adv table{width:100%;border-collapse:collapse;font-size:.9rem;margin-top:1rem}.details-prose-adv td,.details-prose-adv th{text-align:left;padding:.5rem;border-bottom:1px dashed var(--border-color)}.details-prose-adv th{color:var(--text-primary);font-weight:600}.details-sidebar-adv{position:sticky!important;top:80px;display:flex;flex-direction:column;gap:1.5rem}.details-sidebar-adv .sidebar-card{border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.details-sidebar-adv h3{margin:0 0 1rem 0;font-size:1.2rem;color:var(--accent-color);text-align:left}.details-svg-container{height:200px;display:flex;align-items:center;justify-content:center;background-color:#e9f5ff;border-radius:8px}[data-theme=dark] .details-svg-container{background-color:#2c3e50}.details-svg-container svg{width:100%;height:100%}.details-key-properties{list-style:none;padding:0;margin:0}.details-key-properties li{display:flex;justify-content:space-between;font-size:.9rem;padding:.5rem 0;border-bottom:1px dashed var(--border-color)}.details-key-properties li:last-child{border-bottom:none}.alkali-metal{background-color:#ffebee;border-color:#e57373}.alkaline-earth-metal{background-color:#fff3e0;border-color:#ffb74d}.lanthanide{background-color:#fffde7;border-color:#fff176}.actinide{background-color:#fce4ec;border-color:#f06292}.transition-metal{background-color:#e8eaf6;border-color:#9fa8da}.post-transition-metal{background-color:#e0f2f1;border-color:#80cbc4}.metalloid{background-color:#f1f8e9;border-color:#aed581}.nonmetal{background-color:#e1f5fe;border-color:#81d4fa}.noble-gas{background-color:#f3e5f5;border-color:#ce93d8}.unknown{background-color:#fafafa;border-color:#a2a2a2}.alkali-metal .cell-mass,.alkali-metal .cell-number{color:#c62828}.alkaline-earth-metal .cell-mass,.alkaline-earth-metal .cell-number{color:#e65100}.lanthanide .cell-mass,.lanthanide .cell-number{color:#f57f17}.actinide .cell-mass,.actinide .cell-number{color:#ad1457}.transition-metal .cell-mass,.transition-metal .cell-number{color:#303f9f}.post-transition-metal .cell-mass,.post-transition-metal .cell-number{color:#00695c}.metalloid .cell-mass,.metalloid .cell-number{color:#558b2f}.nonmetal .cell-mass,.nonmetal .cell-number{color:#0277bd}.noble-gas .cell-mass,.noble-gas .cell-number{color:#6a1b9a}.unknown .cell-mass,.unknown .cell-number{color:#616161}[data-theme=dark] .element-cell{color:#fff}[data-theme=dark] .alkali-metal{background-color:#4e3434;border-color:#e57373}[data-theme=dark] .alkaline-earth-metal{background-color:#53422d;border-color:#ffb74d}[data-theme=dark] .lanthanide{background-color:#535138;border-color:#fff176}[data-theme=dark] .actinide{background-color:#52333d;border-color:#f06292}[data-theme=dark] .transition-metal{background-color:#36384e;border-color:#9fa8da}[data-theme=dark] .post-transition-metal{background-color:#2e4b49;border-color:#80cbc4}[data-theme=dark] .metalloid{background-color:#3e4b38;border-color:#aed581}[data-theme=dark] .nonmetal{background-color:#2f4a58;border-color:#81d4fa}[data-theme=dark] .noble-gas{background-color:#4c3350;border-color:#ce93d8}[data-theme=dark] .unknown{background-color:#424242;border-color:#9e9e9e}[data-theme=dark] .cell-mass,[data-theme=dark] .cell-number{color:#eee}[data-theme=dark] .alkali-metal .cell-mass,[data-theme=dark] .alkali-metal .cell-number{color:#ffcdd2}[data-theme=dark] .alkaline-earth-metal .cell-mass,[data-theme=dark] .alkaline-earth-metal .cell-number{color:#ffe0b2}[data-theme=dark] .lanthanide .cell-mass,[data-theme=dark] .lanthanide .cell-number{color:#fff9c4}[data-theme=dark] .actinide .cell-mass,[data-theme=dark] .actinide .cell-number{color:#f8bbd0}[data-theme=dark] .transition-metal .cell-mass,[data-theme=dark] .transition-metal .cell-number{color:#c5cae9}[data-theme=dark] .post-transition-metal .cell-mass,[data-theme=dark] .post-transition-metal .cell-number{color:#b2dfdb}[data-theme=dark] .metalloid .cell-mass,[data-theme=dark] .metalloid .cell-number{color:#dcedc8}[data-theme=dark] .nonmetal .cell-mass,[data-theme=dark] .nonmetal .cell-number{color:#b3e5fc}[data-theme=dark] .noble-gas .cell-mass,[data-theme=dark] .noble-gas .cell-number{color:#e1bee7}[data-theme=dark] .unknown .cell-mass,[data-theme=dark] .unknown .cell-number{color:#eee}.details-prose-adv .note{background-color:var(--primary-bg);border-left:4px solid var(--accent-color);padding:1rem 1.5rem;margin-bottom:1.5rem;border-radius:25px}[data-theme=dark] .details-prose-adv .note{background-color:#2d2d2d}.details-prose-adv .eq{background-color:var(--card-bg);border:1px solid var(--border-color);padding:1rem;margin:1rem 0;border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,"Roboto Mono",monospace;overflow-x:auto;white-space:pre-wrap;word-break:break-all;font-size:.9rem;color:var(--text-primary)}[data-theme=dark] .details-prose-adv .eq{background-color:#1a1a1a;border-color:#444}.details-prose-adv ol{padding-left:2rem}.details-prose-adv ol li{margin-bottom:1rem}@media(max-width:768px){.periodic-table-container{padding:0}.top-controls{flex-direction:column;align-items:stretch}.details-sidebar-adv{position:static}}:root{--primary-bg:#f4f8fa;--card-bg:#ffffff;--text-primary:#1d2c3d;--text-secondary:#202123;--accent-color:#007aff;--border-color:#898989!important;--shadow-color:rgba(29, 44, 61, 0.1)}.formula-section.content-section{max-width:1000px;margin:40px auto;padding:35px 40px;background:var(--privacy-surface,#fff);border:1px solid var(--privacy-border-2,#e5e7eb);border-radius:var(--radius,20px);box-shadow:var(--privacy-shadow,0 10px 30px rgba(15,23,42,.04));transition:background .3s ease,border .3s ease}.formula-section .section-title{font-size:clamp(1.4rem,4vw,1.8rem);font-weight:850;color:var(--privacy-heading,#111827);margin-bottom:20px;letter-spacing:-.02em;display:flex;align-items:center;gap:12px}.formula-section .section-title::before{content:"💡";font-size:1.3rem}.formula-section .section-title::after{content:"";flex:1;height:1px;background:var(--privacy-border-2,#e5e7eb)}.formula-section .text-content{display:flex;flex-direction:column;gap:16px}.formula-section .text-content p{color:var(--privacy-text,#4b5563);font-size:1.05rem;line-height:1.85;text-align:justify;margin:0}.formula-section .text-content strong{color:var(--privacy-heading,#111827);font-weight:700;background:var(--privacy-primary-soft,rgba(37,99,235,.06));padding:2px 6px;border-radius:6px;border:1px solid rgba(35,99,235,.08)}.formula-section .text-content em{font-style:normal;font-family:var(--mono, monospace);font-weight:600;color:var(--privacy-link,#0ea5e9);background:var(--privacy-highlight,#f8fafc);padding:1px 5px;border-radius:4px;border:1px solid var(--privacy-border-2,#e5e7eb)}@media(max-width:768px){.formula-section.content-section{margin:24px 12px;padding:25px 20px;border-radius:16px}.formula-section .section-title{font-size:1.35rem}.formula-section .text-content p{text-align:left;font-size:.98rem;line-height:1.75}}