.periodic-table-container[data-v-f69f2087]{cursor:grab;position:absolute;touch-action:none}.periodic-table-container[data-v-f69f2087]:active{cursor:grabbing}.periodic-table[data-v-f69f2087]{display:grid;gap:3px;grid-template-columns:repeat(18,minmax(40px,55px));grid-template-rows:repeat(10,minmax(40px,55px));padding:8px}.element-tile[data-v-f69f2087]{align-items:center;border-radius:3px;color:#333;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:3px;position:relative;transition:transform .1s,box-shadow .1s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.element-tile[data-v-f69f2087]:hover{box-shadow:0 4px 8px #0003;transform:scale(1.1);z-index:10}.element-number[data-v-f69f2087]{font-size:9px;left:2px;position:absolute;top:2px}.element-symbol[data-v-f69f2087]{font-size:18px;font-weight:700}.element-sample-count[data-v-f69f2087]{background-color:#0003;border-radius:3px;bottom:2px;color:#fff;font-size:9px;font-weight:700;line-height:1.2;padding:0 3px;position:absolute;right:2px}.element-tooltip[data-v-f69f2087]{background-color:#fffffff2;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px #0003;font-size:12px;min-width:150px;padding:8px 12px;position:fixed;text-align:left;z-index:1000}.select-button[data-v-f69f2087]{background-color:#e0e0e0;border:1px solid #a0a0a0;border-radius:3px;color:#333;cursor:pointer;font-size:10px;padding:3px 8px;transition:background-color .2s,border-color .2s}.select-button[data-v-f69f2087]:hover{background-color:#d0d0d0;border-color:#888}.alkali-metal[data-v-f69f2087]{background-color:#ff8a8a}.alkaline-earth-metal[data-v-f69f2087]{background-color:#ffdead}.transition-metal[data-v-f69f2087]{background-color:#e8e8e8}.post-transition-metal[data-v-f69f2087]{background-color:#ccc}.metalloid[data-v-f69f2087]{background-color:#cc9}.diatomic-nonmetal[data-v-f69f2087],.polyatomic-nonmetal[data-v-f69f2087]{background-color:#a1ffa1}.noble-gas[data-v-f69f2087]{background-color:#c1e1ff}.lanthanide[data-v-f69f2087]{background-color:#ffbfff}.actinide[data-v-f69f2087]{background-color:#f9c}.unknown[data-v-f69f2087]{background-color:#e8e8e8}.dark .element-tile[data-v-f69f2087],:root.dark .element-tile[data-v-f69f2087]{color:#f0f0f0}.dark .element-sample-count[data-v-f69f2087],:root.dark .element-sample-count[data-v-f69f2087]{background-color:#ffffff4d;color:#1a1a1a}.dark .element-tooltip[data-v-f69f2087],:root.dark .element-tooltip[data-v-f69f2087]{background-color:#282828f2;border-color:#555;color:#f0f0f0}.dark .select-button[data-v-f69f2087],:root.dark .select-button[data-v-f69f2087]{background-color:#555;border-color:#777;color:#f0f0f0}.dark .select-button[data-v-f69f2087]:hover,:root.dark .select-button[data-v-f69f2087]:hover{background-color:#666;border-color:#888}.dark .alkali-metal[data-v-f69f2087],:root.dark .alkali-metal[data-v-f69f2087]{background-color:#a83232}.dark .alkaline-earth-metal[data-v-f69f2087],:root.dark .alkaline-earth-metal[data-v-f69f2087]{background-color:#a57a45}.dark .transition-metal[data-v-f69f2087],:root.dark .transition-metal[data-v-f69f2087]{background-color:#757575}.dark .post-transition-metal[data-v-f69f2087],:root.dark .post-transition-metal[data-v-f69f2087]{background-color:#666}.dark .metalloid[data-v-f69f2087],:root.dark .metalloid[data-v-f69f2087]{background-color:#7d7d4a}.dark .diatomic-nonmetal[data-v-f69f2087],.dark .polyatomic-nonmetal[data-v-f69f2087],:root.dark .diatomic-nonmetal[data-v-f69f2087],:root.dark .polyatomic-nonmetal[data-v-f69f2087]{background-color:#3c8c3c}.dark .noble-gas[data-v-f69f2087],:root.dark .noble-gas[data-v-f69f2087]{background-color:#5282b3}.dark .lanthanide[data-v-f69f2087],:root.dark .lanthanide[data-v-f69f2087]{background-color:#a15ea1}.dark .actinide[data-v-f69f2087],:root.dark .actinide[data-v-f69f2087]{background-color:#a14d74}.dark .unknown[data-v-f69f2087],:root.dark .unknown[data-v-f69f2087]{background-color:#616161}@media (max-width:768px){.periodic-table[data-v-f69f2087]{gap:2px;grid-template-columns:repeat(18,minmax(40px,50px));grid-template-rows:repeat(10,minmax(40px,50px))}.element-number[data-v-f69f2087]{font-size:8px}.element-symbol[data-v-f69f2087]{font-size:16px}}.element-tile.selected[data-v-f69f2087]{box-shadow:0 0 0 3px #007bff4d;outline:2px solid #007bff;outline-offset:-2px}.dark .element-tile.selected[data-v-f69f2087],:root.dark .element-tile.selected[data-v-f69f2087]{box-shadow:0 0 0 3px #4caaff4d;outline-color:#4caaff}.element-tile.excluded[data-v-f69f2087]{box-shadow:0 0 0 3px #ef44444d;outline:2px solid #ef4444;outline-offset:-2px}.dark .element-tile.excluded[data-v-f69f2087],:root.dark .element-tile.excluded[data-v-f69f2087]{box-shadow:0 0 0 3px #f872724d;outline-color:#f87171}.action-button[data-v-f69f2087]{border:1px solid;border-radius:4px;cursor:pointer;font-size:11px;padding:3px 10px;transition:background-color .2s,border-color .2s}.include-button[data-v-f69f2087]{background-color:#eff6ff;border-color:#3b82f6;color:#2563eb}.include-button[data-v-f69f2087]:hover{background-color:#dbeafe}.dark .include-button[data-v-f69f2087]{background-color:#1e3a8a;border-color:#60a5fa;color:#93c5fd}.dark .include-button[data-v-f69f2087]:hover{background-color:#1e40af}.exclude-button[data-v-f69f2087]{background-color:#fee2e2;border-color:#ef4444;color:#dc2626}.exclude-button[data-v-f69f2087]:hover{background-color:#fecaca}.dark .exclude-button[data-v-f69f2087]{background-color:#7f1d1d;border-color:#f87171;color:#fca5a5}.dark .exclude-button[data-v-f69f2087]:hover{background-color:#991b1b}.selected-element-tag[data-v-285e72e4]{align-items:center;background-color:#e0e0e0;border-radius:12px;box-shadow:0 1px 2px #0000001a;color:#333;display:inline-flex;font-size:12px;font-weight:500;padding:3px 8px;transition:background-color .2s}.remove-button[data-v-285e72e4]{background:none;border:none;color:inherit;cursor:pointer;font-size:14px;line-height:1;margin-left:6px;opacity:.7;padding:0;transition:opacity .2s}.remove-button[data-v-285e72e4]:hover{opacity:1}.alkali-metal[data-v-285e72e4]{background-color:#ff8a8a}.alkaline-earth-metal[data-v-285e72e4]{background-color:#ffdead}.transition-metal[data-v-285e72e4]{background-color:#e8e8e8}.post-transition-metal[data-v-285e72e4]{background-color:#ccc}.metalloid[data-v-285e72e4]{background-color:#cc9}.diatomic-nonmetal[data-v-285e72e4],.polyatomic-nonmetal[data-v-285e72e4]{background-color:#a1ffa1}.noble-gas[data-v-285e72e4]{background-color:#c1e1ff}.lanthanide[data-v-285e72e4]{background-color:#ffbfff}.actinide[data-v-285e72e4]{background-color:#f9c}.unknown[data-v-285e72e4]{background-color:#e8e8e8}.dark .selected-element-tag[data-v-285e72e4],:root.dark .selected-element-tag[data-v-285e72e4]{color:#f0f0f0}.dark .alkali-metal[data-v-285e72e4],:root.dark .alkali-metal[data-v-285e72e4]{background-color:#a83232}.dark .alkaline-earth-metal[data-v-285e72e4],:root.dark .alkaline-earth-metal[data-v-285e72e4]{background-color:#a57a45}.dark .transition-metal[data-v-285e72e4],:root.dark .transition-metal[data-v-285e72e4]{background-color:#757575}.dark .post-transition-metal[data-v-285e72e4],:root.dark .post-transition-metal[data-v-285e72e4]{background-color:#666}.dark .metalloid[data-v-285e72e4],:root.dark .metalloid[data-v-285e72e4]{background-color:#7d7d4a}.dark .diatomic-nonmetal[data-v-285e72e4],.dark .polyatomic-nonmetal[data-v-285e72e4],:root.dark .diatomic-nonmetal[data-v-285e72e4],:root.dark .polyatomic-nonmetal[data-v-285e72e4]{background-color:#3c8c3c}.dark .noble-gas[data-v-285e72e4],:root.dark .noble-gas[data-v-285e72e4]{background-color:#5282b3}.dark .lanthanide[data-v-285e72e4],:root.dark .lanthanide[data-v-285e72e4]{background-color:#a15ea1}.dark .actinide[data-v-285e72e4],:root.dark .actinide[data-v-285e72e4]{background-color:#a14d74}.dark .unknown[data-v-285e72e4],:root.dark .unknown[data-v-285e72e4]{background-color:#616161}.dark .remove-button[data-v-285e72e4],:root.dark .remove-button[data-v-285e72e4]{color:#f0f0f0}.excluded-tag[data-v-285e72e4]{opacity:.8;text-decoration:line-through;text-decoration-color:#dc2626b3}.dark .excluded-tag[data-v-285e72e4]{text-decoration-color:#f87272b3}.scrollbar-hide[data-v-d57e8c5b]::-webkit-scrollbar{display:none}.scrollbar-hide[data-v-d57e8c5b]{-ms-overflow-style:none;scrollbar-width:none}.overflow-x-auto[data-v-d57e8c5b]::-webkit-scrollbar{height:6px}.overflow-x-auto[data-v-d57e8c5b]::-webkit-scrollbar-track{background:#f1f1f1;dark:background-gray-700;border-radius:3px}.overflow-x-auto[data-v-d57e8c5b]::-webkit-scrollbar-thumb{background:#c1c1c1;dark:background-gray-500;border-radius:3px}.overflow-x-auto[data-v-d57e8c5b]::-webkit-scrollbar-thumb:hover{background:#a8a8a8;dark:background-gray-400}.sample-card[data-v-3b39a15a]{flex-shrink:0}.scrollbar-hide[data-v-3b39a15a]::-webkit-scrollbar{display:none}.scrollbar-hide[data-v-3b39a15a]{-ms-overflow-style:none;scrollbar-width:none}