@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--bg-color:#f9f9f9;--text-color:#333;--toolbar-bg:#ffffffd1;--toolbar-border:#0f172a1a;--toolbar-muted:#0f172a80;--toolbar-surface:#ffffffad;--toolbar-surface-strong:#ffffffeb;--shadow:0 18px 50px #0f172a1f;--accent:#2b70f5;--accent-light:#2b70f51a;--danger:#d9485f}@media (prefers-color-scheme:dark){:root{--bg-color:#121212;--text-color:#fff;--toolbar-bg:#18181bd1;--toolbar-border:#ffffff1f;--toolbar-muted:#ffffff8f;--toolbar-surface:#27272ac7;--toolbar-surface-strong:#3f3f46f5;--shadow:0 8px 32px #00000080;--accent:#6eb7ff;--accent-light:#6eb7ff1a;--danger:#ff6b81}}body{background-color:var(--bg-color);color:var(--text-color);margin:0;font-family:Inter,sans-serif;overflow:hidden}.toolbar{background:var(--toolbar-bg);-webkit-backdrop-filter:blur(18px)saturate(1.3);border:1px solid var(--toolbar-border);box-shadow:var(--shadow);z-index:100;border-radius:22px;flex-wrap:nowrap;justify-content:center;align-items:center;gap:.6rem;width:max-content;max-width:calc(100vw - 2rem);padding:.7rem .8rem;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}@media (width<=768px){.toolbar{-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:18px;flex-wrap:nowrap;justify-content:flex-start;width:95vw;padding:.5rem;bottom:1rem;overflow-x:auto}.toolbar::-webkit-scrollbar{display:none}.toolbar-chip-row{flex-wrap:nowrap;justify-content:flex-start}}.toolbar-section{flex-direction:row;align-items:center;min-width:0;display:flex}.toolbar-chip-row{flex-wrap:nowrap;align-items:center;gap:.45rem;display:flex}.toolbar-divider{background:linear-gradient(180deg, transparent, var(--toolbar-border), transparent);align-self:stretch;width:1px}.tool-btn{background:var(--toolbar-surface);cursor:pointer;letter-spacing:-.01em;width:44px;height:44px;color:var(--text-color);box-sizing:border-box;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:.92rem;font-weight:600;transition:background .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s;display:flex;box-shadow:inset 0 1px #fff3}.tool-btn:hover{background:var(--toolbar-surface-strong);border-color:var(--toolbar-border);transform:translateY(-1px)}.tool-btn.active{background:color-mix(in srgb, var(--accent) 16%, var(--toolbar-surface-strong));border-color:color-mix(in srgb, var(--accent) 32%, var(--toolbar-border));color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent)}.tool-btn-secondary{background:var(--toolbar-surface);border-color:#0000}.tool-btn-recent{color:var(--accent)}.tool-btn-danger{color:var(--danger)}.tool-btn-danger:hover{border-color:color-mix(in srgb, var(--danger) 28%, var(--toolbar-border));background:color-mix(in srgb, var(--danger) 10%, var(--toolbar-surface-strong))}.tool-btn:disabled{opacity:.45;cursor:default;transform:none}.toolbar-popover{z-index:1000;position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%)}.toolbar-popover-table{width:max-content;max-width:min(95vw,1000px)}:root{--periodic-size:clamp(18px, 3.6vw, 29px);--periodic-gap:2px;--periodic-font:clamp(.7rem, 1.3vw, .9rem)}.periodic-table-container{grid-template-columns:repeat(18, var(--periodic-size));gap:var(--periodic-gap);background:var(--toolbar-bg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);border:1px solid var(--toolbar-border);border-radius:12px;max-width:98vw;padding:.75rem;display:grid;overflow-x:auto}.periodic-element-btn{width:var(--periodic-size);height:var(--periodic-size);color:var(--text-color);border:1px solid var(--toolbar-border);font-family:inherit;font-weight:600;font-size:var(--periodic-font);cursor:pointer;box-sizing:border-box;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:transform .1s,background .2s;display:flex}.periodic-element-btn.active{color:#fff}.menu-dropdown{background:var(--toolbar-bg);-webkit-backdrop-filter:blur(18px)saturate(1.3);border:1px solid var(--toolbar-border);width:220px;box-shadow:var(--shadow);z-index:1001;border-radius:12px;flex-direction:column;gap:.25rem;padding:.75rem;animation:.2s ease-out menuFadeIn;display:flex;position:absolute;top:3.5rem;left:0}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-item{cursor:pointer;color:var(--text-color);-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:.75rem;padding:.6rem .75rem;transition:background .2s;display:flex}.menu-item:hover{background:var(--accent-light)}.menu-item input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--accent)}.menu-header{opacity:.4;text-transform:uppercase;letter-spacing:.05em;padding:.4rem .75rem;font-size:.75rem;font-weight:700}.menu-btn{background:var(--toolbar-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--toolbar-border);cursor:pointer;width:32px;height:32px;box-shadow:var(--shadow);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:0;transition:all .2s;display:flex}.menu-btn:hover{background:var(--toolbar-surface);transform:translateY(-1px)}.menu-btn span{background:var(--text-color);border-radius:1px;width:16px;height:2px;display:block}.brand-bubble{z-index:1000;background:var(--toolbar-bg);-webkit-backdrop-filter:blur(18px)saturate(1.3);border:1px solid var(--toolbar-border);box-sizing:border-box;height:48px;box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:.75rem;padding:0 1rem 0 .5rem;display:flex;position:fixed;top:1.5rem;left:1.5rem}.brand-bubble .menu-btn{background:var(--toolbar-surface);box-shadow:none;border:1px solid #0000}.brand-bubble .menu-btn:hover{background:var(--toolbar-surface-strong)}.brand-bubble .menu-dropdown{width:220px;top:calc(100% + .75rem);left:0}.toolbar-popover-menu{border:1px solid var(--toolbar-border);background:var(--toolbar-bg);-webkit-backdrop-filter:blur(22px)saturate(1.4);min-width:260px;box-shadow:var(--shadow);border-radius:18px;padding:.9rem}.toolbar-menu-label{text-transform:uppercase;letter-spacing:.08em;color:var(--toolbar-muted);margin-bottom:.8rem;padding:0 .4rem;font-size:.7rem;font-weight:700;display:block}.toolbar-template-list{flex-direction:column;gap:.35rem;display:flex}.toolbar-template-item{background:var(--toolbar-surface);cursor:pointer;text-align:left;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:flex-start;padding:.7rem .9rem;transition:all .2s;display:flex}.toolbar-template-item:hover{background:var(--toolbar-surface-strong);border-color:var(--toolbar-border);transform:translate(2px)}.toolbar-template-item.is-active{background:var(--accent-light);border-color:var(--accent)}.toolbar-template-title{color:var(--text-color);font-size:.9rem;font-weight:600}.toolbar-template-meta{color:var(--toolbar-muted);margin-top:.1rem;font-size:.72rem}.ad-container{background:var(--toolbar-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--toolbar-border);width:180px;box-shadow:var(--shadow);z-index:50;border-radius:12px;flex-direction:column;gap:.5rem;padding:1rem;display:flex;position:fixed;bottom:8rem;left:2rem}.ad-label{text-transform:uppercase;letter-spacing:.5px;opacity:.5;font-size:.75rem;font-weight:600}.ad-text{font-size:.9rem;font-weight:500}.ad-link{color:var(--accent);font-size:.9rem;font-weight:600;text-decoration:none}.intelligence-panel-container{z-index:1005;flex-direction:column;align-items:flex-end;gap:.5rem;display:flex;position:fixed;top:1.5rem;right:1.5rem}.intelligence-panel{background:var(--toolbar-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--toolbar-border);width:260px;box-shadow:var(--shadow);border-radius:16px;flex-direction:column;max-height:calc(100vh - 8rem);padding:0;animation:.2s ease-out menuFadeIn;display:flex;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden}.intelligence-panel-header{box-sizing:border-box;border-bottom:1px solid var(--toolbar-border);justify-content:space-between;align-items:center;width:100%;height:48px;padding:0 1rem;display:flex}.intelligence-panel-content{flex-direction:column;gap:.75rem;padding:1rem;display:flex;overflow-y:auto}.intelligence-panel-collapsed{background:var(--toolbar-bg);-webkit-backdrop-filter:blur(18px)saturate(1.3);border:1px solid var(--toolbar-border);width:260px;height:48px;box-shadow:var(--shadow);color:var(--text-color);cursor:pointer;box-sizing:border-box;border-radius:16px;justify-content:space-between;align-items:center;padding:0 1rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.intelligence-panel-collapsed:hover{background:var(--toolbar-surface-strong);transform:translateY(-1px)}.search-bar-container{z-index:1100;flex-direction:column;gap:.75rem;width:calc(100% - 600px);min-width:300px;max-width:380px;display:flex;position:fixed;top:1.5rem;left:50%;transform:translate(-50%)}.search-input{border:1px solid var(--toolbar-border);background:var(--toolbar-bg);-webkit-backdrop-filter:blur(24px);width:100%;height:48px;color:var(--text-color);box-shadow:var(--shadow);box-sizing:border-box;border-radius:30px;outline:none;padding:0 1.25rem;font-size:1.05rem;transition:border-color .2s}.search-input:focus{border-color:var(--accent)}.brand-logo-container{align-items:center;gap:.75rem;display:flex}@media (width<=1024px){.brand-title{display:none!important}.brand-bubble{gap:0;justify-content:center!important;width:48px!important;min-width:48px!important;padding:0!important}.brand-logo-wrapper{display:none!important}.intelligence-panel-collapsed{border-radius:16px!important;justify-content:center!important;width:48px!important;height:48px!important;padding:0!important}.intelligence-panel-collapsed .collapsed-text{display:none}.intelligence-panel-collapsed svg{margin:0!important}.search-bar-container{width:calc(100% - 12rem)}}@media (width<=768px){.search-bar-container{width:calc(100% - 8rem);min-width:unset}.intelligence-panel-container{top:1rem;right:1rem}.brand-bubble{top:1rem;left:1rem}.search-bar-container>div:last-child{max-height:50vh;overflow-y:auto}}