.elements-page{background:#071018;color:#e8f1f5;min-height:100vh}.elements-hero{background:radial-gradient(circle at 78% 10%,#243154 0,transparent 34%),linear-gradient(145deg,#0a1722,#071018);border-bottom:1px solid #263c4b;padding-bottom:38px}.elements-back{color:#93c5fd;display:inline-block;font-size:.78rem;margin-bottom:32px;text-decoration:none}.elements-hero h1{font-size:clamp(2.2rem,6vw,4.5rem);letter-spacing:-.04em;margin:10px 0 14px}.elements-hero>p:last-of-type{color:#9eb0bd;line-height:1.7}.elements-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.elements-stats span{background:#101e2a;border:1px solid #314553;border-radius:11px;color:#91a6b3;font-size:.7rem;min-width:110px;padding:11px 14px}.elements-stats b{color:#bfdbfe;display:block;font-size:1.3rem}.elements-explorer{margin:0 auto;max-width:1280px;padding:32px 22px 80px}.element-controls{align-items:end;background:#0c1a24;border:1px solid #263b48;border-radius:15px;display:grid;gap:10px;grid-template-columns:2fr 1fr 1fr auto;padding:14px}.element-controls label span{color:#8297a4;display:block;font-size:.65rem;margin-bottom:5px;text-transform:uppercase}.element-controls input,.element-controls select{background:#10232f;border:1px solid #355161;border-radius:8px;color:#e5f1f6;min-height:40px;padding:8px 10px;width:100%}.element-controls button,.element-more{background:#1e3a5f;border:1px solid #3b5f85;border-radius:8px;color:#dbeafe;cursor:pointer;min-height:40px;padding:8px 13px}.element-count{color:#78909d;font-size:.72rem;margin:12px 3px 20px}.element-catalog,.periodic-section{background:#0a161f;border:1px solid #233744;border-radius:18px;margin-bottom:24px;padding:20px}.element-catalog h2,.periodic-section header h2{font-size:1.2rem;margin:0 0 5px}.periodic-section header p{color:#8398a5;font-size:.72rem;margin:0 0 18px}.periodic-scroll{overflow-x:auto;padding-bottom:8px}.periodic-grid{display:grid;gap:4px;grid-template-columns:repeat(18,56px);grid-template-rows:repeat(7,62px);min-width:1076px}.element-cell{background:color-mix(in srgb,var(--element-color) 20%,#10202b);border:1px solid color-mix(in srgb,var(--element-color) 70%,#334155);border-radius:7px;color:#edf7fa;display:flex;flex-direction:column;padding:4px;text-decoration:none;transition:opacity .15s,transform .15s}.element-cell:focus-visible,.element-cell:hover{outline:2px solid #fff;transform:translateY(-2px)}.element-cell.muted{opacity:.12;pointer-events:none}.element-cell small{color:#a9bdc7;font-size:.5rem}.element-cell b{font-size:1.15rem;line-height:1.25}.element-cell span{font-size:.48rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.series-row{display:grid;gap:4px;grid-template-columns:repeat(18,56px);margin-top:5px;min-width:1076px}.series-row>strong{align-items:center;color:#8ea3ae;display:flex;grid-column:1/3;justify-content:center}.series-row .element-cell{height:62px}.element-card-grid{display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-top:18px}.element-card-grid>a{background:#0d1c26;border:1px solid #263c49;border-top:3px solid var(--element-color);border-radius:12px;color:inherit;min-width:0;padding:14px;text-decoration:none}.element-card-grid>a:focus-visible,.element-card-grid>a:hover{border-color:var(--element-color);outline:none}.element-card-grid>a>div{align-items:center;display:flex;justify-content:space-between}.element-card-grid>a>div small{color:#758c99}.element-card-grid>a>div b{color:#dbeafe;font-size:1.6rem}.element-category{background:#182a35;border-radius:999px;color:#9db1bc;display:inline-block;font-size:.58rem;margin-top:8px;padding:4px 7px}.element-card-grid h3{font-size:1rem;margin:12px 0 3px}.element-card-grid h4{color:#9db3c0;font-size:.72rem;margin:0}.element-card-grid p{color:#8298a5;font-size:.68rem;line-height:1.55;min-height:48px}.element-card-grid em{color:#93c5fd;font-size:.65rem;font-style:normal;font-weight:700}.element-more{display:block;margin:20px auto 0}@media (max-width:850px){.element-controls{grid-template-columns:1fr 1fr}.element-card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.elements-explorer{padding-left:13px;padding-right:13px}.element-controls{grid-template-columns:1fr}.element-catalog,.periodic-section{padding:14px}.element-card-grid{grid-template-columns:1fr}.element-card-grid p{min-height:0}}