@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/nunito-latin-500-normal-EugFkASW.woff2)format("woff2"),url(/assets/nunito-latin-500-normal-B5klmw3Q.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/nunito-latin-600-normal-Br8yIETf.woff2)format("woff2"),url(/assets/nunito-latin-600-normal-Cd0eNu1l.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(/assets/nunito-latin-800-normal-D-J0wlBY.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-latin-900-normal-BVB1fGs6.woff2)format("woff2"),url(/assets/nunito-latin-900-normal-CVn49sIn.woff)format("woff")}@font-face{font-family:Zen Maru Gothic;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/zen-maru-gothic-latin-700-normal-CSiy1nnP.woff2)format("woff2"),url(/assets/zen-maru-gothic-latin-700-normal-Cb4EHpDE.woff)format("woff")}@font-face{font-family:Zen Maru Gothic;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/zen-maru-gothic-latin-900-normal-ClrOxROE.woff2)format("woff2"),url(/assets/zen-maru-gothic-latin-900-normal-eQHcQQud.woff)format("woff")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--bg-0:#f8f8f0;--bg-1:#f7f3df;--bg-2:#efe9d0;--bg-scene:#f7f3df;--text:#725d42;--text-head:#794f27;--text-dim:#9f927d;--text-muted:#8a7b66;--text-placeholder:#c4b89e;--border:#c4b89e;--border-strong:#9f927d;--border-input:#c4b89e;--accent:#19c8b9;--accent-hover:#3dd4c6;--accent-active:#11a89b;--accent-soft:#e6f9f6;--success:#6fba2c;--warning:#f5c31c;--error:#e05a5a;--focus-yellow:#fc0;--focus-yellow-d:#e0b800;--np-pink:#f8a6b2;--np-purple:#b77dee;--np-blue:#889df0;--np-yellow:#f7cd67;--np-orange:#e59266;--np-teal:#82d5bb;--np-green:#8ac68a;--np-red:#fc736d;--shadow-press:0 5px 0 0 #bdaea0;--shadow-press-hover:0 6px 0 0 #bdaea0;--shadow-press-active:0 1px 0 0 #bdaea0;--shadow-input:0 3px 0 0 #d4c9b4;--shadow-card:0 4px 14px #6b5c432e;--shadow-card-hover:0 10px 26px #725d422e;--r-pill:50px;--r-card:20px;--r-title:40px 35px 45px 38px / 38px 45px 35px 40px;--r-menu:12px;--t-spring:.25s cubic-bezier(.4, 0, .2, 1);letter-spacing:.01em;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;color:var(--text);background:var(--bg-0);font-family:Nunito,Zen Maru Gothic,Noto Sans SC,-apple-system,BlinkMacSystemFont,PingFang SC,system-ui,Segoe UI,Roboto,sans-serif;font-weight:500}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{background:radial-gradient(1200px 800px at 70% -10%, #19c8b91a, transparent 60%), radial-gradient(1100px 760px at -10% 110%, #f7cd672e, transparent 60%), radial-gradient(900px 600px at 50% 50%, #8ac68a12, transparent 65%), var(--bg-0)}button{cursor:pointer;color:inherit;letter-spacing:.02em;background:0 0;border:none;font-family:inherit;font-weight:600}:where(button,[role=button]):focus-visible{outline:2px solid var(--focus-yellow);outline-offset:2px}.periodic-wrap[data-v-8deb5a70]{flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.header[data-v-8deb5a70]{text-align:left;align-items:center;gap:18px;margin-bottom:24px;display:flex}.logo-mark[data-v-8deb5a70]{color:#fff;background:linear-gradient(140deg, var(--accent) 0%, var(--accent-active) 100%);width:64px;height:64px;box-shadow:var(--shadow-press), 0 0 0 2px var(--accent-active);border:3px solid #fff;border-radius:40px 35px 45px 38px/38px 45px 35px 40px;place-items:center;font-size:32px;display:grid}.title-wrap h1[data-v-8deb5a70]{letter-spacing:.5px;color:var(--text-head);text-shadow:0 2px #fff,0 3px #794f272e;margin:0;font-family:Zen Maru Gothic,Nunito,sans-serif;font-size:30px;font-weight:900}.sub[data-v-8deb5a70]{color:var(--text-dim);margin:2px 0 0;font-size:13px;font-weight:600}.table-frame[data-v-8deb5a70]{background:var(--bg-1);border:3px solid var(--border);box-shadow:var(--shadow-card), 0 6px 0 0 #bdaea080;border-radius:36px 32px 38px 34px/34px 38px 32px 36px;padding:22px;position:relative}.table[data-v-8deb5a70]{position:relative}.cell[data-v-8deb5a70]{cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 4px 0 0 var(--cell-shadow,#bdaea0);backface-visibility:hidden;contain:layout style paint;background-clip:padding-box;border:2px solid;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:4px 2px;font-family:Nunito,sans-serif;font-weight:700;display:flex;position:absolute;transform:translateZ(0)}.cell.scattering[data-v-8deb5a70]{will-change:transform, opacity;pointer-events:none}.cell[data-v-8deb5a70]:hover{filter:saturate(1.15)brightness(1.02);box-shadow:0 6px 0 0 var(--cell-shadow,#bdaea0);z-index:2}.cell[data-v-8deb5a70]:active{box-shadow:0 1px 0 0 var(--cell-shadow,#bdaea0)!important}.cell .z[data-v-8deb5a70]{opacity:.95;align-self:flex-start;padding-left:4px;font-size:9px;font-weight:700;line-height:1}.cell .sym[data-v-8deb5a70]{letter-spacing:0;color:var(--text-head);margin-top:2px;font-family:Zen Maru Gothic,Nunito,sans-serif;font-size:22px;font-weight:900}.cell .mass[data-v-8deb5a70]{opacity:.85;color:var(--text-muted);margin-top:2px;font-size:8px;font-weight:600}.tooltip[data-v-8deb5a70]{background:var(--bg-1);border:2.5px solid var(--border);border-radius:var(--r-pill);color:var(--text);white-space:nowrap;pointer-events:none;box-shadow:var(--shadow-press);align-items:center;gap:10px;padding:10px 20px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}.tooltip strong[data-v-8deb5a70]{color:var(--text-head);font-weight:700}.cat-dot[data-v-8deb5a70]{border:1.5px solid #fff;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1px #00000026}.fade-enter-active[data-v-8deb5a70],.fade-leave-active[data-v-8deb5a70]{transition:opacity .2s}.fade-enter-from[data-v-8deb5a70],.fade-leave-to[data-v-8deb5a70]{opacity:0}.legend[data-v-8deb5a70]{flex-wrap:wrap;justify-content:center;gap:10px;max-width:920px;margin-top:22px;display:flex}.legend-item[data-v-8deb5a70]{color:var(--text);background:var(--bg-1);border:2px solid var(--border);border-radius:var(--r-pill);align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;display:flex;box-shadow:0 2px #d4c9b4}.legend-item .dot[data-v-8deb5a70]{background:var(--c);border:1.5px solid #fff;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 1px #0000001f}.root[data-v-93564a57]{width:100%;height:100%;position:relative;overflow:hidden}.table-enter-active[data-v-93564a57],.table-leave-active[data-v-93564a57]{transition:opacity .4s}.table-enter-from[data-v-93564a57],.table-leave-to[data-v-93564a57]{opacity:0}.scene-layer[data-v-93564a57]{opacity:0;transition:opacity .55s;position:absolute;inset:0}.scene-layer.visible[data-v-93564a57]{opacity:1}.hud[data-v-93564a57]{pointer-events:none;position:absolute;inset:0}.hud[data-v-93564a57]>*{pointer-events:auto}.back[data-v-93564a57]{border-radius:var(--r-pill);background:var(--focus-yellow);height:45px;color:var(--text);letter-spacing:.02em;box-shadow:var(--shadow-press);transition:all var(--t-spring);border:2.5px solid #fff;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:700;display:flex;position:absolute;top:24px;left:24px}.back[data-v-93564a57]:hover{box-shadow:var(--shadow-press-hover);background:#ffd633;transform:translateY(-1px)}.back[data-v-93564a57]:active{box-shadow:var(--shadow-press-active);transform:translateY(2px)}.arrow[data-v-93564a57]{font-size:16px;line-height:1}.info-card[data-v-93564a57]{background:var(--bg-1);border:3px solid var(--border);width:310px;box-shadow:var(--shadow-card), 0 6px 0 0 #bdaea080;border-radius:32px 28px 36px 30px/30px 36px 28px 32px;position:absolute;top:24px;right:24px;overflow:hidden}.info-head[data-v-93564a57]{border-bottom:2.5px dashed var(--border);grid-template-rows:auto auto;grid-template-columns:60px 1fr;align-items:center;gap:4px 14px;padding:20px 18px 16px;display:grid}.z-num[data-v-93564a57]{text-align:center;color:var(--text-head);border:2px solid var(--border);background:#fffdf5;border-radius:14px;grid-row:1/span 2;padding:6px 0 10px;font-size:12px;font-weight:800;box-shadow:0 2px #d4c9b4}.symbol[data-v-93564a57]{letter-spacing:0;color:var(--accent);text-align:center;grid-column:1;margin-top:-4px;font-family:Zen Maru Gothic,Nunito,sans-serif;font-size:38px;font-weight:900;line-height:1}.meta[data-v-93564a57]{grid-area:1/2/span 2}.name[data-v-93564a57]{color:var(--text-head);font-family:Zen Maru Gothic,Nunito,sans-serif;font-size:19px;font-weight:800}.cat[data-v-93564a57]{color:var(--text-dim);margin-top:2px;font-size:12px;font-weight:600}.rows[data-v-93564a57]{border-bottom:2.5px dashed var(--border);padding:14px 18px}.row[data-v-93564a57]{justify-content:space-between;padding:5px 0;font-size:13px;font-weight:600;display:flex}.row span[data-v-93564a57]{color:var(--text-dim)}.row b[data-v-93564a57]{color:var(--text-head);font-weight:800}.compounds[data-v-93564a57]{flex-direction:column;gap:8px;padding:16px 18px 18px;display:flex}.section-title[data-v-93564a57]{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin-bottom:6px;font-size:11px;font-weight:800}.compound-btn[data-v-93564a57]{border-radius:var(--r-pill);border:2px solid var(--border);color:var(--text);text-align:left;transition:all var(--t-spring);background:#fffdf5;justify-content:space-between;align-items:center;padding:10px 16px;font-size:13px;font-weight:700;display:flex;box-shadow:0 3px #d4c9b4}.compound-btn[data-v-93564a57]:hover{background:var(--accent-soft);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px #11a89b}.compound-btn[data-v-93564a57]:active{transform:translateY(2px);box-shadow:0 1px #11a89b}.compound-btn.active[data-v-93564a57]{background:var(--accent);border-color:var(--accent-active);color:#fff;box-shadow:0 3px 0 0 var(--accent-active)}.compound-btn.active .cname[data-v-93564a57]{color:#ffffffd9}.formula[data-v-93564a57]{font-weight:800}.cname[data-v-93564a57]{color:var(--text-dim);font-size:12px;font-weight:600}.empty[data-v-93564a57]{color:var(--text-dim);padding:12px 18px 18px;font-size:12px;font-style:italic;font-weight:600}.view-tag[data-v-93564a57]{background:var(--bg-1);border:2.5px solid var(--border);border-radius:var(--r-pill);color:var(--text);letter-spacing:.5px;box-shadow:var(--shadow-press);align-items:center;gap:10px;padding:10px 22px;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.view-tag .dot[data-v-93564a57]{background:var(--success);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite pulse-93564a57;box-shadow:0 0 0 2px #6fba2c40}@keyframes pulse-93564a57{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}