:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}.periodic-table-container[data-v-6f285aeb]{border:1px solid #ccc;padding:20px;margin-bottom:20px;background-color:#f9f9f9;overflow-x:auto}.periodic-table-grid[data-v-6f285aeb]{display:inline-grid;grid-template-columns:repeat(18,minmax(60px,1fr));grid-template-rows:repeat(7,minmax(60px,1fr));gap:4px;min-width:1152px;margin:0 auto;padding-bottom:10px}.element-tile[data-v-6f285aeb]{border:1px solid #aaa;background-color:#fff;padding:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s,transform .2s;min-height:60px;text-align:center;font-size:.9em}.element-tile[data-v-6f285aeb]:hover{background-color:#e0e0e0;transform:scale(1.05);z-index:1;position:relative}.atomic-number[data-v-6f285aeb]{font-size:.7em;align-self:flex-start;margin-left:2px;opacity:.7}.symbol[data-v-6f285aeb]{font-size:1.2em;font-weight:700;margin:2px 0}.name[data-v-6f285aeb]{font-size:.65em;word-break:break-word;line-height:1.1}.placeholder[data-v-6f285aeb]{font-size:.8em;color:#bbb;display:flex;align-items:center;justify-content:center}.atom-visualizer-container[data-v-176622d4]{width:100%;height:100%;position:relative}.atom-visualizer-container h2[data-v-176622d4]{display:none}.atom-visualizer-container>div[data-v-176622d4]{width:100%;height:100%;background-color:#000;position:absolute;top:0;left:0;overflow:hidden}[data-v-176622d4] canvas{display:block}.atom-visualizer-container p[data-v-176622d4]{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#ccc;background-color:#00000080;padding:5px 10px;border-radius:4px;z-index:10;text-align:center}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;width:100%;overflow:hidden;font-family:sans-serif}#app-container[data-v-856076a5]{position:relative;width:100%;height:100%;background-color:#000;overflow:hidden}.atom-visualizer-main[data-v-856076a5]{width:100%;height:100%;position:absolute;top:0;left:0}.panel-toggle-btn[data-v-856076a5]{position:fixed;top:20px;left:20px;right:auto;z-index:1002;background-color:#fffc;border:1px solid #ccc;border-radius:4px;padding:8px 12px;cursor:pointer;font-size:20px;line-height:1}.panel-toggle-btn[data-v-856076a5]:hover{background-color:#fff}.floating-panel[data-v-856076a5]{position:fixed;top:60px;left:20px;width:auto;max-width:90vw;max-height:calc(100vh - 70px);background-color:transparent;z-index:1001;display:flex;flex-direction:column;overflow:hidden}.panel-content[data-v-856076a5]{overflow-y:auto;padding:5px;flex-grow:1}.fade-enter-active[data-v-856076a5],.fade-leave-active[data-v-856076a5]{transition:opacity .3s ease}.fade-enter-from[data-v-856076a5],.fade-leave-to[data-v-856076a5]{opacity:0}[data-v-856076a5] .periodic-table-container{transform:none;transform-origin:initial;margin-bottom:0;border:none;background-color:transparent;padding:0}[data-v-856076a5] .periodic-table-grid{grid-template-columns:repeat(18,minmax(45px,1fr));grid-template-rows:repeat(7,minmax(45px,1fr));gap:2px;min-width:auto}[data-v-856076a5] .element-tile{min-height:45px;font-size:.7em}[data-v-856076a5] .element-tile .symbol{font-size:1em}[data-v-856076a5] .element-tile .name{font-size:.55em}