@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_111fb964-module__2Tb6wa__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_111fb964-module__2Tb6wa__variable{--font-outfit:"Outfit", "Outfit Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_bace89c4-module__09p2wq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_bace89c4-module__09p2wq__variable{--font-inter:"Inter", "Inter Fallback"}
:root{--bg-main:#05070a;--bg-card:#090c12;--bg-card-glass:#090c12d9;--bg-hover:#121824;--border-color:#ffffff1f;--border-hover:#ffffff40;--text-main:#fff;--text-muted:#cbd5e1;--text-dark:#94a3b8;--primary:#818cf8;--primary-hover:#6366f1;--primary-glow:#818cf833;--bg-input:#0f131a;--bg-badge:#0f131a;--bg-legend:#0f1322;--cat-alkali:#ff8082;--cat-alkaline:#ffbf66;--cat-lanthanide:#ff8fb4;--cat-actinide:#c992fc;--cat-transition:#ffe14c;--cat-post-transition:#80bfff;--cat-metalloid:#4cf0ff;--cat-nonmetal:#75f094;--cat-halogen:#6cefd5;--cat-noble:#db94f9;--cat-unknown:#abb3ba;--cat-alkali-bg:#ff808212;--cat-alkaline-bg:#ffbf6612;--cat-lanthanide-bg:#ff8fb412;--cat-actinide-bg:#c992fc12;--cat-transition-bg:#ffe14c0a;--cat-post-transition-bg:#80bfff12;--cat-metalloid-bg:#4cf0ff12;--cat-nonmetal-bg:#75f09412;--cat-halogen-bg:#6cefd512;--cat-noble-bg:#db94f912;--cat-unknown-bg:#abb3ba12;--font-sans:var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-title:var(--font-outfit), var(--font-sans)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-main);height:100%;color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}body{background-color:var(--bg-main);background-image:radial-gradient(circle at 5% 15%,#6366f10a 0%,#0000 40%),radial-gradient(circle at 95% 85%,#af52de0a 0%,#0000 40%);background-attachment:fixed;flex-direction:column;min-height:100%;display:flex;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1)}input,button,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#334155}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 2rem}.glass{background:var(--bg-card-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:16px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px -10px #000c}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-wrap{flex-wrap:wrap}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.grid{display:grid}.site-header{z-index:50;-webkit-backdrop-filter:blur(16px);background-color:#05070ad9;border-bottom:1px solid #ffffff0d;width:100%;position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;height:4.5rem;display:flex}.logo-link{font-family:var(--font-title);letter-spacing:-.02em;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;display:flex}.logo-box{background:linear-gradient(135deg, var(--primary), #6366f1);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.95rem;font-weight:800;transition:transform .3s;display:flex;box-shadow:0 0 15px #818cf859}.logo-link:hover .logo-box{transform:rotate(-8deg)scale(1.05)}.logo-text{background:linear-gradient(90deg,#fff,#f8fafc,#c7d2fe);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.nav-links{color:var(--text-muted);align-items:center;gap:1.75rem;font-size:.875rem;font-weight:600;display:flex}.nav-item{cursor:pointer;align-items:center;gap:.25rem;padding:1rem 0;transition:color .2s;display:flex;position:relative}.nav-item:hover,.nav-links a:hover{color:var(--text-main)}.dropdown{opacity:0;aria-hidden:true;visibility:hidden;background-color:#080b11;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:.25rem;width:16rem;padding:.6rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:4.25rem;left:-20px;transform:translateY(8px);box-shadow:0 20px 40px -10px #000c}.nav-item:hover .dropdown{opacity:1;visibility:visible;aria-hidden:false;transform:translateY(0)}.dropdown-link{color:var(--text-muted);border-radius:8px;padding:.6rem .85rem;font-size:.75rem;font-weight:600;display:block}.dropdown-link:hover{color:var(--text-main);background-color:#ffffff0a;padding-left:1.05rem}.mobile-menu-btn{cursor:pointer;color:var(--text-muted);border-radius:8px;padding:.6rem;transition:all .2s;display:none}.mobile-menu-btn:hover{color:#fff;background-color:#ffffff0d}.mobile-nav{z-index:45;background-color:#080b11;border-top:1px solid #ffffff14;flex-direction:column;gap:1.5rem;width:100%;max-height:calc(100vh - 4.5rem);padding:1.5rem 2rem;display:none;position:absolute;top:4.5rem;left:0;overflow-y:auto;box-shadow:0 20px 40px #000000d9}.mobile-nav-section{border-top:1px solid #ffffff0f;padding-top:1rem}.mobile-nav-section:first-child{border-top:none;padding-top:0}.mobile-nav-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dark);margin-bottom:.75rem;font-size:.65rem;font-weight:700;display:block}.mobile-nav-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.mobile-nav-list{flex-direction:column;gap:.65rem;display:flex}.mobile-nav-link{color:var(--text-muted);padding:.25rem 0;font-size:.85rem;font-weight:600;transition:color .2s;display:block}.mobile-nav-link:hover{color:#fff}.site-footer{background-color:#030406;border-top:1px solid #ffffff08;margin-top:auto;padding:4rem 0 2.5rem}.site-footer .container{grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;display:grid}.footer-desc{color:var(--text-muted);max-width:260px;margin-top:1rem;font-size:.75rem;line-height:1.7}.footer-column h4{color:#fff;letter-spacing:.02em;margin-bottom:1.25rem;font-size:.85rem;font-weight:700}.footer-column ul{flex-direction:column;gap:.65rem;font-size:.75rem;list-style:none;display:flex}.footer-column a{color:var(--text-muted);font-weight:500}.footer-column a:hover{color:#fff;padding-left:3px}.footer-bottom{color:var(--text-dark);border-top:1px solid #ffffff08;justify-content:space-between;align-items:center;margin-top:3rem;padding-top:2rem;font-size:.7rem;display:flex}.footer-bottom a{margin-left:1.25rem}.footer-bottom a:hover{color:var(--text-muted)}.control-panel{flex-direction:column;gap:1.25rem;margin-bottom:.5rem;padding:1.5rem;display:flex}.filter-grid{grid-template-columns:1.25fr 1fr 1fr 1fr;gap:1rem;display:grid}.search-input-wrapper{width:100%;position:relative}.search-input{background-color:var(--bg-input);border:1px solid var(--border-color);width:100%;color:var(--text-main);border-radius:10px;padding:.75rem 1rem .75rem 2.5rem;font-size:.85rem;font-weight:600;transition:all .25s}.search-input::placeholder{color:var(--text-muted)}.search-input:hover{border-color:var(--border-hover)}.search-input:focus{border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow);background-color:var(--bg-hover)}.search-icon-svg{width:1.1rem;height:1.1rem;color:var(--text-muted);position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.filter-select{background-color:var(--bg-input);border:1px solid var(--border-color);width:100%;color:var(--text-main);cursor:pointer;border-radius:10px;padding:.75rem 1rem;font-size:.85rem;font-weight:600;transition:all .25s}.filter-select:hover{border-color:var(--border-hover)}.filter-select:focus{border-color:var(--primary);background-color:var(--bg-hover)}.filter-select option{background-color:var(--bg-card);color:var(--text-main)}.temp-slider-row{border-top:1px solid #ffffff0d;align-items:center;gap:2rem;padding-top:1.25rem;display:flex}.temp-labels{color:#fff;align-items:center;gap:.75rem;font-size:.8rem;font-weight:700;display:flex}.temp-badge{background-color:var(--bg-badge);border:1px solid var(--border-color);border-radius:6px;padding:.3rem .65rem;font-family:monospace;font-size:.75rem;font-weight:750}.temp-badge-k{color:var(--primary);border-color:var(--border-color)}.temp-badge-c{color:#34d399;border-color:var(--border-color)}.slider-container-flex{flex:1;align-items:center;gap:1rem;display:flex}.slider-range-input{background-color:var(--bg-badge);appearance:none;cursor:pointer;border:1px solid var(--border-color);border-radius:10px;width:100%;height:6px}.slider-range-input::-webkit-slider-thumb{appearance:none;border:3px solid var(--primary);background-color:#fff;border-radius:50%;width:18px;height:18px;transition:transform .1s;box-shadow:0 0 12px #818cf8cc}.slider-range-input::-webkit-slider-thumb:hover{transform:scale(1.15)}.preset-row{gap:.4rem;display:flex}.btn-preset{background-color:var(--bg-badge);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;border-radius:6px;padding:.35rem .65rem;font-size:.65rem;font-weight:700;transition:all .2s}.btn-preset:hover{background-color:var(--primary);border-color:var(--primary);color:#fff}.legend-row{border-top:1px solid #ffffff0d;flex-wrap:wrap;gap:.4rem;padding-top:1.25rem;display:flex}.legend-title{color:#fff;width:100%;margin-bottom:.4rem;font-size:.8rem;font-weight:700}.btn-legend{border:1px solid var(--border-color);cursor:pointer;background-color:var(--bg-legend);color:var(--text-muted);border-radius:30px;align-items:center;padding:.4rem .9rem;font-size:.7rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.btn-legend:hover{color:#fff;background-color:#161e33;border-color:#ffffff4d;transform:translateY(-1px)}.legend-dot{border-radius:50%;width:7px;height:7px;margin-right:.45rem;box-shadow:0 0 6px}.top-dashboard{flex-direction:row;justify-content:space-between;align-items:center;margin-top:.5rem;display:flex}.dashboard-title-group h1{font-size:2rem;font-weight:800;font-family:var(--font-title);letter-spacing:-.03em;background:linear-gradient(135deg,#fff 40%,#c7d2fe 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.dashboard-actions{gap:.5rem;display:flex}.btn-action{border:1px solid var(--border-color);cursor:pointer;color:#fff;background-color:#0f131a80;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.75rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.btn-action:hover{background-color:var(--bg-hover);border-color:var(--border-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0006}.table-scroll-container{width:100%;padding-bottom:.75rem;overflow-x:auto}.periodic-table-grid{background-color:#030406;border:1px solid #ffffff08;border-radius:16px;gap:5px;min-width:1200px;padding:6px;display:grid;position:relative}.element-cell{cursor:pointer;border:1px solid var(--border-color);-webkit-user-select:none;user-select:none;background-color:#ffffff05;border-radius:8px;flex-direction:column;justify-content:space-between;min-height:68px;padding:.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.element-cell-top{color:var(--text-muted);justify-content:space-between;font-family:monospace;font-size:.6rem;font-weight:800;display:flex}.element-cell:hover .element-cell-top .num{color:var(--text-main)}.element-cell-symbol{text-align:center;font-size:1.25rem;font-weight:800;line-height:1;font-family:var(--font-title);letter-spacing:-.02em}.element-cell-name{text-align:center;color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.58rem;font-weight:700;overflow:hidden}.element-cell-details{text-align:center;color:var(--text-muted);flex-direction:column;font-family:monospace;font-size:.52rem;line-height:1.25;display:flex}.element-cell-details .mass{color:var(--text-main);font-weight:700}.element-cell-details .en{color:var(--primary);opacity:1;font-weight:700}.element-cell.dimmed{opacity:.12;filter:saturate(.5);transform:scale(.97)}.element-cell:not(.dimmed):hover{z-index:20;border-color:var(--primary);transform:scale(1.08);box-shadow:0 10px 25px -5px #000000b3,0 0 15px}.detail-compare-row{grid-template-columns:2.1fr 1fr;gap:1.5rem;display:grid}.element-details-card{flex-direction:column;justify-content:space-between;min-height:390px;padding:1.75rem;display:flex;position:relative;overflow:hidden}.details-wrapper-flex{align-items:start;gap:2rem;display:flex}.details-info-col{flex-direction:column;flex:1;gap:1.15rem;display:flex}.details-title-row{align-items:center;gap:1rem;display:flex}.symbol-big-box{width:4rem;height:4rem;font-size:1.75rem;font-weight:800;font-family:var(--font-title);border:2.5px solid;border-radius:14px;justify-content:center;align-items:center;display:flex;box-shadow:0 8px 20px -5px #00000080}.details-name-title{font-size:1.75rem;font-weight:800;font-family:var(--font-title);color:#fff;letter-spacing:-.02em;line-height:1.1}.details-name-cat{letter-spacing:.01em;margin-top:3px;font-size:.75rem;font-weight:700}.details-summary-text{color:#fff;background-color:#030508;border:1px solid #ffffff0d;border-radius:12px;padding:1rem;font-size:.825rem;font-style:italic;line-height:1.7}.stats-card-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.stat-item-box{background-color:#04060a;border:1px solid #ffffff0d;border-radius:10px;padding:.6rem .85rem;font-size:.75rem;transition:all .2s}.stat-item-box:hover{background-color:#070a10;border-color:#ffffff1a}.stat-item-label{color:var(--text-dark);margin-bottom:2px;font-size:.62rem;font-weight:700;display:block}.stat-item-val{color:#fff;font-family:monospace;font-weight:700}.details-actions{gap:.75rem;margin-top:.5rem;display:flex}.btn-details-profile{background:linear-gradient(135deg, var(--primary), #4f46e5);color:#fff;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.75rem;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 4px 15px #6366f159}.btn-details-profile:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f180}.btn-details-compare{border:1px solid var(--border-color);color:#fff;cursor:pointer;background-color:#0f131a99;border-radius:10px;padding:.65rem 1.25rem;font-size:.75rem;font-weight:700;transition:all .25s}.btn-details-compare:hover{background-color:var(--bg-hover);border-color:var(--border-hover);transform:translateY(-1px)}.details-empty-state{text-align:center;color:var(--text-dark);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:3rem;display:flex}.compare-sidebar-card{flex-direction:column;justify-content:space-between;min-height:390px;padding:1.75rem;display:flex}.compare-form{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}.form-group-select{flex-direction:column;gap:.35rem;display:flex}.form-group-select label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:700}.vs-text{text-align:center;color:var(--text-dark);letter-spacing:.1em;font-size:.85rem;font-weight:800}.btn-start-compare{text-align:center;cursor:pointer;border-radius:10px;width:100%;padding:.75rem;font-size:.8rem;font-weight:700;transition:all .25s}.btn-start-compare:not(:disabled){background:linear-gradient(135deg, var(--primary), #4f46e5);color:#fff;box-shadow:0 4px 15px #818cf84d}.btn-start-compare:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 6px 20px #818cf873}.btn-start-compare:disabled{color:var(--text-dark);cursor:not-allowed;background-color:#ffffff03;border:1px solid #ffffff08}.compare-popular-footer{color:var(--text-dark);text-align:center;border-top:1px solid #ffffff0d;padding-top:1.25rem;font-size:.65rem;line-height:1.6}.compare-popular-footer a{color:#818cf8;font-weight:700}.compare-popular-footer a:hover{text-decoration:underline}.seo-article{flex-direction:column;gap:2rem;padding:2rem;display:flex}.seo-article h2{font-family:var(--font-title);color:#fff;letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.seo-article p{color:#fff;font-size:.875rem;line-height:1.7}.seo-grid-cols{border-top:1px solid #ffffff0d;grid-template-columns:1fr 1fr;gap:2.5rem;padding-top:2rem;display:grid}.seo-col-section h3{color:#fff;font-size:1.05rem;font-weight:700;font-family:var(--font-title);margin-bottom:.75rem}.seo-col-list{color:#fff;padding-left:.25rem;font-size:.85rem;line-height:1.6;list-style:none}.seo-col-list li{margin-bottom:.5rem;padding-left:1.15rem;position:relative}.seo-col-list li:before{content:"•";color:var(--primary);font-weight:700;position:absolute;left:0}.faq-section{border-top:1px solid #ffffff0d;flex-direction:column;gap:1.5rem;padding-top:2rem;display:flex}.faq-item{flex-direction:column;gap:.35rem;display:flex}.faq-q{color:#fff;font-size:.875rem;font-weight:800}.faq-a{color:#fff;border-left:2px solid #818cf84d;padding-left:1rem;font-size:.85rem;line-height:1.6}.calc-grid{grid-template-columns:1fr 2fr;gap:1.5rem;display:grid}.calc-preset-grid{flex-wrap:wrap;gap:.4rem;display:flex}.calc-preset-btn{color:var(--text-muted);cursor:pointer;background-color:#020305;border:1px solid #ffffff0f;border-radius:6px;padding:.35rem .65rem;font-family:monospace;font-size:.7rem;font-weight:700;transition:all .2s}.calc-preset-btn:hover{border-color:var(--primary);color:#fff;background-color:#6366f10d}.calc-formula-display{background-color:#6366f108;border:1px solid #6366f114;border-radius:16px;flex-direction:row;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.calc-formula-label{text-transform:uppercase;color:var(--primary);letter-spacing:.05em;font-size:.6rem;font-weight:800}.calc-formula-val{color:#fff;letter-spacing:.02em;font-family:monospace;font-size:1.75rem;font-weight:800}.calc-mass-badge{color:#34d399;text-shadow:0 0 10px #34d39933;font-family:monospace;font-size:2rem;font-weight:800}.calc-mass-unit{color:var(--text-muted);font-size:.95rem;font-weight:600}.composition-table{border-collapse:collapse;text-align:left;width:100%;font-size:.825rem}.composition-table th{color:var(--text-muted);border-bottom:1px solid var(--border-color);background-color:#020305;padding:.85rem 1rem;font-size:.75rem;font-weight:700}.composition-table td{border-bottom:1px solid #ffffff08;padding:.85rem 1rem}.composition-table tr:hover{background-color:#ffffff05}.progress-bar-container{background-color:#020305;border:1px solid #ffffff0d;border-radius:30px;width:100%;height:1.25rem;margin:1rem 0;display:flex;overflow:hidden}.progress-bar-fill{height:100%;transition:all .3s}.chart-legend-flex{flex-wrap:wrap;gap:1rem;display:flex}.chart-legend-item{color:var(--text-muted);align-items:center;gap:.45rem;font-size:.725rem;font-weight:600;display:flex}.chart-legend-dot{border-radius:50%;width:10px;height:10px}.finder-grid-layout{grid-template-columns:1fr 3fr;gap:1.5rem;display:grid}.finder-header-box{color:var(--text-muted);background-color:#03050866;border:1px solid #ffffff08;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.85rem 1rem;font-size:.8rem;display:flex}.finder-results-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.finder-card-el{border:1px solid var(--border-color);background-color:var(--bg-card-glass);border-radius:12px;flex-direction:column;justify-content:space-between;min-height:116px;padding:1.25rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.finder-card-el:hover{border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 10px 25px -10px #00000080}.finder-card-top{color:var(--text-muted);justify-content:space-between;font-family:monospace;font-size:.65rem;font-weight:800;display:flex}.finder-card-mid{align-items:baseline;gap:.6rem;margin:.6rem 0;display:flex}.finder-card-sym{font-size:1.5rem;font-weight:800;font-family:var(--font-title)}.finder-card-name{color:#fff;font-size:.9rem;font-weight:800}.finder-card-el:hover .finder-card-name{color:var(--primary)}.finder-card-details{color:var(--text-muted);border-top:1px solid #ffffff0d;flex-direction:column;gap:.25rem;padding-top:.5rem;font-family:monospace;font-size:.65rem;display:flex}.finder-card-details .row-detail{justify-content:space-between;display:flex}.finder-card-details .row-val{color:#fff;font-weight:700}.quiz-main-card{text-align:center;flex-direction:column;gap:1.75rem;padding:2.5rem;display:flex}.quiz-modes-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:.5rem;display:grid}.btn-quiz-mode{border:1px solid var(--border-color);background-color:var(--bg-card-glass);cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:.65rem;padding:1.5rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.btn-quiz-mode:hover{border-color:var(--primary);background-color:#6366f10a;transform:translateY(-2px);box-shadow:0 10px 25px -10px #818cf840}.quiz-mode-emoji{font-size:2rem}.quiz-mode-title{color:#fff;font-size:.95rem;font-weight:800;font-family:var(--font-title)}.quiz-mode-desc{color:var(--text-muted);font-size:.7rem;line-height:1.5}.quiz-stats-bar{color:var(--text-muted);border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-bottom:1.25rem;font-size:.8rem;display:flex}.quiz-timer-box{border-radius:6px;padding:.3rem .65rem;font-family:monospace;font-weight:800}.timer-normal{color:var(--primary);background-color:#ffffff08;border:1px solid #818cf833}.timer-critical{color:#f87171;background-color:#ef444426;border:1px solid #ef444440;animation:1s infinite pulse}.quiz-progress-track{background-color:#030508;width:100%;height:4px;position:absolute;top:0;left:0}.quiz-progress-fill{background-color:var(--primary);height:100%;transition:width 1s linear}.quiz-question-box{padding:1.25rem 0}.quiz-question-box h3{color:#fff;font-size:1.25rem;font-weight:800;font-family:var(--font-title)}.quiz-choices-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.btn-choice{border:1px solid var(--border-color);text-align:left;cursor:pointer;color:#fff;background-color:#03050873;border-radius:14px;justify-content:space-between;align-items:center;padding:1.15rem;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.btn-choice:not(:disabled):hover{background-color:#0f131a8c;border-color:#ffffff40}.btn-choice.correct{color:#34d399;background-color:#10b9811a;border-color:#10b98180;box-shadow:0 0 15px #10b98126}.btn-choice.incorrect{color:#f87171;background-color:#ef44441a;border-color:#ef444480;box-shadow:0 0 15px #ef444426}.btn-choice.muted{color:var(--text-dark);opacity:.35;background-color:#03050833;border-color:#ffffff03}.quiz-next-actions{border-top:1px solid #ffffff0d;justify-content:flex-end;margin-top:.5rem;padding-top:1.25rem;display:flex}.btn-quiz-next{background:linear-gradient(135deg, var(--primary), #4f46e5);color:#fff;cursor:pointer;border-radius:10px;padding:.65rem 1.5rem;font-size:.8rem;font-weight:700;transition:all .2s;box-shadow:0 4px 15px #818cf840}.btn-quiz-next:hover{transform:translateY(-1px);box-shadow:0 6px 20px #818cf859}.quiz-summary-trophy{background-color:#030508;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:6.5rem;height:6.5rem;margin:1.5rem 0;font-size:2.5rem;display:flex;position:relative;box-shadow:0 15px 35px #0009}.score-badge-circle{color:#05070a;background-color:#10b981;border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-family:monospace;font-size:.85rem;font-weight:800;display:flex;position:absolute;bottom:-.4rem;right:-.4rem;box-shadow:0 4px 10px #10b98166}.print-templates-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1rem;display:grid}.print-card-option{flex-direction:column;justify-content:space-between;gap:1.25rem;padding:1.5rem;display:flex}.print-card-title{color:#fff;font-size:.9rem;font-weight:700;font-family:var(--font-title);margin-bottom:.35rem;display:block}.print-card-desc{color:var(--text-muted);font-size:.7rem;line-height:1.5}.btn-print-trigger{background:linear-gradient(135deg, var(--primary), #4f46e5);color:#fff;text-align:center;cursor:pointer;border-radius:8px;width:100%;padding:.65rem;font-size:.75rem;font-weight:700;transition:all .25s}.btn-print-trigger:hover{transform:translateY(-1px);box-shadow:0 4px 15px #818cf840}.neighbor-links{color:var(--text-muted);gap:1.25rem;font-size:.75rem;display:flex}.neighbor-links a:hover{color:var(--primary)}.detail-article-hero{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.article-content h2{color:#fff;font-size:1.25rem;font-weight:700;font-family:var(--font-title);letter-spacing:-.02em;border-bottom:1px solid #ffffff0d;margin-top:1.5rem;padding-bottom:.35rem}.article-content ul,.article-content ol{flex-direction:column;gap:.35rem;margin:.75rem 0;padding-left:1.5rem;display:flex}.article-content li{list-style-type:disc}.article-content strong{color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:1024px){.site-footer .container{grid-template-columns:1fr 1fr;gap:2rem}.detail-compare-row,.calc-grid,.finder-grid-layout{grid-template-columns:1fr}.print-templates-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.site-header .nav-links{display:none}.mobile-menu-btn{display:block}.filter-grid{grid-template-columns:1fr}.temp-slider-row{flex-direction:column;align-items:flex-start;gap:1rem}.slider-container-flex{width:100%}.top-dashboard{flex-direction:column;align-items:flex-start;gap:1rem}.details-wrapper-flex{flex-direction:column;align-items:center}.stats-card-grid,.finder-results-grid{grid-template-columns:1fr 1fr}.quiz-modes-grid,.quiz-choices-grid,.print-templates-grid{grid-template-columns:1fr}}@media print{body{font-size:10pt;color:#000!important;background:#fff!important}header,footer,nav,.no-print,button,.filter-panel,.control-panel,.ad-slot,.preset-row,.legend-row,.btn-action,.mobile-menu-btn{display:none!important}.container{max-width:100%!important;margin:0!important;padding:0!important}.glass{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:1px solid #ccc!important}.print-page{page-break-after:always}.print-only{display:block!important}}