:root{--bg-color: #fdfbf7;--element-bg: #f5efe6;--element-hover: #ebe0d0;--text-primary: #2c2420;--text-secondary: #5d544f;--text-muted: #9ca3af;--text-highlight: #78350f;--border-color: rgba(0, 0, 0, .06);--modal-bg-glass: rgba(255, 255, 255, .92);--modal-text-main: #1a1a1a;--modal-text-sub: #8e8e93;--p-grad: linear-gradient(135deg, #ff5f6d 0%, #ffc371 100%);--e-grad: linear-gradient(135deg, #2193b0 0%, #6dd5ed 100%);--n-grad: linear-gradient(135deg, #bdc3c7 0%, #2c3e50 100%);--brand-glow: linear-gradient(135deg, #00d2ff 0%, #92fe9d 100%);--premium-grad: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--tm-mark-color: rgba(70, 70, 78, .46);--ion-anim-play-state: running;--global-nav-scale: 1;--font-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;--segment-track-bg: rgba(0, 0, 0, .04);--segment-active-bg: #ffffff;--segment-text: #444444;--segment-text-hover: #000000;--segment-text-active: #1d1d1f;--segment-active-shadow: 0 1px 3px rgba(0, 0, 0, .1);--cat-alkali-bg: #ffcccc;--cat-alkali-fg: #5d2e2e;--cat-alkaline-bg: #ffe5cc;--cat-alkaline-fg: #5d402e;--cat-transition-bg: #fff2cc;--cat-transition-fg: #5d522e;--cat-post-bg: #d9e2f3;--cat-post-fg: #2e3a5d;--cat-metalloid-bg: #d1e7dd;--cat-metalloid-fg: #2e5d4b;--cat-other-bg: #e2f0d9;--cat-other-fg: #3a5d2e;--cat-halogen-bg: #ffffcc;--cat-halogen-fg: #5d5d2e;--cat-noble-bg: #e0ccff;--cat-noble-fg: #4b2e5d;--cat-lanthanide-bg: #fce4d6;--cat-lanthanide-fg: #5d3a2e;--cat-actinide-bg: #fddddd;--cat-actinide-fg: #5d2e2e;--cat-unknown-bg: #e0e0e0;--cat-unknown-fg: #666666;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.16, 1, .3, 1);--ease-snappy: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.55, 0, 1, .45);--dur-instant: .12s;--dur-fast: .18s;--dur-normal: .28s;--dur-slow: .4s;--dur-morph: .5s;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--shadow-lg: 0 8px 32px rgba(0,0,0,.1);--shadow-xl: 0 16px 48px rgba(0,0,0,.12);--hover-scale: 1.03;--press-scale: .97;--hover-shadow: var(--shadow-md)}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}html{background-color:var(--bg-color);overscroll-behavior:none}body{background-color:transparent;color:var(--text-primary);font-family:var(--font-sans);height:100dvh;width:100vw;overflow-x:auto;overflow-y:hidden;overscroll-behavior:none;padding:0;margin:0}html[lang=ar]{font-size:106.25%}html[lang=ar] body,html[lang=ar] button,html[lang=ar] input,html[lang=ar] textarea,html[lang=ar] select{font-family:"Noto Naskh Arabic","Geeza Pro",Tahoma,var(--font-sans)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.blank-page{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-color);z-index:2000;display:none;align-items:flex-start;justify-content:center;padding-top:60px}.blank-page.active{display:flex}#ions-table.ions-table-pending{display:grid;place-items:center;width:100%;min-width:0;height:calc(100vh - 120px);min-height:280px;max-height:none;aspect-ratio:auto}.ions-loading{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:.9rem;font-weight:600}.ions-loading-spinner{width:18px;height:18px;box-sizing:border-box;border:2px solid color-mix(in srgb,currentColor 24%,transparent);border-top-color:currentColor;border-radius:50%;animation:ions-loading-spin .7s linear infinite}@keyframes ions-loading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ions-loading-spinner{animation-duration:1.4s}}.blank-page-content{width:100%;height:100%;padding:40px;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto}#main-container{height:100%;min-width:1280px;padding:80px 20px 20px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden;box-sizing:border-box}@media(max-width:1149px){#main-container{width:100vw;min-width:0;padding-top:72px;align-items:flex-start;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin}#main-container::-webkit-scrollbar{height:6px}#main-container::-webkit-scrollbar-thumb{background:#2c242038;border-radius:999px}}.worksheet-generator-page{padding-top:40px}.global-nav{position:fixed;top:12px;left:12px;width:calc(100% - 24px);height:calc(56px * var(--global-nav-scale));background:#ffffffb8;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);z-index:10000;display:flex;align-items:center;gap:calc(12px * var(--global-nav-scale));justify-content:space-between;border-radius:calc(28px * var(--global-nav-scale));border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 24px #0000000f,0 1px 2px #0000000a;padding:0 calc(20px * var(--global-nav-scale));transition:height var(--dur-normal) var(--ease-smooth),padding var(--dur-normal) var(--ease-smooth),top var(--dur-normal) var(--ease-smooth),border-radius var(--dur-normal) var(--ease-smooth),left var(--dur-normal) var(--ease-smooth),width var(--dur-normal) var(--ease-smooth)}@media(max-height:700px){.ions-container{padding-top:70px}.ion-element .name{display:none!important}}@media(max-height:500px){.ion-element{min-height:35px}}.nav-brand-section{display:flex;align-items:center;justify-content:flex-start;gap:calc(10px * var(--global-nav-scale));flex:1;min-width:0}.nav-logo-link{display:flex;align-items:center;text-decoration:none}.nav-logo{width:calc(32px * var(--global-nav-scale));height:calc(32px * var(--global-nav-scale));transition:transform .3s ease}.nav-logo-link:hover .nav-logo{transform:scale(1.1) rotate(-5deg)}.nav-brand{display:flex;align-items:center;font-size:calc(1.25rem * var(--global-nav-scale));font-weight:700;color:#1d1d1f;text-decoration:none;letter-spacing:-.02em;white-space:nowrap;transition:all .2s ease}.nav-brand:hover{opacity:.7}.brand-with-tm{position:relative;display:inline-block}.brand-with-tm:after{content:"TM";position:absolute;top:0;right:0;transform:translate(112%,-24%);font-size:clamp(7px,.16em,10px);font-weight:700;letter-spacing:.04em;color:var(--tm-mark-color);line-height:1}.nav-center-group{display:flex;align-items:center;gap:calc(10px * var(--global-nav-scale));flex-shrink:0}.global-nav-pill{display:flex;justify-content:center;gap:calc(4px * var(--global-nav-scale));background:var(--segment-track-bg);padding:calc(4px * var(--global-nav-scale));border-radius:calc(22px * var(--global-nav-scale));flex-shrink:0;position:relative}.nav-pill-slider{position:absolute;top:calc(4px * var(--global-nav-scale));left:0;height:calc(100% - (8px * var(--global-nav-scale)));border-radius:calc(18px * var(--global-nav-scale));background:var(--segment-active-bg);box-shadow:var(--segment-active-shadow);transition:transform var(--dur-normal) var(--ease-spring),width var(--dur-normal) var(--ease-spring);z-index:0;pointer-events:none}.nav-pill-btn{padding:calc(8px * var(--global-nav-scale)) calc(20px * var(--global-nav-scale));border:none;border-radius:calc(18px * var(--global-nav-scale));background:transparent;color:var(--segment-text);font-size:calc(.9rem * var(--global-nav-scale));font-weight:600;line-height:1.05;cursor:pointer;transition:color var(--dur-fast) var(--ease-snappy),transform var(--dur-fast) var(--ease-snappy);white-space:nowrap;position:relative;display:flex;align-items:center;justify-content:center;min-height:calc(36px * var(--global-nav-scale));min-width:calc(74px * var(--global-nav-scale));text-align:center;z-index:1}.nav-pill-btn:hover:not(.active){color:var(--segment-text-hover)}.nav-pill-btn.active{color:var(--segment-text-active)}.nav-pill-btn:active{transform:scale(var(--press-scale))}.playground-nav-menu{position:relative;z-index:2;display:flex}.playground-nav-popover{position:absolute;top:calc(100% + (10px * var(--global-nav-scale)));left:50%;display:grid;gap:calc(8px * var(--global-nav-scale));width:calc(190px * var(--global-nav-scale));padding:calc(6px * var(--global-nav-scale));border:1px solid rgba(0,0,0,.09);border-radius:calc(16px * var(--global-nav-scale));background:#fff;box-shadow:0 12px 32px #1d1d1f24,0 2px 8px #1d1d1f0f;opacity:0;pointer-events:none;transform:translate(-50%,calc(-5px * var(--global-nav-scale)));transition:opacity var(--dur-fast) var(--ease-snappy),transform var(--dur-fast) var(--ease-snappy)}.playground-nav-popover:before{position:absolute;right:0;bottom:100%;left:0;height:calc(12px * var(--global-nav-scale));content:""}.playground-nav-trigger[aria-expanded=true]+.playground-nav-popover{opacity:1;pointer-events:auto;transform:translate(-50%)}.playground-nav-popover button{width:100%;min-height:calc(38px * var(--global-nav-scale));padding:0 calc(12px * var(--global-nav-scale));border:0;border-radius:calc(10px * var(--global-nav-scale));background:transparent;color:#444;cursor:pointer;font:inherit;font-size:calc(.84rem * var(--global-nav-scale));font-weight:590;text-align:left}.playground-nav-popover button:hover,.playground-nav-popover button:focus-visible,.playground-nav-popover button.active{outline:none;color:#1d1d1f;background:#0000000e}html.dark-theme .playground-nav-popover{border-color:#ffffff1a;background:#232329;box-shadow:0 14px 36px #0000006b,0 2px 8px #0000003d}html.dark-theme .playground-nav-popover button{color:#aaa}html.dark-theme .playground-nav-popover button:hover,html.dark-theme .playground-nav-popover button:focus-visible,html.dark-theme .playground-nav-popover button.active{color:#fff;background:#ffffff14}.unit-setting-btn.active{color:var(--segment-text-active)!important}.sv-nav-pill-slider{position:absolute;top:4px;left:0;height:calc(100% - 8px);border-radius:18px;background:var(--segment-active-bg);box-shadow:var(--segment-active-shadow);opacity:0;z-index:0;pointer-events:none;transition:transform var(--dur-normal) var(--ease-spring),width var(--dur-normal) var(--ease-spring),opacity var(--dur-fast) var(--ease-smooth)}.nav-right-section{display:flex;align-items:center;justify-content:flex-end;gap:calc(12px * var(--global-nav-scale));flex:1;min-width:0}.nav-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:calc(34px * var(--global-nav-scale));height:calc(34px * var(--global-nav-scale));border:none;border-radius:50%;background:#0000000a;color:#555;cursor:pointer;box-shadow:var(--shadow-xs);transition:all var(--dur-fast) var(--ease-snappy);flex-shrink:0}.nav-theme-toggle:hover{color:#1d1d1f;background:#00000014;transform:scale(var(--hover-scale)) translateY(-1px);box-shadow:var(--shadow-sm)}.nav-theme-toggle:active{transform:scale(var(--press-scale))}.theme-icon-sun,.nav-theme-toggle.active .theme-icon-moon{display:none}.nav-theme-toggle.active .theme-icon-sun{display:block}.nav-discord-btn,.nav-coffee-btn,.nav-partner-btn{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:calc(34px * var(--global-nav-scale));max-width:calc(34px * var(--global-nav-scale));height:calc(34px * var(--global-nav-scale));padding:0 calc(9px * var(--global-nav-scale));border:none;border-radius:calc(17px * var(--global-nav-scale));cursor:pointer;box-sizing:border-box;box-shadow:var(--shadow-xs);transition:max-width var(--dur-slow) var(--ease-smooth),background var(--dur-normal) var(--ease-smooth),transform var(--dur-slow) var(--ease-spring),padding var(--dur-slow) var(--ease-smooth),box-shadow var(--dur-fast) var(--ease-snappy);flex-shrink:0;text-decoration:none;overflow:hidden;white-space:nowrap;will-change:max-width,transform;position:relative}.nav-discord-btn svg,.nav-coffee-btn svg,.nav-partner-btn svg{flex-shrink:0;width:calc(16px * var(--global-nav-scale));height:calc(16px * var(--global-nav-scale));display:block;margin:0}.nav-coffee-btn{background:#f59e0b26;color:#d97706}.nav-discord-btn{background:#5865f226;color:#5865f2}.nav-partner-btn{background:#8b5cf61c;color:#6d28d9;cursor:pointer}.nav-discord-btn:hover,.nav-coffee-btn:hover,.nav-partner-btn:hover{justify-content:flex-start;max-width:220px;transform:translateY(-1.5px) scale(var(--hover-scale));padding-left:calc(11px * var(--global-nav-scale));padding-right:calc(18px * var(--global-nav-scale));box-shadow:var(--shadow-sm)}.nav-coffee-btn:hover{background:#f59e0b40;color:#b45309}.nav-discord-btn:hover{background:#5865f240;color:#4752c4}.nav-partner-btn:hover{background:#8b5cf62e;color:#5b21b6}.nav-discord-btn:active,.nav-coffee-btn:active,.nav-partner-btn:active{transform:scale(var(--press-scale))}.nav-btn-text{font-size:calc(13.5px * var(--global-nav-scale));font-weight:600;margin-left:0;opacity:0;max-width:0;display:inline-block;overflow:hidden;transition:opacity var(--dur-normal) var(--ease-smooth),margin-left var(--dur-slow) var(--ease-smooth),max-width var(--dur-slow) var(--ease-smooth);vertical-align:middle;letter-spacing:-.01em}.nav-discord-btn:hover .nav-btn-text,.nav-coffee-btn:hover .nav-btn-text,.nav-partner-btn:hover .nav-btn-text{opacity:1;max-width:160px;margin-left:calc(9px * var(--global-nav-scale))}html.dark-theme .nav-coffee-btn{background:#fcd34d2e;color:#fcd34d}html.dark-theme .nav-coffee-btn:hover{background:#fcd34d47;color:#fde68a}html.dark-theme .nav-discord-btn{background:#7289da2e;color:#7289da}html.dark-theme .nav-discord-btn:hover{background:#7289da47;color:#9baef5}html.dark-theme .nav-partner-btn{background:#ede9fe29;color:#c4b5fd}html.dark-theme .nav-partner-btn:hover{background:#ede9fe3d;color:#ddd6fe}.lang-dropdown{position:relative;display:flex;align-items:center;flex-shrink:0}.lang-dropdown-toggle{display:flex;align-items:center;gap:calc(5px * var(--global-nav-scale));height:calc(34px * var(--global-nav-scale));padding:0 calc(14px * var(--global-nav-scale)) 0 calc(13px * var(--global-nav-scale));border:none;border-radius:calc(18px * var(--global-nav-scale));background:#0000000a;color:#555;font-size:calc(.85rem * var(--global-nav-scale));font-weight:600;cursor:pointer;box-shadow:var(--shadow-xs);transition:all var(--dur-fast) var(--ease-snappy);font-family:inherit;letter-spacing:-.01em}.lang-dropdown-toggle:hover{color:#1d1d1f;background:#00000012;box-shadow:var(--shadow-sm);transform:scale(var(--hover-scale))}.lang-dropdown-toggle:active{transform:scale(var(--press-scale));background:#00000017}.lang-dropdown.open .lang-dropdown-toggle{color:#1d1d1f;background:#00000012}.lang-globe-icon{color:currentColor;flex-shrink:0}.lang-chevron{color:currentColor;flex-shrink:0;transition:transform var(--dur-normal) var(--ease-spring),color var(--dur-fast) var(--ease-smooth)}.lang-dropdown.open .lang-chevron{transform:rotate(180deg);color:#374151}.lang-dropdown-menu{position:absolute;top:calc(100% + 16px);right:0;min-width:210px;max-width:min(320px,calc(100vw - 24px));background:linear-gradient(180deg,#fffffff0,#f8f8faed);border-radius:14px;border:1px solid rgba(0,0,0,.08);box-shadow:var(--shadow-xl);opacity:0;visibility:hidden;transform:translateY(-6px) scale(.97);transition:opacity var(--dur-normal) var(--ease-smooth),visibility var(--dur-normal) var(--ease-smooth),transform var(--dur-normal) var(--ease-spring);z-index:10002;padding:12px;display:flex;flex-direction:column;gap:8px;max-height:70vh;overflow-y:auto}.lang-dropdown-menu::-webkit-scrollbar{width:4px;background-color:transparent}.lang-dropdown-menu::-webkit-scrollbar-track{background-color:transparent;margin:12px 0}.lang-dropdown-menu::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.lang-dropdown-menu:hover::-webkit-scrollbar-thumb{background:#00000040}.lang-dropdown.open .lang-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.lang-option{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:44px;padding:12px 20px;border:none;border-radius:12px;background:none;text-align:left;font-size:15px;font-weight:550;color:#2f3136;cursor:pointer;transition:background var(--dur-fast) var(--ease-smooth),color var(--dur-fast) var(--ease-smooth);font-family:inherit;white-space:normal;position:relative;overflow:hidden;min-width:0;overflow-wrap:anywhere;line-height:1.18}.lang-option-label{display:block;max-width:100%;transform-origin:left center;transition:opacity var(--dur-fast) var(--ease-smooth),transform var(--dur-normal) var(--ease-spring)}.lang-option-native{opacity:1;transform:scale(1)}.lang-option-english{position:absolute;left:12px;right:12px;top:50%;opacity:0;pointer-events:none;transform:translateY(-50%) scale(.94)}.lang-option:hover{background:#0000000e;color:#15161a}.lang-option:hover .lang-option-native,.lang-option:focus-visible .lang-option-native{opacity:0;transform:scale(.94)}.lang-option:hover .lang-option-english,.lang-option:focus-visible .lang-option-english{opacity:1;transform:translateY(-50%) scale(1)}.lang-option:not(:last-child){margin-bottom:3px}.lang-option.active{background:#00000017;color:#111827;font-weight:650}.lang-option:focus-visible,.lang-dropdown-toggle:focus-visible{outline:2px solid rgba(0,0,0,.25);outline-offset:2px}.element-search-wrapper{position:relative;display:flex;align-items:center;max-width:calc(34px * var(--global-nav-scale));width:34px;height:calc(34px * var(--global-nav-scale));background:#0000000a;border-radius:calc(18px * var(--global-nav-scale));transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;flex-shrink:0}.element-search-wrapper:hover,.element-search-wrapper.expanded,.element-search-wrapper:focus-within{max-width:calc(200px * var(--global-nav-scale));width:calc(200px * var(--global-nav-scale));background:#ffffffd9;box-shadow:0 0 0 2px #007aff40;cursor:default}.element-search-icon{position:absolute;left:calc(10px * var(--global-nav-scale));pointer-events:none;color:#86868b;flex-shrink:0;transition:color .2s ease;z-index:2}.element-search-wrapper:hover .element-search-icon,.element-search-wrapper:focus-within .element-search-icon,.element-search-wrapper.expanded .element-search-icon{color:#007aff}.element-search-input{box-sizing:border-box;width:100%;height:100%;padding:0 calc(12px * var(--global-nav-scale)) 0 calc(34px * var(--global-nav-scale));border:none;background:transparent;font-size:calc(13px * var(--global-nav-scale));font-family:inherit;color:#1d1d1f;outline:none;opacity:0;transition:opacity .2s ease;pointer-events:none}.element-search-wrapper:hover .element-search-input,.element-search-wrapper.expanded .element-search-input,.element-search-wrapper:focus-within .element-search-input{opacity:1;pointer-events:auto}.element-search-input::placeholder{color:#86868b;font-weight:400}.element-search-input:focus{background:transparent;box-shadow:none}.element-search-results{position:absolute;top:calc(100% + 10px);right:0;width:280px;max-height:0;overflow:hidden;background:#fffffff7;backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border-radius:16px;border:1px solid rgba(255,255,255,.5);box-shadow:0 12px 40px #0000001f,0 4px 12px #0000000f,inset 0 0 0 .5px #fff6;opacity:0;transform:translateY(-6px) scale(.98);transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease,transform .25s cubic-bezier(.34,1.56,.64,1);z-index:10001;padding:0;pointer-events:none}.element-search-results.visible{max-height:400px;overflow-y:auto;opacity:1;transform:translateY(0) scale(1);padding:5px;pointer-events:auto}.element-search-results::-webkit-scrollbar{width:4px}.element-search-results::-webkit-scrollbar-thumb{background:#0000001f;border-radius:2px}.element-search-item{display:flex;align-items:center;gap:11px;padding:7px 10px;border-radius:11px;cursor:pointer;transition:background .15s ease,transform .15s ease;-webkit-user-select:none;user-select:none}.element-search-item:hover,.element-search-item.active{background:#0000000d}.element-search-item.active{background:#007aff14}.element-search-item-symbol{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;position:relative;flex-shrink:0;transition:background .3s ease,color .3s ease;box-shadow:0 1px 3px #0000000f}.element-search-item-symbol.cat-alkali-metal{background:var(--cat-alkali-bg);color:var(--cat-alkali-fg)}.element-search-item-symbol.cat-alkaline-earth-metal{background:var(--cat-alkaline-bg);color:var(--cat-alkaline-fg)}.element-search-item-symbol.cat-transition-metal{background:var(--cat-transition-bg);color:var(--cat-transition-fg)}.element-search-item-symbol.cat-post-transition-metal{background:var(--cat-post-bg);color:var(--cat-post-fg)}.element-search-item-symbol.cat-metalloid{background:var(--cat-metalloid-bg);color:var(--cat-metalloid-fg)}.element-search-item-symbol.cat-other-nonmetal,.element-search-item-symbol.cat-nonmetal{background:var(--cat-other-bg);color:var(--cat-other-fg)}.element-search-item-symbol.cat-halogen{background:var(--cat-halogen-bg);color:var(--cat-halogen-fg)}.element-search-item-symbol.cat-noble-gas{background:var(--cat-noble-bg);color:var(--cat-noble-fg)}.element-search-item-symbol.cat-lanthanide{background:var(--cat-lanthanide-bg);color:var(--cat-lanthanide-fg)}.element-search-item-symbol.cat-actinide{background:var(--cat-actinide-bg);color:var(--cat-actinide-fg)}.element-search-item-symbol.cat-unknown{background:var(--cat-unknown-bg);color:var(--cat-unknown-fg)}.element-search-item-number{position:absolute;top:3px;left:4px;font-size:8px;font-weight:800;color:currentColor;opacity:.8;line-height:1}.element-search-item-info{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.element-search-item-name{font-size:13.5px;font-weight:600;color:#1d1d1f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.element-search-item-mass{margin-left:auto;font-size:11.5px;font-weight:600;color:#86868b;opacity:.8;padding-left:10px}.element-search-item-name mark{background:#fff3bf;color:#000;border-radius:2px;padding:0 1px}.element-search-item-detail{font-size:11px;color:#86868b;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.element-search-empty{padding:20px 12px;text-align:center;font-size:13px;color:#86868b}.nav-github-link{display:flex;align-items:center;justify-content:center;color:#1d1d1f;opacity:.5;transition:all .25s ease;flex-shrink:0}.nav-github-link:hover{opacity:1;transform:scale(1.1)}body.hide-nav .global-nav{transform:translate(-50%,-150%)!important;opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.16,1,.3,1)}body.hide-nav .auth-container{transform:translateY(-150%)!important;opacity:0;pointer-events:none}body.hide-nav .floating-about-btn{transform:translateY(150%)!important;opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.16,1,.3,1)}#settings-page.active~.floating-about-btn{transform:translateY(150%);opacity:0;pointer-events:none}.copyright-notice{position:fixed;bottom:12px;left:24px;font-size:11px;font-weight:500;color:var(--text-secondary);opacity:.45;z-index:9998;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:.02em;transition:opacity .3s ease}.copyright-author{display:block}.copyright-official-site{display:none;margin-top:4px}body.hide-nav .copyright-notice{opacity:0}#settings-page.active~.copyright-notice,#sponsor-page.active~.copyright-notice,#blank-page-2.active~.copyright-notice{opacity:0}#blank-page-1.active~.copyright-notice .copyright-author{display:none}#blank-page-1.active~.copyright-notice .copyright-official-site{display:block}.version-dropdown{position:relative;flex-shrink:0}.version-dropdown-toggle{display:flex;align-items:center;gap:calc(5px * var(--global-nav-scale));padding:calc(7px * var(--global-nav-scale)) calc(14px * var(--global-nav-scale)) calc(7px * var(--global-nav-scale)) calc(13px * var(--global-nav-scale));border:none;border-radius:calc(18px * var(--global-nav-scale));background:#0000000a;color:#555;font-size:calc(.82rem * var(--global-nav-scale));font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.25,.46,.45,.94);white-space:nowrap;font-family:inherit;letter-spacing:-.01em;box-shadow:0 .5px 1px #0000000a}.version-dropdown-toggle:hover{color:#1d1d1f;background:#00000012;box-shadow:0 1px 3px #00000014}.version-dropdown-toggle:active{transform:scale(.96);background:#00000017}.version-chevron{transition:transform .3s cubic-bezier(.34,1.56,.64,1);opacity:.45;margin-top:1px}.version-dropdown.open .version-chevron{transform:rotate(180deg);opacity:.7}.version-dropdown-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-8px) scale(.92);min-width:calc(100% + 16px);background:linear-gradient(180deg,#fffffff0,#f8f8faed);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(0,0,0,.08);border-radius:14px;box-shadow:0 14px 38px #00000024,0 4px 12px #00000014;padding:6px;opacity:0;visibility:hidden;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.34,1.56,.64,1),visibility .2s;z-index:10001}.version-dropdown.open .version-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%) translateY(0) scale(1)}.version-dropdown-option{display:block;width:100%;padding:calc(8px * var(--global-nav-scale)) calc(14px * var(--global-nav-scale));border:none;border-radius:10px;background:transparent;color:#bbb;font-size:calc(.82rem * var(--global-nav-scale));font-weight:600;cursor:default;transition:all .15s ease;white-space:nowrap;text-align:center;font-family:inherit;letter-spacing:-.01em}.version-dropdown-option:hover{background:#00000008;color:#aaa}.version-dropdown-option:active{background:#0000001a}@media(max-width:1500px){:root{--global-nav-scale: .94}}@media(max-width:1360px){:root{--global-nav-scale: .88}}.periodic-table.version-switching-out{animation:versionFadeOut .3s ease forwards}.periodic-table.version-switching-in{animation:versionFadeIn .35s ease forwards}@keyframes versionFadeOut{0%{opacity:1;transform:scale(1);filter:blur(0)}to{opacity:0;transform:scale(.98);filter:blur(4px)}}@keyframes versionFadeIn{0%{opacity:0;transform:scale(.98);filter:blur(4px)}to{opacity:1;transform:scale(1);filter:blur(0)}}body.hide-nav .version-dropdown{display:none}.desktop-only-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-color);z-index:999999;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.desktop-only-content{background:linear-gradient(135deg,#ffffffe6,#fff9);border:1px solid rgba(0,0,0,.03);box-shadow:0 4px 12px #00000005,inset 0 2px 4px #fffc;padding:3rem 2.5rem;border-radius:24px;max-width:440px;box-shadow:0 20px 40px #0000000f,0 1px 3px #0000000a;display:flex;flex-direction:column;align-items:center}.desktop-only-icon{width:64px;height:64px;color:#1d1d1f;margin-bottom:1.5rem;opacity:.85}.desktop-only-title{font-size:1.6rem;font-weight:700;color:#1d1d1f;margin-bottom:1rem;letter-spacing:-.02em}.desktop-only-text{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.desktop-only-btn{background:#1d1d1f;color:#fff;border:none;padding:14px 28px;border-radius:20px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #00000026}.desktop-only-btn:hover{transform:scale(1.05);box-shadow:0 6px 16px #0003}.desktop-only-btn:active{transform:scale(.95)}.nav-hide-brand .nav-brand{display:none!important}@media(max-width:1100px){.preview-header{flex-wrap:wrap;gap:8px;justify-content:center}.preview-tabs,.export-buttons{justify-content:center}}#settings-page{--settings-card-bg: rgba(255, 255, 255, .72);--settings-card-border: rgba(0, 0, 0, .06);--settings-soft-bg: rgba(0, 0, 0, .035);--settings-shadow: 0 16px 44px rgba(20, 20, 35, .08);--settings-top-card-h: 260px;--settings-content-min-height: 700px;box-sizing:border-box;padding:76px 32px 28px;overflow-x:hidden;overflow-y:auto}#settings-page:before,#settings-page:after{content:"";position:absolute;inset:auto;pointer-events:none;z-index:-1}#settings-page:before{width:50vw;height:50vw;left:18vw;top:8vh;background:radial-gradient(circle,rgba(102,126,234,.1),transparent 68%);filter:blur(72px)}#settings-page:after{width:42vw;height:42vw;right:8vw;bottom:0;background:radial-gradient(circle,rgba(16,185,129,.08),transparent 70%);filter:blur(72px)}.settings-viewport{width:min(100%,1380px);height:max(100%,var(--settings-content-min-height));margin:0 auto;display:grid;grid-template-columns:minmax(260px,.95fr) minmax(380px,1.35fr) minmax(300px,.95fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"sidebar main changelog";gap:22px;min-height:max(100%,var(--settings-content-min-height))}.sv-sidebar,.sv-main,.sv-changelog{min-width:0;min-height:0}.sv-sidebar,.sv-main{display:flex;flex-direction:column;gap:18px;align-self:stretch;height:100%}.sv-sidebar{grid-area:sidebar}.sv-main{grid-area:main}.sv-links-group{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:14px;flex:0 0 var(--settings-top-card-h);height:var(--settings-top-card-h);min-height:0}.sv-card,.sv-link-card,.sv-changelog{background:var(--settings-card-bg);border:1px solid var(--settings-card-border);border-radius:24px;box-shadow:var(--settings-shadow);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}.sv-card,.sv-changelog{padding:22px}.sv-card{display:flex;flex-direction:column;gap:18px}.sv-card-suggest{flex:1 1 auto}.sv-card-anim{flex:1 1 auto;min-height:190px;overflow:hidden}.sv-card-units{flex:0 0 auto;height:auto;min-height:var(--settings-top-card-h)}.sv-link-card{min-height:0;padding:16px 18px;display:flex;align-items:center;gap:16px;color:inherit;cursor:pointer;text-align:left;text-decoration:none;font:inherit;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}.sv-link-card:hover{background:#ffffffe6;transform:translateY(-1px)}.sv-link-card:active{transform:translateY(0) scale(.99)}.sv-link-card-icon,.sv-icon-circle{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto;background:#0000000b;color:var(--text-primary)}.sv-link-card-github .sv-link-card-icon{color:#24292f}.sv-link-card-coffee .sv-link-card-icon{background:#f59e0b1f;color:#d97706}.sv-link-card-about .sv-link-card-icon{background:#3b82f61f;color:#3b82f6}.sv-icon-purple{background:#8b5cf61f;color:#8b5cf6}.sv-unit-icon{background:#10b9811f;color:#059669}.sv-changelog-icon{background:#6366f11f;color:#6366f1}.sv-link-card-text{min-width:0;display:grid;gap:2px}.sv-link-card-title,.sv-card-icon-row h3,.sv-changelog-title{color:var(--text-primary);font-weight:700;letter-spacing:0}.sv-link-card-title{font-size:1rem}.sv-card-icon-row h3{font-size:1.08rem}.sv-changelog-title{font-size:1rem}.sv-link-card-desc,.sv-link-card-official{color:var(--text-muted);font-size:.84rem;font-weight:550;line-height:1.25}.sv-link-arrow{margin-left:auto;color:var(--text-muted);opacity:.45;flex:0 0 auto}.sv-card-icon-row{display:flex;align-items:center;gap:12px}.sv-anim-controls,.sv-unit-controls{display:flex;flex-direction:column;gap:18px}.sv-card-anim .sv-anim-controls{flex:1 1 auto;justify-content:space-around}.sv-anim-row,.sv-unit-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 18px}.sv-anim-label,.sv-unit-label{color:var(--text-primary);font-size:.94rem;font-weight:650;white-space:nowrap}.sv-speed-val{color:var(--text-muted);font-weight:500}.sv-play-btn{width:38px;height:38px;border-radius:12px;border:1px solid var(--settings-card-border);background:#ffffff94;color:var(--text-primary);display:grid;place-items:center;cursor:pointer}.sv-play-btn .icon-play{display:none}.sv-slider{width:min(100%,230px);height:5px;border-radius:999px;background:#00000017;appearance:none;-webkit-appearance:none}.sv-slider::-webkit-slider-thumb{width:16px;height:16px;border-radius:50%;background:#1d1d1f;box-shadow:0 1px 4px #0000003d;cursor:pointer;-webkit-appearance:none}.sv-slider::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:#1d1d1f;cursor:pointer}.sv-unit-pill{margin-left:auto;padding:4px;max-width:100%;background:var(--segment-track-bg);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.sv-nav-pill-slider{opacity:0}.sv-view-pill{min-width:148px}.sv-suggest-hint{margin:-4px 0 0;color:var(--text-secondary);font-size:.92rem;line-height:1.45}.sv-suggest-chips{display:flex;flex-wrap:wrap;gap:7px}.sv-chip{padding:6px 12px;border:1px solid rgba(0,0,0,.08);border-radius:999px;background:#00000009;color:var(--text-secondary);font:inherit;font-size:.82rem;cursor:pointer}.sv-chip:hover{background:#00000012}.sv-suggest-row{position:relative;display:flex;flex:1 1 auto;min-height:0}.sv-suggest-input{width:100%;height:auto;min-height:0;padding:14px 16px 70px;border:1px solid transparent;border-radius:14px;background:var(--settings-soft-bg);color:var(--text-primary);font:inherit;font-size:.95rem;line-height:1.55;resize:none;outline:none}.sv-suggest-input:focus{border-color:#8b5cf680;background:#ffffffb8}.sv-suggest-actions-bottom{position:absolute;left:16px;right:16px;bottom:16px;display:flex;align-items:center;gap:10px;pointer-events:none}.sv-suggest-actions-bottom>*{pointer-events:auto}.sv-suggest-status{margin-right:auto;color:var(--text-muted);font-size:.84rem;font-weight:600}#open-user-inbox-btn{width:36px;height:36px;border-radius:10px}.sv-suggest-send{min-width:96px;height:40px;padding:0 20px;border:0;border-radius:999px;background:#1d1d1f;color:#fff;cursor:pointer;font:inherit;font-weight:700;position:relative;overflow:hidden;box-shadow:0 8px 18px #00000029}.sv-suggest-send:after{content:"";position:absolute;inset:0;background:#10b981;transform:scaleX(0);transform-origin:left;transition:transform 1.1s ease;z-index:1}.sv-suggest-send.loading:after,.sv-suggest-send.success:after{transform:scaleX(1)}.sv-send-content-default,.sv-send-content-success{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:8px}.sv-send-content-success{position:absolute;inset:0;opacity:0}.sv-suggest-send.success .sv-send-content-default{opacity:0}.sv-suggest-send.success .sv-send-content-success{opacity:1}.sv-suggest-send.error{background:#e74c3c}.sv-changelog{grid-area:changelog;height:100%;overflow:hidden;display:flex;flex-direction:column;gap:16px}.sv-changelog-list{flex:1;min-height:0;overflow:auto;padding-right:8px;display:flex;flex-direction:column;gap:16px}.sv-changelog-list::-webkit-scrollbar{width:3px}.sv-changelog-list::-webkit-scrollbar-thumb{background:#00000024;border-radius:999px}.changelog-entry{padding-bottom:14px;border-bottom:1px solid rgba(0,0,0,.07)}.changelog-entry:last-child{padding-bottom:0;border-bottom:0}.changelog-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.changelog-version{padding:3px 10px;border-radius:7px;background:#0000000b;color:var(--text-primary);font-weight:800;font-size:.9rem}.changelog-date{color:var(--text-muted);font-size:.84rem;font-weight:600}.changelog-items{margin:0;padding:0;list-style:none;display:grid;gap:6px}.changelog-items li{position:relative;padding-left:14px;color:var(--text-secondary);font-size:.92rem;line-height:1.5}.changelog-items li:before{content:"·";position:absolute;left:0;color:var(--text-muted);font-weight:800}.sv-sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid rgba(0,0,0,.06);display:flex;gap:12px;align-items:center}.sv-footer-discord,.sv-footer-x,.sv-footer-reddit{width:48px;height:38px;border-radius:999px;display:grid;place-items:center;color:#fff;text-decoration:none;line-height:0;transition:transform .18s ease}.sv-footer-discord:hover,.sv-footer-x:hover,.sv-footer-reddit:hover{transform:translateY(-1px)}.sv-footer-discord{background:#5865f2}.sv-footer-x{background:#111}.sv-footer-reddit{background:#ff4500}body.reduce-motion *{animation-duration:.001ms!important;transition-duration:.001ms!important}@media(max-width:1180px){#settings-page{--settings-top-card-h: 230px;overflow-x:hidden;overflow-y:auto;padding:72px 20px 24px}.settings-viewport{grid-template-columns:minmax(220px,.9fr) minmax(320px,1.25fr) minmax(250px,.85fr);grid-template-areas:"sidebar main changelog";gap:16px;align-items:stretch}.sv-card,.sv-changelog{padding:18px}.sv-link-card{padding:12px 14px}}@media(max-width:900px){#settings-page{padding:70px 14px 20px}.settings-viewport{grid-template-columns:minmax(0,1fr) minmax(230px,.75fr);grid-template-areas:"main sidebar";gap:14px}.sv-changelog{display:none}}@media(max-width:760px){.settings-viewport{grid-template-columns:1fr;grid-template-areas:"main"}.sv-sidebar{display:none}.sv-unit-row{align-items:stretch;flex-direction:column}.sv-unit-pill{width:100%;margin-left:0}.sv-unit-pill .nav-pill-btn{flex:1 1 0;min-width:0}}@media(pointer:coarse){.global-nav{backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%)}.element-search-results{backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);background:#ffffffe6}.lang-dropdown-menu,.version-dropdown-menu{backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);background:#ffffffeb}.nav-theme-toggle,.lang-dropdown-toggle,.version-dropdown-toggle,.eit-property-trigger,.eit-reset-btn{transition:background-color .15s ease,color .15s ease}}html.zp-lite-mode{scroll-behavior:auto}html.zp-lite-mode .global-nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 1px 6px #00000014!important}html.zp-lite-mode .element-search-results,html.zp-lite-mode .lang-dropdown-menu,html.zp-lite-mode .version-dropdown-menu{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 8px 18px #00000014!important}html.zp-lite-mode .nav-pill-btn:hover,html.zp-lite-mode .sv-link-card:hover{transform:none!important}html.zp-lite-mode .sv-card,html.zp-lite-mode .sv-changelog{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 4px 14px #0000000f!important}html.zp-lite-mode *,html.zp-lite-mode *:before,html.zp-lite-mode *:after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.bloom-picker-wrapper{display:flex;justify-content:flex-end;align-items:center;width:auto;margin:0}.picker-container{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--container-gap, 12px);width:100%;height:100%}.bloom-wrapper{position:relative;width:var(--core-size, 50px);height:var(--core-size, 50px);flex-shrink:0;contain:layout;touch-action:none;z-index:99}.picker-circle-btn{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(0,0,0,.12);cursor:pointer;background-color:var(--active-color, #F5B81E);box-shadow:inset 0 2px 4px #fff3,0 2px 4px #0000000d;z-index:3;will-change:transform,opacity,background-color;transition:background-color .25s ease-out,transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease}html.dark-theme .picker-circle-btn{border-color:#ffffff26}.picker-circle-btn:hover{transform:scale(1.1)}.picker-circle-btn:active{transform:scale(.95)}.preview-circle{position:absolute;top:50%;left:50%;width:var(--preview-size, 280px);height:var(--preview-size, 280px);transform:translate(-50%,-50%) scale(.18);opacity:0;pointer-events:none;border-radius:50%;background-color:var(--active-color, #F5B81E);box-shadow:0 8px 28px #0000001a;z-index:1;will-change:transform,opacity,filter,background-color;transition:background-color .25s ease-out}.preview-overlay{position:absolute;inset:var(--overlay-inset, 20px);border-radius:50%;background-color:#e9eaeccc;box-shadow:inset 0 4px 18px #00000005,inset 0 -4px 18px #ffffff26}.petals-container{position:absolute;inset:0;z-index:2;pointer-events:none;contain:layout style}.petal{position:absolute;top:50%;left:50%;width:var(--petal-size, 54px);height:var(--petal-size, 54px);margin-left:calc(-.5 * var(--petal-size, 54px));margin-top:calc(-.5 * var(--petal-size, 54px));border-radius:50%;border:1px solid rgba(255,255,255,.2);padding:0;cursor:pointer;pointer-events:auto;box-shadow:inset 0 2px 5px #ffffff4d,0 4px 12px #0000000d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);will-change:transform,opacity,filter,border-color,box-shadow;transform:translate(0) scale(0);opacity:0;transition:box-shadow .2s,border-color .2s}.petal.loaded{opacity:.88}.slider-svg{position:absolute;top:50%;left:50%;width:var(--slider-svg-size, 360px);height:var(--slider-svg-size, 360px);margin-top:calc(-.5 * var(--slider-svg-size, 360px));margin-left:calc(-.5 * var(--slider-svg-size, 360px));z-index:0;overflow:visible;pointer-events:none;transform:scale(.3);opacity:0;will-change:transform,opacity,filter}.slider-track{stroke-linecap:round;transition:stroke .25s ease-out;pointer-events:auto;cursor:pointer}.slider-track-glow{stroke:color-mix(in srgb,color-mix(in srgb,var(--active-color, #F5B81E),#000 30%) 14%,transparent);stroke-linecap:round;transition:stroke .25s ease-out;pointer-events:auto;cursor:pointer}.slider-handle-group{cursor:grab;touch-action:none;pointer-events:auto}.slider-handle-group:active{cursor:grabbing}.slider-thumb-outer{filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}.slider-thumb-inner{transition:fill .25s ease-out}.hex-display-pill{display:flex;align-items:center;justify-content:space-between;background:#0000000b;color:var(--text-secondary, #666);border-radius:8px;font-weight:700;font-family:inherit;font-size:var(--pill-font-size, 13px);pointer-events:auto;overflow:hidden;height:var(--pill-height, 28px);width:var(--pill-width, 90px);padding-left:var(--pill-pad-left, 10px);padding-right:var(--pill-pad-right, 10px);will-change:width,padding,opacity,filter;transition:width .35s cubic-bezier(.34,1.56,.64,1),padding-left .35s cubic-bezier(.34,1.56,.64,1),padding-right .35s cubic-bezier(.34,1.56,.64,1),opacity .22s ease-out,background .2s ease,filter .22s ease-out}html.dark-theme .hex-display-pill{background:#ffffff1a;color:#fff}.hex-text{font-size:inherit;-webkit-user-select:none;user-select:none;line-height:1}.hex-input{width:var(--input-width, 60px);font-size:inherit;font-weight:700;letter-spacing:.5px;color:inherit;background:transparent;border:none;outline:none;font-family:inherit;line-height:1;padding:0}.hex-action-btn{background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-pencil{width:var(--pencil-size, 19px);height:var(--pencil-size, 19px);color:#9a9aa2;transition:color .15s}.hex-action-btn:hover .icon-pencil{color:#55555d}.icon-check-wrapper{display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#1a1a1a;width:var(--check-bg-size, 25px);height:var(--check-bg-size, 25px)}.icon-check{width:var(--check-icon-size, 14px);height:var(--check-icon-size, 14px)}.bloom-picker-global-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#ffffff0d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:99998;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.34,1.56,.64,1)}html.dark-theme .bloom-picker-global-backdrop{background:#0003}.bloom-picker-global-backdrop.show{opacity:1;pointer-events:auto}.picker-backdrop{position:fixed;top:-100vh;left:-100vw;width:300vw;height:300vh;background:#ffffff1a;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:90;opacity:0;pointer-events:none;transition:opacity .35s ease}html.dark-theme .picker-backdrop{background:#0003}.picker-container.open .picker-backdrop{opacity:1;pointer-events:auto}.periodic-table{--series-gap: 96px;display:grid;grid-template-columns:repeat(18,minmax(0,1fr));grid-template-rows:repeat(7,auto) var(--series-gap) repeat(2,auto);gap:calc(var(--tvmin, 1vmin) * .8);transition:opacity .3s ease;transform-origin:top center;box-sizing:border-box;padding:0;margin:0;width:1240px;position:relative;overflow:visible}.eit-controller{grid-column:2 / 18;grid-row:1;align-self:center;justify-self:stretch;z-index:200;pointer-events:auto;display:flex;align-items:center;gap:6px;padding:0 4px;position:relative;min-height:0}.eit-property-trigger{height:34px;border-radius:18px;border:none;background:#0000000a;color:#555;font-size:.85rem;font-weight:600;padding:0 14px 0 13px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;flex-shrink:0;font-family:inherit;letter-spacing:-.01em;box-shadow:var(--shadow-xs);transition:all var(--dur-fast) var(--ease-snappy)}.eit-property-trigger:hover{color:#1d1d1f;background:#00000012;box-shadow:var(--shadow-sm);transform:scale(var(--hover-scale))}.eit-property-trigger:active{transform:scale(var(--press-scale));background:#00000017}.eit-trigger-icon,.eit-trigger-prefix{display:none}.eit-current-property{color:inherit;font-weight:600;font-size:inherit}.eit-trigger-caret{opacity:.45;font-size:10px;line-height:1;transition:transform var(--dur-normal) var(--ease-spring)}.eit-slider-section{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.eit-slider-section[hidden]{display:none!important}.eit-slider-values{display:contents}.eit-slider-values span{font-size:.8rem;font-weight:700;color:#1d1d1f;white-space:nowrap;flex-shrink:0;letter-spacing:-.02em;background:#0000000a;padding:3px 8px;border-radius:10px;font-variant-numeric:tabular-nums;min-width:36px;text-align:center}.eit-dual-slider{position:relative;height:26px;flex:1;min-width:60px}.eit-slider-track,.eit-slider-fill{position:absolute;top:9px;left:0;right:0;height:8px;border-radius:999px}.eit-slider-track{background:#0000000f;box-shadow:inset 0 1px 2px #0000000f}.eit-slider-fill{left:0;right:auto;width:100%;background:linear-gradient(90deg,#86b8ea,#69d3c2,#e4cf67 60%,#da714e);box-shadow:var(--shadow-sm)}.eit-range-input{position:absolute;left:0;right:0;top:0;width:100%;height:26px;margin:0;pointer-events:none;-webkit-appearance:none;appearance:none;background:transparent}.eit-range-input::-webkit-slider-runnable-track{height:8px;background:transparent}.eit-range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;border:2.5px solid #fff;background:#1d1d1f;box-shadow:var(--shadow-sm);pointer-events:auto;cursor:ew-resize;margin-top:-5px;transition:transform var(--dur-fast) var(--ease-snappy),box-shadow var(--dur-fast) var(--ease-snappy)}.eit-range-input::-webkit-slider-thumb:hover{transform:scale(1.25);box-shadow:var(--shadow-md)}.eit-range-input::-webkit-slider-thumb:active{transform:scale(1.15);box-shadow:var(--shadow-sm)}.eit-range-input::-moz-range-track{height:8px;background:transparent}.eit-range-input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:2.5px solid #fff;background:#1d1d1f;box-shadow:var(--shadow-sm);pointer-events:auto;cursor:ew-resize;transition:transform var(--dur-fast) var(--ease-snappy),box-shadow var(--dur-fast) var(--ease-snappy)}.eit-range-input::-moz-range-thumb:hover{transform:scale(1.25);box-shadow:var(--shadow-md)}.eit-reset-btn{height:32px;border-radius:18px;border:none;background:#0000000a;color:#999;font-size:.82rem;font-weight:600;padding:0 14px;cursor:pointer;flex-shrink:0;white-space:nowrap;font-family:inherit;letter-spacing:-.01em;box-shadow:var(--shadow-xs);transition:all var(--dur-fast) var(--ease-snappy);display:inline-flex;align-items:center;justify-content:center}.eit-reset-btn:hover{color:#1d1d1f;background:#00000012;box-shadow:var(--shadow-sm);transform:scale(var(--hover-scale))}.eit-reset-btn:active{transform:scale(var(--press-scale))}.eit-bar{display:none}.eit-property-panel{position:absolute;top:calc(100% + 6px);left:0;display:flex;align-items:flex-start;gap:0;padding:8px;border-radius:14px;border:1px solid rgba(0,0,0,.08);background:linear-gradient(180deg,#fffffff0,#f8f8faed);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:var(--shadow-xl);opacity:0;pointer-events:none;z-index:500;white-space:nowrap;transform:translateY(-6px) scale(.96);transition:opacity var(--dur-normal) var(--ease-smooth),transform var(--dur-normal) var(--ease-spring)}.eit-property-panel[hidden]{display:flex!important;opacity:0;pointer-events:none;transform:translateY(-6px) scale(.96)}.eit-property-panel.eit-panel-visible{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.eit-panel-header,.eit-panel-title,.eit-panel-close{display:none}.eit-panel-body{display:flex;gap:0;padding:0}.eit-property-chips{display:flex;flex-direction:row;align-items:stretch;gap:8px}.eit-chip-group{display:flex;flex-direction:column;align-items:stretch;gap:2px;min-width:145px}.eit-chip-group-label{font-size:.62rem;font-weight:700;text-transform:uppercase;color:#718096;letter-spacing:.06em;padding:6px 8px 4px;-webkit-user-select:none;user-select:none}.eit-chip-list{display:flex;flex-direction:column;gap:3px;background:transparent;border-radius:0;padding:0;width:100%}.eit-chip-group-divider{width:1px;align-self:stretch;height:auto;background:#0000000f;margin:8px 0}.eit-chip{width:100%;height:32px;padding:0 10px;border-radius:7px;border:none;background:transparent;color:#2f3136;font-size:.83rem;font-weight:500;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0;font-family:inherit;transition:all var(--dur-fast) var(--ease-snappy)}.eit-chip:hover{background:#0000000e;color:#111827;transform:scale(var(--hover-scale))}.eit-chip:active{transform:scale(var(--press-scale))}.eit-chip.active{background:#000;color:#fff;font-weight:650}.eit-chip[data-property=category]{font-weight:550;color:#1d1d1f}.eit-chip[data-property=category]:not(.active){background:#00000009}.eit-chip[data-property=category].active{box-shadow:none;color:#fff}.eit-chip .eit-chip-unit{font-size:.7rem;font-weight:500;opacity:.45}.eit-chip.active .eit-chip-unit{opacity:.55}.eit-chip.active[data-has-units] .eit-chip-unit{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;cursor:pointer;opacity:.7}.eit-legend,.eit-legend-inline{display:none!important}.eit-divider{height:1px;background:#0000000a;margin:2px 0}.eit-property-note{font-size:.78rem;color:var(--text-muted, #9ca3af);font-weight:500;line-height:1.3}.eit-tip,.eit-field{display:none}.eit-field[hidden]{display:none!important}#periodic-table.has-eit #table-legend{grid-row:1 / 4}.element{background-color:var(--element-bg);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:calc(var(--tvmin, 1vmin) * .2);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-snappy),transform var(--dur-fast) var(--ease-snappy),box-shadow var(--dur-fast) var(--ease-snappy),border-color var(--dur-fast) var(--ease-snappy);border-radius:9px;position:relative;-webkit-user-select:none;user-select:none;border:1px solid var(--border-color);aspect-ratio:1;transform-origin:center center;container-type:inline-size}#periodic-table.eit-active .element{transition:opacity var(--dur-fast) var(--ease-snappy),filter var(--dur-fast) var(--ease-snappy),transform var(--dur-fast) var(--ease-snappy),box-shadow var(--dur-fast) var(--ease-snappy),background-color var(--dur-fast) var(--ease-snappy);contain:layout style;will-change:opacity,transform}#periodic-table.eit-active[data-eit-property] .element.eit-colored{background-color:var(--eit-cell-color)!important;background-image:none!important;border-color:color-mix(in srgb,var(--eit-cell-color) 68%,rgba(15,23,42,.28))!important;box-shadow:inset 0 0 0 1px #0f172a26}#periodic-table.eit-active[data-eit-property] .element.eit-colored .symbol,#periodic-table.eit-active[data-eit-property] .element.eit-colored .number,#periodic-table.eit-active[data-eit-property] .element.eit-colored .name,#periodic-table.eit-active[data-eit-property] .element.eit-colored .eit-cell-value{color:var(--eit-cell-text, #111827)!important}#periodic-table.eit-active[data-eit-property] .element.eit-colored .number,#periodic-table.eit-active[data-eit-property] .element.eit-colored .name,#periodic-table.eit-active[data-eit-property] .element.eit-colored .eit-cell-value{opacity:.76}.eit-cell-value{display:none}#periodic-table.eit-active .element:not(.range-block) .custom-cell-content1,#periodic-table.eit-active .element:not(.range-block) .custom-cell-content2{display:none!important}#periodic-table.eit-active .element:not(.range-block) .eit-cell-value{display:flex;align-items:baseline;justify-content:center;gap:.22em;max-width:94%;margin-top:.16em;overflow:hidden;white-space:nowrap;font-size:12.5cqi;font-weight:750;line-height:1.05;letter-spacing:-.025em;font-variant-numeric:tabular-nums}#periodic-table.eit-active .eit-cell-value-unit{overflow:hidden;text-overflow:ellipsis;font-size:.72em;font-weight:650;letter-spacing:-.02em}#periodic-table.eit-active .eit-cell-value.is-missing{opacity:.72;font-weight:650}#periodic-table.eit-active[data-eit-property] .element.eit-no-data{background-color:#f3f4f6!important;color:#6b7280!important;background-image:repeating-linear-gradient(-45deg,rgba(148,163,184,.13) 0,rgba(148,163,184,.13) 6px,transparent 6px,transparent 12px)}#periodic-table.eit-active[data-eit-property] .element.eit-no-data .symbol,#periodic-table.eit-active[data-eit-property] .element.eit-no-data .number,#periodic-table.eit-active[data-eit-property] .element.eit-no-data .name,#periodic-table.eit-active[data-eit-property] .element.eit-no-data .eit-cell-value{color:#6b7280}#periodic-table .element.eit-dimmed{opacity:.22;filter:grayscale(.65);transform:scale(.96)}#periodic-table.eit-active[data-eit-property] .element.eit-out-range{opacity:.34!important;filter:saturate(.42) brightness(1.12)!important;transform:scale(.9)!important;box-shadow:none!important}#periodic-table.eit-active[data-eit-property] .element.eit-out-range:hover{opacity:.46!important;filter:saturate(.55) brightness(1.08)!important;transform:scale(.93)!important}#periodic-table .element.eit-focus{opacity:1;filter:none;transform:scale(1.04);z-index:130;box-shadow:0 0 0 2px #0f172a33,0 8px 22px #0f172a26}#periodic-table .element.eit-no-data.eit-focus{opacity:.22;filter:grayscale(.65);transform:scale(.96);z-index:auto;box-shadow:none}#periodic-table.eit-active .element.eit-dimmed:hover{transform:scale(.96);box-shadow:none}@media(max-width:1320px){.eit-controller{gap:4px;padding:0 2px}.eit-property-trigger{height:28px;font-size:.75rem;padding:0 10px}.eit-reset-btn{height:26px;font-size:.72rem;padding:0 10px}.eit-chip,.eit-chip[data-property=category]{height:26px;padding:0 10px;font-size:.72rem}}.element:hover{background-color:var(--element-hover);transform:scale(var(--hover-scale));z-index:100;box-shadow:var(--hover-shadow);border-color:#0000001a}.element:active{transform:scale(var(--press-scale))}#periodic-table.eit-menu-open .element{opacity:.55;filter:saturate(.6) blur(2px);transform:scale(.96);transition:all var(--dur-normal) var(--ease-snappy)}#periodic-table.eit-menu-open .element:hover{opacity:1;filter:saturate(1) blur(0);transform:scale(var(--hover-scale))}#table-legend{grid-column:3 / 13;grid-row:1 / 4;display:grid;grid-template-columns:repeat(4,1fr);column-gap:8px;row-gap:6px;padding:10px 12px;pointer-events:auto;z-index:150;justify-content:center;align-self:center;justify-self:center;align-content:center;background:#ffffff73;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid rgba(255,255,255,.45);border-radius:18px;box-shadow:0 8px 32px #0000000a,0 1px 2px #00000005;transition:background .3s ease,border-color .3s ease}html.zp-lite-mode #table-legend{background:#fffffff2;backdrop-filter:none;-webkit-backdrop-filter:none}#table-legend.legend-compact{grid-template-columns:repeat(2,1fr)}.legend-item{display:flex;align-items:center;justify-content:flex-start;gap:5px;font-size:12px;font-weight:600;color:var(--text-secondary);background:#ffffffbf;border:none;box-shadow:inset 0 0 0 1px #0000001a;padding:0 8px;border-radius:10px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:default;pointer-events:auto;transition:transform .25s cubic-bezier(.23,1,.32,1),background .25s ease;white-space:nowrap;position:relative;z-index:200;box-sizing:border-box;height:19px}.legend-label{flex:1;min-width:0;pointer-events:none}.legend-item.alkaline-earth-marquee .legend-label,.legend-item.legend-marquee-item .legend-label{overflow:hidden}.legend-item.alkaline-earth-marquee .legend-label-text,.legend-item.legend-marquee-item .legend-label-text{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translate(0);transition:transform 1.1s linear;will-change:transform}.legend-item.alkaline-earth-marquee.marquee-overflow:hover .legend-label-text,.legend-item.legend-marquee-item.marquee-overflow:hover .legend-label-text{width:max-content;overflow:visible;text-overflow:clip;transform:translate(calc(-1 * var(--legend-marquee-shift, 0px)))}.legend-item.alkaline-earth-marquee.marquee-overflow:hover,.legend-item.legend-marquee-item.marquee-overflow:hover{transform:none}.legend-item.legend-wide-left{grid-column:1 / span 2}.legend-item.legend-wide-right{grid-column:3 / span 2}#table-legend.legend-compact .legend-item.legend-wide-left,#table-legend.legend-compact .legend-item.legend-wide-right{grid-column:auto}.legend-item:hover{transform:translateY(-2px);z-index:210;background:#ffffffe6;box-shadow:inset 0 0 0 1px #0003,0 4px 12px #00000014}.legend-item.active{background:#000;color:#fff;border-color:transparent;transform:scale(1.02);box-shadow:inset 0 0 0 1px #000,0 8px 24px #0000001f}.legend-item.active .legend-swatch{border-color:#ffffff4d}html.dark-theme .legend-item.active{background:#fff!important;color:#0f1115!important;box-shadow:inset 0 0 0 1px #fff,0 8px 24px #0000004d}html.dark-theme .legend-item.active .legend-swatch{border-color:#0000004d!important}html.dark-theme .eit-chip.active{background:#fff!important;color:#0f1115!important}html.dark-theme .eit-chip[data-property=category].active{color:#0f1115!important}.legend-item.ions-quick-access{background:linear-gradient(135deg,#f59e0b1a,#d977060d);border:1px solid rgba(245,158,11,.3);cursor:pointer;transition:all .25s cubic-bezier(.23,1,.32,1)}.legend-item.ions-quick-access:hover{background:linear-gradient(135deg,#f59e0b33,#d9770626);border-color:#f59e0b80;box-shadow:0 4px 12px #f59e0b26}.legend-swatch{width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.legend-swatch.alkali-metal{background-color:#fcc}.legend-swatch.alkaline-earth-metal{background-color:#ffe5cc}.legend-swatch.transition-metal{background-color:#fff2cc}.legend-swatch.post-transition-metal{background-color:#d9e2f3}.legend-swatch.metalloid{background-color:#d1e7dd}.legend-swatch.other-nonmetal,.legend-swatch.non-metal{background-color:#e2f0d9}.legend-swatch.halogen{background-color:#ffc}.legend-swatch.noble-gas{background-color:#e0ccff}.legend-swatch.lanthanide{background-color:#fce4d6}.legend-swatch.actinide{background-color:#fddddd}.element.alkali-metal{background-color:#fcc;color:#5d2e2e}.element.alkaline-earth,.element.alkaline-earth-metal{background-color:#ffe5cc;color:#5d402e}.element.transition-metal{background-color:#fff2cc;color:#5d522e}.element.post-transition-metal{background-color:#d9e2f3;color:#2e3a5d}.element.metalloid{background-color:#d1e7dd;color:#2e5d4b}.element.other-nonmetal,.element.non-metal,.element.polyatomic-nonmetal,.element.diatomic-nonmetal{background-color:#e2f0d9;color:#3a5d2e}.element.halogen{background-color:#ffc;color:#5d5d2e}.element.noble-gas{background-color:#e0ccff;color:#4b2e5d}.element.lanthanide{background-color:#fce4d6;color:#5d3a2e}.element.actinide{background-color:#fddddd;color:#5d2e2e}.element.unknown,.element.undefined{background-color:#e0e0e0;color:#666}.element:hover{filter:brightness(.95);transform:scale(var(--hover-scale));z-index:2;box-shadow:var(--hover-shadow)}#periodic-table.highlighting .element:not(.highlighted){opacity:.5;filter:grayscale(.2);transform:scale(.98);transition:opacity var(--dur-normal) var(--ease-smooth),filter var(--dur-normal) var(--ease-smooth),transform var(--dur-normal) var(--ease-smooth)}#periodic-table.highlighting .element.highlighted{transform:scale(var(--hover-scale));z-index:100;box-shadow:var(--hover-shadow);filter:brightness(1.1);border-color:#0003}.element .number{font-size:calc(var(--tvmin, 1vmin) * 1);font-size:14cqi;position:absolute;top:calc(var(--tvmin, 1vmin) * .75);left:calc(var(--tvmin, 1vmin) * .85);opacity:.5;font-weight:600}.element .symbol{font-size:calc(var(--tvmin, 1vmin) * 2.2);font-size:32cqi;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.element .name{font-size:calc(var(--tvmin, 1vmin) * .9);font-size:12.5cqi;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:95%;opacity:.7;font-weight:500;margin-top:.2vmin}.element .name.short-name{font-size:14.5cqi}.empty{pointer-events:none}.lanthanide,.actinide{background-color:#ebe5dc}#periodic-table.eit-active .element.range-block{background-color:#f3f4f6!important;color:#6b7280!important;background-image:repeating-linear-gradient(-45deg,rgba(148,163,184,.13) 0,rgba(148,163,184,.13) 6px,transparent 6px,transparent 12px);border-color:#0000000a!important;opacity:.22;filter:grayscale(.65);transform:scale(.96)}#periodic-table.eit-active .element.range-block .symbol,#periodic-table.eit-active .element.range-block .number,#periodic-table.eit-active .element.range-block .name{color:#6b7280}:lang(zh) .element .symbol,html[lang^=zh] .element .symbol{font-size:18cqi;font-weight:600;opacity:.65;order:2;margin-top:0;letter-spacing:0}:lang(zh) .legend-item,html[lang^=zh] .legend-item{font-size:13px}:lang(zh) .element .name,html[lang^=zh] .element .name{font-size:38cqi;font-weight:700;opacity:1;order:1;margin-top:0;max-width:100%;overflow:visible;text-overflow:clip;white-space:nowrap}:lang(zh) .element,html[lang^=zh] .element{flex-direction:column;justify-content:center;gap:0}@media(pointer:coarse){.element{transition:background-color var(--dur-instant) var(--ease-smooth),border-color var(--dur-instant) var(--ease-smooth);contain:layout style paint;will-change:auto}.element:hover{transform:none;box-shadow:none}#periodic-table.eit-menu-open .element{opacity:.3;filter:none;transform:scale(.97);transition:opacity var(--dur-fast) var(--ease-smooth),transform var(--dur-fast) var(--ease-smooth)}#periodic-table.eit-menu-open .element:hover{opacity:1;filter:none;transform:scale(1.02)}#periodic-table.eit-active .element{will-change:auto}.legend-item{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffffd6}.eit-property-panel{backdrop-filter:blur(12px) saturate(145%);-webkit-backdrop-filter:blur(12px) saturate(145%);background:#ffffffeb}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#c8c3be33;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;justify-content:center;align-items:center;z-index:3000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility .4s steps(1,end)}.modal-overlay.active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .4s ease,visibility 0s steps(1,start)}.modal-content{background:var(--modal-bg-glass);width:calc(100vw - clamp(10px,6vw,200px));min-width:800px;height:calc(100vh - clamp(16px,10vh,200px));max-width:1300px;max-height:750px;border-radius:32px;box-shadow:var(--shadow-xl);display:flex;overflow:hidden;transform:scale(.96);transition:all .5s cubic-bezier(.16,1,.3,1);border:1px solid rgba(0,0,0,.06);flex-shrink:0}html.zp-lite-mode .modal-overlay{background:#00000073!important}html.zp-lite-mode .modal-content{background:#fff!important;box-shadow:var(--shadow-lg)!important;transition-property:opacity,transform!important;transition-duration:var(--dur-normal)!important}html.zp-lite-mode.dark-theme .modal-content{background:#181820!important}html.zp-lite-mode .modal-content:hover{transform:none}.modal-content.welcome-redesign{background:#fff;border:none;box-shadow:var(--shadow-xl)}.modal-content.changelog-modal-content{background:#fff;border:none;box-shadow:var(--shadow-xl);flex-direction:column;align-items:center;justify-content:flex-start;position:relative}#feature-modal-content:has(.og-root) .og-root[data-active-filter=all]:not([data-active-type]){background:transparent!important}#feature-modal-content:has(.og-root) .og-root[data-active-filter=s],#feature-modal-content:has(.og-root) .og-root[data-active-type=s]{background:color-mix(in srgb,var(--s-c) 9%,#ffffff)!important}#feature-modal-content:has(.og-root) .og-root[data-active-filter=p],#feature-modal-content:has(.og-root) .og-root[data-active-type=p]{background:color-mix(in srgb,var(--p-c) 9%,#ffffff)!important}#feature-modal-content:has(.og-root) .og-root[data-active-filter=d],#feature-modal-content:has(.og-root) .og-root[data-active-type=d]{background:color-mix(in srgb,var(--d-c) 9%,#ffffff)!important}#feature-modal-content:has(.og-root) .og-root[data-active-filter=f],#feature-modal-content:has(.og-root) .og-root[data-active-type=f]{background:color-mix(in srgb,var(--f-c) 9%,#ffffff)!important}html.dark-theme #feature-modal-content:has(.og-root) .og-root[data-active-filter=s],html.dark-theme #feature-modal-content:has(.og-root) .og-root[data-active-type=s]{background:color-mix(in srgb,var(--s-c) 10%,#151821)!important}html.dark-theme #feature-modal-content:has(.og-root) .og-root[data-active-filter=p],html.dark-theme #feature-modal-content:has(.og-root) .og-root[data-active-type=p]{background:color-mix(in srgb,var(--p-c) 10%,#151821)!important}html.dark-theme #feature-modal-content:has(.og-root) .og-root[data-active-filter=d],html.dark-theme #feature-modal-content:has(.og-root) .og-root[data-active-type=d]{background:color-mix(in srgb,var(--d-c) 10%,#151821)!important}html.dark-theme #feature-modal-content:has(.og-root) .og-root[data-active-filter=f],html.dark-theme #feature-modal-content:has(.og-root) .og-root[data-active-type=f]{background:color-mix(in srgb,var(--f-c) 10%,#151821)!important}.changelog-card{display:flex;align-items:flex-start;gap:16px;padding:18px 20px;border-radius:16px;background:#fdfdfd;border:1px solid rgba(0,0,0,.05);transition:all var(--dur-normal) var(--ease-spring);box-shadow:var(--shadow-sm)}.changelog-card:hover{background:#fff;border-color:#6366f133;transform:translate(4px) scale(var(--hover-scale));box-shadow:var(--shadow-md)}.changelog-badge{flex-shrink:0;font-size:.65rem;font-weight:800;letter-spacing:.08em;padding:6px 10px;border-radius:8px;margin-top:2px}.badge-new{background:#10b9811a;color:#059669}.badge-data{background:#f59e0b1a;color:#d97706}.badge-perf{background:#6366f11a;color:#6366f1}.badge-ui{background:#ec48991a;color:#db2777}.changelog-card-content strong{display:block;font-size:.95rem;font-weight:700;color:#1d1d1f;margin-bottom:4px}.changelog-card-content p{font-size:.85rem;line-height:1.5;color:#6b7280;margin:0}.modal-overlay.active .modal-content{transform:scale(1)}.modal-top-buttons{position:absolute;top:20px;right:20px;display:flex;gap:8px;z-index:200}.modal-close{width:40px;height:40px;border:none;background:#0000000a;border-radius:50%;color:#4f5d75;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--dur-fast) var(--ease-snappy);font-size:1.4rem}.modal-close:hover{background:#000000d9;color:#fff;transform:scale(var(--hover-scale)) rotate(90deg)}.modal-close:active{transform:scale(var(--press-scale)) rotate(90deg)}.modal-back{width:40px;height:40px;border:none;background:#0000000a;border-radius:50%;color:#4f5d75;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--dur-fast) var(--ease-snappy);font-size:1.4rem}.modal-back:hover{background:#000000d9;color:#fff;transform:scale(var(--hover-scale))}.modal-back:active{transform:scale(var(--press-scale))}.modal-back svg{transition:transform var(--dur-normal) var(--ease-spring)}.modal-back:hover svg{transform:scale(.909)}.modal-back:active svg{transform:scale(1.087)}.modal-play-btn{position:absolute;bottom:20px;left:20px;z-index:200;overflow:hidden}.modal-play-btn:hover{background:#000000d9;color:#fff;transform:scale(var(--hover-scale))}.modal-play-btn:active{transform:scale(var(--press-scale))}.modal-play-btn .icon-play,.modal-play-btn .icon-pause{transition:opacity .2s ease}body.hide-nav .floating-ad-placeholder,#settings-page.active~.floating-ad-placeholder,#ions-page.active~.floating-ad-placeholder,#blank-page-1.active~.floating-ad-placeholder,#blank-page-2.active~.floating-ad-placeholder{opacity:0;pointer-events:none}.atom-config-pill-row{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.atom-config-pill{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 10px;border-radius:999px;background:var(--pill-bg, rgba(0, 0, 0, .06));font-family:Courier New,monospace;font-size:1.12rem;font-weight:600;line-height:1;box-shadow:inset 0 0 0 1px #fff3;transition:transform .16s ease,background-color .16s ease,filter .16s ease;will-change:transform}.atom-config-pill:hover{background:var(--pill-hover-bg, var(--pill-bg, rgba(0, 0, 0, .06)));filter:brightness(1.08) saturate(1.08);transform:scale(1.14)}.atom-config-pill.is-active{box-shadow:none}.atom-config-pill sup{font-size:.72em}.modal-help-btn{position:absolute;bottom:20px;right:20px;width:40px;height:40px;border:none;background:#0000000a;border-radius:50%;color:#4f5d75;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:1.4rem;font-weight:700;font-family:inherit;z-index:200;box-shadow:0 4px 12px #0000000d}.modal-help-btn:hover{background:#000000d9;color:#fff;box-shadow:0 6px 16px #00000026;transform:scale(1.1)}.modal-help-btn:active{transform:scale(.92)}.feature-help-overlay{position:absolute;inset:0;background:#fffffff2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;border-radius:inherit}.feature-help-overlay .modal-close{position:absolute;top:20px;right:20px}.feature-help-overlay .help-content{max-width:500px;text-align:left}.feature-help-overlay .help-content h3{font-size:1.4rem;color:#1e293b;margin-bottom:16px}.feature-help-overlay .help-content p{font-size:1rem;color:#64748b;line-height:1.6}.feature-help-overlay .help-content code{font-family:SF Mono,Monaco,Consolas,monospace;background:#0f172a0f;border-radius:8px;padding:2px 6px;color:#334155}.feature-help-overlay .help-content ul{margin:16px 0;padding-left:20px;color:#64748b}.feature-help-overlay .help-content li{margin-bottom:10px;line-height:1.6}.modal-info-pane{flex:0 0 480px;min-width:320px;height:100%;overflow-y:auto;overflow-x:hidden;padding-bottom:150px;scroll-behavior:smooth;scroll-snap-type:y proximity;position:relative;z-index:2;background:#fff}.modal-info-pane.no-scroll{overflow:hidden;padding-bottom:0}.elem-nav-btn{position:absolute;top:0;bottom:0;width:8vw;max-width:80px;min-width:44px;background:transparent;border:none;z-index:30;cursor:pointer;display:flex;align-items:center;pointer-events:auto;padding:0;margin:0}.elem-nav-prev{left:0;justify-content:flex-start}.elem-nav-next{right:0;justify-content:flex-end}.elem-nav-icon{width:32px;height:72px;background:#00000008;color:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease,transform .3s ease-out,background .2s ease,color .2s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 10px #0000000a}.elem-nav-prev .elem-nav-icon{border-radius:0 16px 16px 0;transform:translate(-20px) scale(.95)}.elem-nav-next .elem-nav-icon{border-radius:16px 0 0 16px;transform:translate(20px) scale(.95)}.elem-nav-btn:hover .elem-nav-icon{opacity:1;transform:translate(0) scale(1);background:#00000012;color:#000000b3;box-shadow:0 4px 14px #00000014}.elem-nav-btn:active .elem-nav-icon{transform:scale(.96)!important;background:#0000001f}.elem-nav-btn:disabled{display:none!important}.element-symbol,.element-number,.stock-ion,.iso-symbol,.not-sym,.not-mass,.not-num{font-family:Inter,sans-serif}.overview-row{display:grid;grid-template-areas:"charge type" "charge phase" "charge group";grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:12px;width:100%;margin-bottom:6px;padding-bottom:0}.simplified-element-box{padding:40px 40px 70px;display:grid;grid-template-rows:minmax(0,1fr);height:calc(100% - 100px);box-sizing:border-box;overflow-x:hidden;overflow-y:auto;position:relative;align-content:start;scrollbar-width:none;-ms-overflow-style:none}.simplified-element-box::-webkit-scrollbar{display:none}.cards-slider-wrapper{width:100%;height:100%;min-height:0;position:relative;border-radius:30px;overflow-x:hidden;overflow-y:visible;box-sizing:border-box;max-width:100%;user-select:none;-webkit-user-select:none}.cards-slider{display:flex;width:100%;height:100%;overflow-x:hidden;overflow-y:hidden;gap:20px;scrollbar-width:none;perspective:1200px;box-sizing:border-box;max-width:100%}.cards-slider::-webkit-scrollbar{display:none}.card-slide{width:100%;min-width:0;max-width:100%;height:100%;min-height:0;flex-shrink:0;scroll-snap-align:center;scroll-snap-stop:always;transform-style:preserve-3d;transform-origin:center center;will-change:transform;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.card-slide::-webkit-scrollbar{display:none}.green-rectangle,.yellow-rectangle,.blue-rectangle,.red-rectangle,.sand-rectangle{width:100%;height:100%;border-radius:30px;padding:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box;max-width:100%;min-width:0;background:#dbc59c;box-shadow:0 3px 8px #dbc59c66;position:relative}.green-rectangle::-webkit-scrollbar,.yellow-rectangle::-webkit-scrollbar,.blue-rectangle::-webkit-scrollbar,.red-rectangle::-webkit-scrollbar,.sand-rectangle::-webkit-scrollbar{display:none}.sand-rectangle{background:#c5b9d6;box-shadow:0 3px 8px #c5b9d666}.info-row.atom-3d-row{align-items:center;margin-bottom:14px}.atom-3d-cell{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;text-shadow:none;font-size:0}.atom-3d-shells{display:inline-flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.atom-3d-shell{appearance:none;border:none;width:32px;height:32px;border-radius:50%;font:700 .78rem/1 inherit;letter-spacing:.04em;background:#fff;color:#0f172aa6;cursor:pointer;transition:background .18s ease,color .18s ease,transform .1s ease,opacity .18s ease,box-shadow .18s ease;-webkit-user-select:none;user-select:none;box-shadow:0 1px 3px #0f172a1a}.atom-3d-shell:hover{background:#fff;color:#0f172af2;transform:scale(1.05)}.atom-3d-shell:active{transform:scale(.92)}.atom-3d-shell.active{background:#0f172a;color:#fff;box-shadow:0 3px 10px #0f172a47}.atom-3d-shell.disabled,.atom-3d-shell:disabled{opacity:.28;pointer-events:none;filter:grayscale(1)}.atom-3d-types{display:inline-flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.atom-3d-type{appearance:none;border:none;min-width:40px;height:32px;padding:0 14px;border-radius:10px;font:800 .82rem/1 inherit;letter-spacing:.06em;text-transform:uppercase;background:#fff;color:#0f172a99;cursor:pointer;transition:background .18s ease,color .18s ease,transform .1s ease,box-shadow .18s ease;-webkit-user-select:none;user-select:none;box-shadow:0 1px 3px #0f172a1a}.atom-3d-type:hover{background:#fff;color:#0f172ad9}.atom-3d-type:active{transform:scale(.96)}.atom-3d-type[data-sub=s].active{background:#8b5cf6;color:#fff;box-shadow:0 4px 14px #8b5cf659}.atom-3d-type[data-sub=p].active{background:#ef4444;color:#fff;box-shadow:0 4px 14px #ef444459}.atom-3d-type[data-sub=d].active{background:#3b82f6;color:#fff;box-shadow:0 4px 14px #3b82f659}.atom-3d-type[data-sub=f].active{background:#10b981;color:#fff;box-shadow:0 4px 14px #10b98159}.atom-3d-type:disabled,.atom-3d-type.disabled{opacity:.32;pointer-events:none;filter:grayscale(1)}.atom-3d-orientations{gap:8px;padding:14px 14px 16px;background:#ffffff47;border-radius:18px}.atom-3d-orientations>.info-label{text-align:center;margin-bottom:4px;opacity:.45}.atom-3d-orient-row{display:flex;flex-wrap:wrap;gap:6px;min-height:28px}.atom-3d-ori{appearance:none;border:none;height:26px;padding:0 10px;border-radius:8px;font:700 .72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em;background:#fff;color:#0f172a99;cursor:pointer;transition:background .18s ease,color .18s ease,transform .1s ease,box-shadow .18s ease;-webkit-user-select:none;user-select:none;box-shadow:0 1px 2px #0f172a14}.atom-3d-ori:hover{background:#fff;color:#0f172ae6}.atom-3d-ori:active{transform:scale(.94)}.atom-3d-orient-row[data-type=s] .atom-3d-ori.active{background:#8b5cf6;color:#fff;box-shadow:0 2px 8px #8b5cf666}.atom-3d-orient-row[data-type=p] .atom-3d-ori.active{background:#ef4444;color:#fff;box-shadow:0 2px 8px #ef444466}.atom-3d-orient-row[data-type=d] .atom-3d-ori.active{background:#3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f666}.atom-3d-orient-row[data-type=f] .atom-3d-ori.active{background:#10b981;color:#fff;box-shadow:0 2px 8px #10b98166}.atom-3d-ori:disabled,.atom-3d-ori.disabled{opacity:.3;pointer-events:none;filter:grayscale(1)}.atom-3d-surface{display:inline-flex;position:relative;padding:3px;border-radius:999px;background:var(--segment-track-bg);align-items:center;justify-content:flex-end;box-shadow:none}.atom-3d-surface-opt{appearance:none;border:none;background:transparent;position:relative;z-index:1;height:26px;padding:0 14px;border-radius:999px;font:700 .74rem/1 inherit;letter-spacing:.04em;color:var(--segment-text);cursor:pointer;transition:color .22s ease,transform .1s ease,background .22s ease,box-shadow .22s ease;-webkit-user-select:none;user-select:none}.atom-3d-surface-opt:hover{color:var(--segment-text-hover)}.atom-3d-surface-opt:active{transform:scale(.94)}.atom-3d-surface-opt.active{background:var(--segment-active-bg);color:var(--segment-text-active);box-shadow:var(--segment-active-shadow)}html.dark-theme .sand-rectangle{background:#6f6957;box-shadow:0 3px 8px #00000059}html.dark-theme .atom-3d-section-label{color:#fff9}html.dark-theme .atom-3d-shell,html.dark-theme .atom-3d-type,html.dark-theme .atom-3d-ori,html.dark-theme .atom-3d-surface{background:#ffffff1a;color:#ffffffb3}html.dark-theme .atom-3d-orient-row{background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff0f}html.dark-theme .atom-3d-shell:hover,html.dark-theme .atom-3d-type:hover,html.dark-theme .atom-3d-ori:hover{background:#ffffff2e;color:#fff}html.dark-theme .atom-3d-shell.active{background:#fff;color:#0f172a;box-shadow:0 2px 8px #fff3}html.dark-theme .atom-3d-surface{background:var(--segment-track-bg);box-shadow:none}html.dark-theme .atom-3d-surface-opt{color:var(--segment-text)}html.dark-theme .atom-3d-surface-opt:hover{color:var(--segment-text-hover)}html.dark-theme .atom-3d-surface-opt.active{background:var(--segment-active-bg);color:var(--segment-text-active);box-shadow:var(--segment-active-shadow)}.slider-dots .dot.atom-3d-dot{background:#eab30873}.slider-dots .dot.atom-3d-dot.active{background:#eab308}html.dark-theme .slider-dots .dot.atom-3d-dot{background:#facc1566}html.dark-theme .slider-dots .dot.atom-3d-dot.active{background:#facc15}.card-slide.atom-3d-card-slide{overflow:hidden}.atom-3d-card-slide .atom-3d-rectangle{align-items:stretch;justify-content:flex-start;overflow:hidden;padding:32px 28px;background:#f2f3ef;border:1px solid rgba(104,116,128,.18);box-shadow:inset 0 1px #ffffff8a,0 18px 46px #0f172a1a}.atom-3d-control-card{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;gap:24px}.atom-3d-control-row,.atom-3d-orbitals-row{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:0}.atom-3d-orbitals-row{display:flex;flex-direction:column;align-items:stretch;flex:1;gap:14px;min-height:0}.atom-3d-card-slide .atom-3d-row-label{align-self:center;margin:0;color:#0f172a6b;font-size:.82rem;font-weight:800;letter-spacing:1.2px;line-height:1;text-shadow:none}.atom-3d-orbitals-row .atom-3d-row-label{align-self:flex-start;padding-top:0}.atom-3d-card-slide .atom-3d-shells,.atom-3d-card-slide .atom-3d-mode-wrap,.atom-3d-card-slide .atom-3d-orbitals{width:100%;justify-self:stretch}.atom-3d-card-slide .atom-3d-shells{display:flex;align-items:center;justify-content:flex-start;gap:7px}.atom-3d-card-slide .atom-3d-shell{width:30px;height:30px;border:1px solid rgba(148,163,184,.26);border-radius:999px;background:#ffffffc7;color:#0f172a94;font-size:.82rem;box-shadow:0 2px 8px #0f172a14}.atom-3d-card-slide .atom-3d-shell.active{background:#111827;color:#fff;border-color:transparent;box-shadow:0 8px 18px #0f172a33}.atom-3d-card-slide .atom-3d-mode-wrap{display:flex;align-items:center;gap:10px}.atom-3d-card-slide .atom-3d-mode{--mode-track-width: 164px;--mode-pad: 3px;--mode-thumb-width: calc((var(--mode-track-width) - (var(--mode-pad) * 2)) / 2);display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));position:relative;align-items:center;box-sizing:border-box;width:var(--mode-track-width);height:36px;padding:var(--mode-pad);border-radius:999px;background:var(--segment-track-bg);border:none;box-shadow:none;overflow:hidden}.atom-3d-card-slide .atom-3d-mode:before{content:"";position:absolute;top:var(--mode-pad);left:var(--mode-pad);width:var(--mode-thumb-width);height:calc(100% - (var(--mode-pad) * 2));border-radius:999px;background:var(--segment-active-bg);box-shadow:var(--segment-active-shadow);transform:translate(0);transition:transform .28s cubic-bezier(.34,1.35,.64,1),background .18s ease,box-shadow .18s ease}.atom-3d-card-slide .atom-3d-mode[data-mode=heatmap]:before{transform:translate(var(--mode-thumb-width))}.atom-3d-card-slide .atom-3d-mode-opt{appearance:none;position:relative;z-index:1;border:0;width:auto;height:100%;min-width:0;padding:0;border-radius:999px;background:transparent;color:var(--segment-text);cursor:pointer;font:800 .78rem/1 inherit;letter-spacing:.02em;transition:color .18s ease,background .18s ease,transform .1s ease,box-shadow .18s ease}.atom-3d-card-slide .atom-3d-mode-opt.active{background:transparent;color:var(--segment-text-active);box-shadow:none}.atom-3d-card-slide .atom-3d-solid-toggle{appearance:none;position:relative;flex:0 0 34px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(148,163,184,.38);background:#ffffff80;box-shadow:inset 0 1px 3px #0f172a14;cursor:pointer;transition:transform .1s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.atom-3d-card-slide .atom-3d-solid-toggle:after{content:"";position:absolute;inset:8px;border-radius:inherit;border:2px solid rgba(15,23,42,.34)}.atom-3d-card-slide .atom-3d-solid-toggle.active{background:#111827;border-color:transparent;box-shadow:0 8px 18px #0f172a2e}.atom-3d-card-slide .atom-3d-solid-toggle.active:after{border-color:#fff;background:#ffffff38}.atom-3d-card-slide .atom-3d-orbitals{display:flex;min-width:0;flex-direction:column;gap:13px}.atom-3d-card-slide .atom-3d-orbit-row{display:flex;min-height:34px;align-items:center;justify-content:flex-start;gap:7px;flex-wrap:nowrap;background:transparent;box-shadow:none}.atom-3d-card-slide .atom-3d-orbit-row-f{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:stretch;gap:8px}.atom-3d-card-slide .atom-3d-f-grid{display:grid;min-width:0;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:6px;row-gap:8px}.atom-3d-card-slide .atom-3d-ori,.atom-3d-card-slide .atom-3d-type{appearance:none;height:34px;min-width:44px;border-radius:11px;border:1px solid rgba(15,23,42,.07);padding:0 13px;cursor:pointer;font:800 .78rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:0;text-transform:none;box-shadow:0 5px 12px #0f172a0f;transition:transform .1s ease,filter .18s ease,opacity .18s ease,box-shadow .18s ease;-webkit-user-select:none;user-select:none}.atom-3d-card-slide .atom-3d-ori:hover,.atom-3d-card-slide .atom-3d-type:hover{filter:brightness(1.03)}.atom-3d-card-slide .atom-3d-ori:active,.atom-3d-card-slide .atom-3d-type:active,.atom-3d-card-slide .atom-3d-mode-opt:active,.atom-3d-card-slide .atom-3d-solid-toggle:active{transform:scale(.94)}.atom-3d-card-slide .atom-3d-type{width:auto;min-width:44px;height:34px;padding:0 13px;text-transform:uppercase;order:-1}.atom-3d-card-slide .atom-3d-orbit-row-d{gap:6px}.atom-3d-card-slide .atom-3d-orbit-row-d .atom-3d-ori,.atom-3d-card-slide .atom-3d-orbit-row-d .atom-3d-type{height:32px;min-width:0;padding:0 7px;font-size:.72rem}.atom-3d-card-slide .atom-3d-orbit-row-d .atom-3d-type{width:auto;min-width:44px;height:32px;padding:0 7px;font-size:.72rem}.atom-3d-card-slide .atom-3d-type-f{width:auto;min-width:44px;height:84px;align-self:stretch;order:0;grid-column:1;grid-row:1}.atom-3d-card-slide .atom-3d-orbit-row-f .atom-3d-f-grid{grid-column:2;grid-row:1}.atom-3d-card-slide .atom-3d-f-grid .atom-3d-ori-wrapper{width:auto;height:38px;align-self:stretch;min-width:0}.atom-3d-card-slide .atom-3d-f-grid .atom-3d-ori-wrapper .atom-3d-ori-label{font-size:.62rem;padding:0 4px;text-align:center}.atom-3d-card-slide .atom-3d-f-grid .atom-3d-ori-wrapper:nth-child(-n+4){grid-column:span 3}.atom-3d-card-slide .atom-3d-f-grid .atom-3d-ori-wrapper:nth-child(n+5){grid-column:span 4}.atom-3d-card-slide .atom-3d-orbit-row-s .atom-3d-ori,.atom-3d-card-slide .atom-3d-orbit-row-s .atom-3d-type{background:#7e57c238;color:#694caf}.atom-3d-card-slide .atom-3d-orbit-row-p .atom-3d-ori,.atom-3d-card-slide .atom-3d-orbit-row-p .atom-3d-type{background:#be524c33;color:#9f514b}.atom-3d-card-slide .atom-3d-orbit-row-d .atom-3d-ori,.atom-3d-card-slide .atom-3d-orbit-row-d .atom-3d-type{background:#3d75b833;color:#356ca7}.atom-3d-card-slide .atom-3d-orbit-row-f .atom-3d-ori,.atom-3d-card-slide .atom-3d-orbit-row-f .atom-3d-type{background:#2f987633;color:#2b8b6d}.atom-3d-card-slide .atom-3d-orbit-row-s .atom-3d-ori.active,.atom-3d-card-slide .atom-3d-orbit-row-s .atom-3d-type.active{background:#7c52c7;color:#fff;box-shadow:0 2px 8px #8b5cf666}.atom-3d-card-slide .atom-3d-orbit-row-p .atom-3d-ori.active,.atom-3d-card-slide .atom-3d-orbit-row-p .atom-3d-type.active{background:#b0524c;color:#fff;box-shadow:0 2px 8px #ef444466}.atom-3d-card-slide .atom-3d-orbit-row-d .atom-3d-ori.active,.atom-3d-card-slide .atom-3d-orbit-row-d .atom-3d-type.active{background:#3d75b8;color:#fff;box-shadow:0 2px 8px #3b82f666}.atom-3d-card-slide .atom-3d-orbit-row-f .atom-3d-ori.active,.atom-3d-card-slide .atom-3d-orbit-row-f .atom-3d-type.active{background:#2f9876;color:#fff;box-shadow:0 2px 8px #10b98166}.atom-3d-card-slide .atom-3d-shell.disabled,.atom-3d-card-slide .atom-3d-shell:disabled,.atom-3d-card-slide .atom-3d-ori.disabled,.atom-3d-card-slide .atom-3d-ori:disabled,.atom-3d-card-slide .atom-3d-type.disabled,.atom-3d-card-slide .atom-3d-type:disabled{opacity:.22;filter:grayscale(.55);pointer-events:none}html.dark-theme .atom-3d-card-slide .atom-3d-rectangle{background:#1a1c23;border-color:#ffffff12;box-shadow:inset 0 1px #ffffff0d,0 22px 55px #0000004d}html.dark-theme .atom-3d-card-slide .atom-3d-row-label{color:#ffffff42}html.dark-theme .atom-3d-card-slide .atom-3d-orbit-row{background:transparent;box-shadow:none}html.dark-theme .atom-3d-card-slide .atom-3d-shell{background:#ffffff0f;border-color:#ffffff0f;color:#ffffff6b;box-shadow:inset 0 1px #ffffff0a}html.dark-theme .atom-3d-card-slide .atom-3d-shell.active{background:#fff;color:#111827;box-shadow:0 7px 18px #ffffff1f}html.dark-theme .atom-3d-card-slide .atom-3d-mode{background:var(--segment-track-bg);border-color:transparent}html.dark-theme .atom-3d-card-slide .atom-3d-mode:before{background:var(--segment-active-bg);box-shadow:var(--segment-active-shadow)}html.dark-theme .atom-3d-card-slide .atom-3d-mode-opt{color:var(--segment-text)}html.dark-theme .atom-3d-card-slide .atom-3d-mode-opt.active{background:transparent;color:var(--segment-text-active);box-shadow:none}html.dark-theme .atom-3d-card-slide .atom-3d-solid-toggle{background:#ffffff0f;border-color:#ffffff1a}html.dark-theme .atom-3d-card-slide .atom-3d-solid-toggle:after{border-color:#ffffff57}html.dark-theme .atom-3d-card-slide .atom-3d-solid-toggle.active{background:#fff3}html.dark-theme .atom-3d-card-slide .atom-3d-ori,html.dark-theme .atom-3d-card-slide .atom-3d-type{border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0d,0 7px 15px #00000026}html.dark-theme .atom-3d-card-slide .atom-3d-orbit-row-s .atom-3d-ori,html.dark-theme .atom-3d-card-slide .atom-3d-orbit-row-s .atom-3d-type{background:#7c4ec57a;color:#d6c5ff}html.dark-theme .atom-3d-card-slide .atom-3d-orbit-row-p .atom-3d-ori,html.dark-theme .atom-3d-card-slide .atom-3d-orbit-row-p .atom-3d-type{background:#8131349e;color:#ffb7b1}html.dark-theme .atom-3d-card-slide .atom-3d-orbit-row-d .atom-3d-ori,html.dark-theme .atom-3d-card-slide .atom-3d-orbit-row-d .atom-3d-type{background:#194471b3;color:#add2ff}html.dark-theme .atom-3d-card-slide .atom-3d-orbit-row-f .atom-3d-ori,html.dark-theme .atom-3d-card-slide .atom-3d-orbit-row-f .atom-3d-type{background:#1f5b469e;color:#9ee7c9}html.dark-theme .atom-3d-card-slide .atom-3d-orbit-row-s .atom-3d-ori.active,html.dark-theme .atom-3d-card-slide .atom-3d-orbit-row-s .atom-3d-type.active{background:#5f3d9d;color:#fff;box-shadow:0 2px 8px #8b5cf666}html.dark-theme .atom-3d-card-slide .atom-3d-orbit-row-p .atom-3d-ori.active,html.dark-theme .atom-3d-card-slide .atom-3d-orbit-row-p .atom-3d-type.active{background:#703236;color:#fff;box-shadow:0 2px 8px #ef444466}html.dark-theme .atom-3d-card-slide .atom-3d-orbit-row-d .atom-3d-ori.active,html.dark-theme .atom-3d-card-slide .atom-3d-orbit-row-d .atom-3d-type.active{background:#153c68;color:#fff;box-shadow:0 2px 8px #3b82f666}html.dark-theme .atom-3d-card-slide .atom-3d-orbit-row-f .atom-3d-ori.active,html.dark-theme .atom-3d-card-slide .atom-3d-orbit-row-f .atom-3d-type.active{background:#1f6b52;color:#fff;box-shadow:0 2px 8px #10b98166}html.dark-theme .atom-3d-card-slide .atom-3d-shell.disabled,html.dark-theme .atom-3d-card-slide .atom-3d-shell:disabled,html.dark-theme .atom-3d-card-slide .atom-3d-ori.disabled,html.dark-theme .atom-3d-card-slide .atom-3d-ori:disabled,html.dark-theme .atom-3d-card-slide .atom-3d-type.disabled,html.dark-theme .atom-3d-card-slide .atom-3d-type:disabled{opacity:.17;filter:grayscale(.65) brightness(.72)}@media(max-width:640px){.atom-3d-card-slide .atom-3d-rectangle{padding:24px 22px}.atom-3d-control-row,.atom-3d-orbitals-row{grid-template-columns:66px minmax(0,1fr)}.atom-3d-card-slide .atom-3d-ori,.atom-3d-card-slide .atom-3d-type{height:32px;min-width:39px;padding:0 9px;font-size:.66rem}.atom-3d-card-slide .atom-3d-f-grid .atom-3d-ori-wrapper{height:32px}.atom-3d-card-slide .atom-3d-f-grid .atom-3d-ori-wrapper .atom-3d-ori-label{font-size:.52rem}}.texture-cardboard:before{content:"";position:absolute;inset:0;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.06'/%3E%3C/svg%3E");pointer-events:none;z-index:1;box-shadow:inset 0 0 15px #0000000f,inset 0 2px 4px #fff6}.texture-matte:before{content:"";position:absolute;inset:0;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='2.0' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:1;box-shadow:inset 0 0 8px #00000008;-webkit-backdrop-filter:contrast(1.05);backdrop-filter:contrast(1.05)}.texture-metal:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#ffffff80,#fff0,#00000008,#fff0,#ffffff4d);pointer-events:none;z-index:1;box-shadow:inset 0 2px 3px #ffffffb3,inset 0 -2px 3px #00000026}.green-rectangle{background:#b0bed1;box-shadow:0 3px 8px #b0bed166}.yellow-rectangle{background:#a7c5d9;box-shadow:0 3px 8px #a7c5d966}.blue-rectangle{background:#9dcbc3;box-shadow:0 3px 8px #9dcbc366}.slider-controls{display:flex;justify-content:center;align-items:center;gap:16px;width:max-content;max-width:100%;position:absolute;bottom:38px;left:50%;transform:translate(calc(-50% + var(--dots-shift-x, 0px))) translateY(50%);transition:transform .32s cubic-bezier(.22,1,.36,1);will-change:transform}.slider-dots{display:flex;justify-content:center;gap:0}.dot{width:8px;height:8px;margin:0 5px;border-radius:50%;background:#0000001a;transition:background .22s ease,box-shadow .22s ease,margin .28s cubic-bezier(.22,1,.36,1),opacity .22s ease,transform .24s cubic-bezier(.22,1,.36,1),width .28s cubic-bezier(.22,1,.36,1);cursor:pointer;position:relative;opacity:1;flex:0 0 auto}.dot.active,.dot:hover{background:#000;transform:scale(1.15)}.dot.locked{box-shadow:0 0 0 2px #0000004d}.dot.dot-entering{animation:dot-pop-in .34s cubic-bezier(.2,1.45,.35,1) both}.dot.dot-leaving{opacity:0;transform:scale(.35);pointer-events:none}.dot.dot-collapsed{width:0;margin-left:0;margin-right:0;opacity:0;transform:scale(.35);pointer-events:none}@keyframes dot-pop-in{0%{opacity:0;transform:scale(.35)}70%{opacity:1;transform:scale(1.35)}to{opacity:1;transform:scale(1)}}.level-lock-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:50%;background:#0000000d;transition:all .2s ease;color:#00000059;pointer-events:auto;z-index:50}.level-lock-btn:hover{background:#000000d9;color:#fff;transform:scale(1.05)}.level-lock-btn svg,.archive-detail-close svg{stroke:currentColor}.level-lock-btn .lock-icon-unlocked{display:block}.level-lock-btn .lock-icon-locked{display:none}.level-lock-btn.locked{background:#000000b3;color:#fff}.level-lock-btn.locked:hover{background:#000000d9;color:#fff;transform:scale(1.05)}.level-lock-btn.locked .lock-icon-unlocked{display:none}.level-lock-btn.locked .lock-icon-locked{display:block}.element-content{padding:12px 20px 20px;display:flex;flex-direction:column;gap:16px}.section-divider{margin:12px 0 6px;border-bottom:1px solid rgba(0,0,0,.08);padding-bottom:3px}.section-title{font-size:.9rem;font-weight:600;color:var(--modal-text-main);letter-spacing:-.01em;margin:0}.modal-info-pane::-webkit-scrollbar{display:none}.level-header{position:sticky;top:0;background:#f9f6f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;padding:12px 20px;border-bottom:1px solid rgba(0,0,0,.04);transition:all .3s cubic-bezier(.16,1,.3,1);height:105px;box-sizing:border-box}.modal-info-pane.scrolled .level-header{border-bottom:1px solid rgba(0,0,0,.06);background:#f9f6f0fa}.headline-content{display:flex;flex-direction:row;align-items:center;margin-left:20px;margin-right:20px;width:calc(100% - 40px);padding-top:8px}.headline-left-group{display:flex;flex-direction:row;align-items:center;gap:16px;flex-shrink:0}.headline-name{flex:1;display:flex;justify-content:center;align-items:center;margin-left:40px;margin-right:40px;min-width:0;max-width:100%;font-size:2.5rem;font-weight:700;color:var(--modal-text-main);overflow:visible;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;line-height:1.2;padding-top:.2em;padding-bottom:.2em}.headline-numbers{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:0}.headline-mass,.headline-atomic{font-size:2.2rem;font-weight:700;color:var(--modal-text-main);line-height:1}.headline-symbol{font-size:4.5rem;font-weight:800;color:var(--modal-text-main);line-height:1}.properties-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:0}.full-width-card{grid-column:1 / -1;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:2vmin;background:linear-gradient(135deg,#fffffff2,#f5f5facc)}.charge-main{font-size:2.4rem;font-weight:700;color:var(--text-primary);margin-right:.5vmin;line-height:1}.charge-sub{font-size:1.2rem;color:#86868b;font-weight:500;margin-left:.3vmin;line-height:1}.full-width-card .prop-value{font-size:1.4rem;font-family:Courier New,monospace;letter-spacing:.1em}.subatomic-section{margin-top:0;padding-top:0;border-top:none}.section-label{display:block;font-size:.65rem;font-weight:700;letter-spacing:.1em;color:var(--modal-text-sub);text-transform:uppercase;margin-bottom:12px;opacity:.6}.overview-row{display:grid;grid-template-areas:"charge charge" "type phase" "group amphoteric";grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:6px;width:100%;margin-bottom:12px;background:none;border:none;border-radius:0;overflow:visible;box-shadow:none}.overview-row:not(:has(.area-amphoteric[style*=flex])){grid-template-areas:"charge charge" "type phase" "group group"}.overview-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000f;border-color:#0000001a}.overview-item:hover:before{opacity:1}.area-charge{grid-area:charge}.area-type{grid-area:type}.area-phase{grid-area:phase}.area-group{grid-area:group}.area-amphoteric{grid-area:amphoteric}.ov-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;opacity:.8}.ov-value-container{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%}.ov-value{font-size:1.25rem;font-weight:700;color:#111827;line-height:1.2;letter-spacing:-.01em}.area-charge .ov-label{margin-bottom:8px}.area-charge .ov-value{font-size:1.05rem;text-align:left}.overview-item:before{display:none}.overview-item{background:#fff;padding:10px 14px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-height:55px;border-radius:20px;border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 3px #00000005;transition:all .2s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.prop-card{background:#fff;border:1px solid rgba(0,0,0,.05);box-shadow:0 1px 3px #00000005;border-radius:20px;padding:8px 10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:5px;transition:all .2s cubic-bezier(.2,.8,.2,1);min-height:65px;position:relative;overflow:hidden}.prop-card:before{display:none}.prop-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f;border-color:#00000014}.prop-card:hover:before{opacity:1}.prop-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:#1d1d1f;margin-bottom:0}.prop-text{display:flex;flex-direction:column;gap:2px}.prop-label{font-size:.6rem;font-weight:600;color:#86868b;text-transform:uppercase;letter-spacing:.02em;line-height:1.1;word-break:break-word}.prop-value{font-size:.85rem;font-weight:600;color:#1d1d1f;line-height:1.1}.history-box{margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.isotope-section{margin-top:10px}.isotope-list{display:flex;flex-direction:column;gap:0}.isotope-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.06)}.isotope-row:last-child{border-bottom:none}.iso-info{display:flex;align-items:baseline;gap:12px}.iso-symbol{font-weight:700;font-size:1rem;color:var(--modal-text-main);width:32px}.iso-name{font-weight:500;font-size:.95rem;color:var(--modal-text-main)}.iso-abundance{font-size:.85rem;color:var(--modal-text-muted)}.iso-tag{font-size:.7rem;font-weight:700;text-transform:uppercase;padding:4px 10px;border-radius:12px;letter-spacing:.05em}.iso-tag.stable{background:#34c75926;color:#248a3d}.modal-visual-pane{flex:1;height:100%;position:relative;background:radial-gradient(circle at center,#c8d7ebb3,#fff0 75%);border-left:1px solid rgba(0,0,0,.04);display:flex;justify-content:center;align-items:center;overflow:hidden}.modal-visual-pane.density-active{background:#000!important;border-left-color:#ffffff0f!important}.modal-visual-pane.density-active #modal-watermark{color:#ffffff0a!important}#atom-container{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;opacity:1;transition:opacity .4s cubic-bezier(.16,1,.3,1)}#modal-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:25rem;font-weight:800;color:#0000001f;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:0;font-family:Inter,sans-serif;filter:blur(16px)}.detail-item{display:flex;flex-direction:column;gap:4px;border:none;padding:0}.d-label{font-size:.65rem;font-weight:600;color:var(--modal-text-sub);text-transform:uppercase}.d-value{font-size:.85rem;font-weight:500;color:var(--modal-text-main);text-align:left}.notation-wrap{display:flex;flex-direction:row;align-items:center;gap:12px}.not-left{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;line-height:1.2}.not-mass,.not-num{font-size:2.2rem;font-weight:700;color:var(--modal-text-main)}.not-sym{font-size:5.5rem;font-weight:800;line-height:1;letter-spacing:-2px;color:var(--modal-text-main)}.edu-names-list{margin-top:8px;display:flex;flex-direction:column;gap:2px;font-size:.9rem;color:var(--modal-text-sub)}.stock-name-item{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;color:#374151;font-weight:500;padding:12px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;transition:all .2s ease;cursor:default;margin-bottom:6px}.stock-name-item:hover{background:#f3f4f6;border-color:#d1d5db;transform:translate(2px)}.stock-name-item:last-child{margin-bottom:0}.stock-ion{font-weight:700;font-size:1rem;color:#1f2937;font-family:Inter,sans-serif}.stock-text{font-weight:500;color:#6b7280}.edu-isotope-container{background:#fff9;margin-top:24px;width:100%}.iso-title{font-size:.7rem;font-weight:700;text-transform:uppercase;color:#86868b;letter-spacing:.05em;margin-bottom:8px;opacity:.8}.iso-table{width:100%;border-collapse:collapse;table-layout:fixed}.iso-table tr{border-bottom:1px solid rgba(0,0,0,.04);transition:background .2s ease}.iso-table tr:hover{background:#00000004}.iso-table tr:last-child{border-bottom:none}.iso-table td{padding:8px 0;vertical-align:middle}.iso-name{font-size:.95rem;font-weight:600;color:#1d1d1f;text-align:left;width:35%}.iso-detail{width:35%;text-align:center}.n-badge{display:inline-block;font-family:Inter,sans-serif;font-size:.8rem;font-weight:500;color:#1d1d1f;background:#f2f2f7;padding:4px 10px;border-radius:12px}.iso-percent{width:30%;text-align:right;font-weight:600;color:#1d1d1f;font-variant-numeric:tabular-nums;font-size:.9rem}.iso-note{font-size:.7rem;color:#9ca3af;font-weight:500;margin-top:10px;text-align:right;border-top:1px solid rgba(0,0,0,.04);padding-top:8px;letter-spacing:.01em}.edu-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;width:100%}.edu-card{background:#fff;border-radius:20px;padding:16px;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 12px #00000008}.edu-title{font-size:.9rem;font-weight:700;margin-bottom:12px;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid rgba(0,0,0,.05);padding-bottom:6px}.edu-solubility .sol-group{margin-bottom:10px}.sol-label{display:block;font-size:.8rem;font-weight:700;margin-bottom:4px}.sol-label.bad,.sol-label.good{color:#1d1d1f}.sol-item{font-size:.85rem;line-height:1.4;padding-left:8px;color:#333}.edu-safety{background:#fff;padding:12px 16px;border-radius:20px;border:1px solid rgba(0,0,0,.08)}.edu-safety .edu-title{color:#1d1d1f;border-bottom-color:#00000014;font-size:.8rem;margin-bottom:8px}.safe-row{margin-bottom:8px;font-size:.85rem;line-height:1.4}.safe-row strong{color:#1d1d1f}.subatomic-stats-container{position:absolute;top:24px;left:24px;width:auto;display:flex;flex-direction:column;align-items:flex-start;z-index:100;pointer-events:none;opacity:0;animation:fadeInSlide .8s ease-out .3s forwards;background:#fff6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.6);padding:10px 12px;border-radius:16px}.subatomic-stats-container h3{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--modal-text-sub);margin-bottom:8px;padding-left:0;font-family:Inter,sans-serif;opacity:.7;text-shadow:none}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.advanced-data-container{width:100%;margin-top:24px;display:flex;flex-direction:column;gap:24px}.data-section{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:16px;box-shadow:0 4px 12px #00000005}.data-title{font-size:.75rem;font-weight:700;text-transform:uppercase;color:#86868b;letter-spacing:.05em;margin-bottom:12px;border-bottom:1px solid rgba(0,0,0,.06);padding-bottom:8px}.data-table{width:100%;border-collapse:collapse;font-size:.9rem;font-family:Inter,sans-serif}.data-table th{text-align:left;font-size:.7rem;color:#86868b;padding:0 0 8px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.data-table th:last-child{text-align:right}.data-table td{padding:8px 0;border-bottom:1px solid rgba(0,0,0,.04);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table .formula{font-weight:600;color:#1d1d1f;font-family:Inter,sans-serif}.data-table .meta{font-size:.75rem;color:#86868b;font-weight:500}.data-table .value{text-align:right;font-family:Inter,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;color:#1d1d1f;white-space:nowrap}.data-table .value.pos,.data-table .value.neg{color:#1d1d1f}.stse-section{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:20px;padding:24px;margin-top:24px;position:relative;overflow:hidden}.stse-section:before{display:none}.stse-section .data-title{color:#1d1d1f;font-size:.85rem;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:8px}.stse-section .data-title:before{content:"";font-size:1.2rem}.stse-content{font-size:.95rem;line-height:1.6;color:#374151;margin-bottom:0;font-family:Inter,sans-serif}.stse-content strong{color:#1f2937;font-weight:600}.stse-tags{display:flex;gap:8px;flex-wrap:wrap}.stse-tag{font-size:.75rem;padding:6px 12px;background:#f8f9fa;color:#1d1d1f;border-radius:20px;font-weight:600;letter-spacing:.02em;border:1px solid rgba(0,0,0,.08);transition:all .2s ease}.stse-tag:hover{background:#f1f3f4;transform:translateY(-1px)}.uses-hazards-container{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.uses-card,.hazards-card{background:#fff;border-radius:16px;padding:14px;border:1px solid rgba(0,0,0,.08);transition:all .2s ease}.uses-card:hover,.hazards-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.card-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.card-icon{font-size:1.1rem}.card-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#666}.card-content{font-size:.8rem;line-height:1.5;color:#333;font-weight:500}.card-info-container{--compact-top-row-gap: 16px;--compact-divider-gap: 12px;--compact-particles-gap: 6px;--compact-particles-margin: 16px;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;padding:20px;color:#111827;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box;max-width:100%;min-width:0}.card-info-container::-webkit-scrollbar{display:none}.info-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--compact-top-row-gap);position:relative;width:100%;max-width:100%;box-sizing:border-box;min-width:0;gap:10px;flex-shrink:0;container-type:inline-size;overflow:hidden}.info-label{font-size:.85rem;text-transform:uppercase;letter-spacing:1.2px;opacity:.5;font-weight:600;flex-shrink:0;flex-basis:auto;min-width:fit-content;white-space:nowrap}.info-value{font-size:1.4rem;font-weight:700;text-align:right;letter-spacing:-.02em;text-shadow:0 1px 0 rgba(255,255,255,.4);flex:1 1 auto;min-width:0;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%;box-sizing:border-box}.info-value.valence-compact{font-size:clamp(1rem,3.6cqw,1.2rem);line-height:1.16}.info-value.valence-expandable{cursor:pointer;transition:transform .18s ease,opacity .18s ease,color .2s ease}.info-value.valence-expandable:hover{color:#2563eb}.atomic-particles-section{width:100%;margin-bottom:var(--compact-particles-margin);padding-top:2px}.atomic-particles-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--compact-particles-gap)}.atomic-particle-metric{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;text-align:center}.atomic-particle-num{font-size:clamp(1.28rem,3vw,1.65rem);font-weight:780;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-.03em;line-height:1;color:#111827}.atomic-particle-lbl{font-size:clamp(.54rem,1.2vw,.64rem);text-transform:uppercase;letter-spacing:clamp(.2px,.06vw,.55px);opacity:.46;font-weight:650;white-space:normal;line-height:1.1}.red-rectangle .info-row{width:100%;max-width:100%;box-sizing:border-box}.red-rectangle .info-label{flex-shrink:0;min-width:fit-content}.red-rectangle .info-value{flex:1 1 auto;min-width:0;max-width:100%;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;overflow:visible;text-overflow:clip}.info-divider{height:1px;background:linear-gradient(to right,transparent,rgba(0,0,0,.08),transparent);margin:-4px 0 var(--compact-divider-gap)}.yellow-rectangle .info-divider{margin:-4px 0 var(--compact-divider-gap)}@media(max-height:680px){.green-rectangle .card-info-container,.yellow-rectangle .card-info-container,.red-rectangle .card-info-container{--compact-top-row-gap: 13px;--compact-divider-gap: 10px;--compact-particles-gap: 5px;--compact-particles-margin: 13px}.level-header{height:85px;padding:0 20px;display:flex;align-items:center}.headline-content{margin:0;padding:0;width:100%}.headline-symbol{font-size:3.8rem}.headline-mass,.headline-atomic{font-size:1.7rem}.headline-name{font-size:2.1rem}.simplified-element-box{padding-bottom:40px;height:calc(100% - 85px);overflow-y:hidden}.simplified-element-box .cards-slider-wrapper{overflow-y:hidden}.simplified-element-box .slider-controls{bottom:20px;opacity:0;pointer-events:none;transform:translate(-50%) translateY(50%) translateY(4px);transition:opacity .25s ease,transform .25s ease;z-index:100;background:transparent}.simplified-element-box .slider-controls:before{content:"";position:absolute;inset:-30px -30px -10px;pointer-events:auto;z-index:-1}.simplified-element-box .slider-controls:hover{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(50%)}}#modal-content-primary.archive-lens-active.archive-fullscreen-mode:has(.archive-lens.is-portrait-detail) .atom-image-container{padding:0!important;background:#101114!important}.archive-lens.is-portrait-detail{width:100%;height:100%;max-width:none;margin:0;display:block}.archive-portrait-stage{display:none}.archive-lens.is-portrait-detail .archive-portrait-stage{position:absolute;inset:0;z-index:12;display:block;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.12),transparent 42%),#101114;animation:archive-portrait-reveal .36s cubic-bezier(.16,1,.3,1) both}.archive-portrait-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:0;background:transparent}.archive-portrait-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.26),transparent 20%,transparent 55%,rgba(0,0,0,.78))}.archive-portrait-back{position:absolute;top:clamp(16px,2vw,28px);left:clamp(16px,2vw,28px);z-index:2;display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:#fff6;color:#000;box-shadow:0 2px 8px #0000000a;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease}.archive-portrait-back:hover{background:#000;color:#fff;transform:scale(var(--hover-scale))}.archive-portrait-footer{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:clamp(24px,4vw,72px);padding:clamp(24px,4vw,58px);color:#fff}.archive-portrait-copy{max-width:min(720px,68vw)}.archive-portrait-kicker,.archive-suggestion-kicker{display:block;color:#ffffffad;font-size:.67rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.archive-portrait-title{margin:8px 0 0;color:#fff;font-size:clamp(1.65rem,3vw,3.15rem);font-weight:760;letter-spacing:-.045em;line-height:1.04}.archive-portrait-text{max-width:680px;margin:10px 0 0;color:#ffffffc7;font-size:clamp(.82rem,1.15vw,1rem);line-height:1.5}.archive-portrait-actions{display:flex;min-width:max-content;flex-direction:column;align-items:flex-end;gap:10px}.archive-portrait-source,.archive-suggest-source{box-sizing:border-box;min-height:38px;padding:10px 13px;border:1px solid rgba(255,255,255,.46);border-radius:0;background:#0b0c0e8f;color:#fff;font:700 .72rem/1.15 inherit;letter-spacing:.045em;text-decoration:none;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}.archive-portrait-source:hover,.archive-suggest-source:hover{border-color:#fff;background:#fff;color:#111}.archive-image-suggestion-dialog{width:min(92vw,560px);max-height:min(88vh,720px);margin:auto;padding:0;overflow:auto;border:1px solid var(--border-color);border-radius:22px;background:var(--modal-bg-glass);color:var(--text-primary);box-shadow:0 28px 80px #1f1a1633;pointer-events:auto;touch-action:manipulation}.archive-image-suggestion-dialog::backdrop{background:#1a1c2157;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.archive-image-suggestion-dialog form{display:flex;flex-direction:column;gap:18px;padding:clamp(22px,4vw,34px);pointer-events:auto}.archive-suggestion-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}.archive-suggestion-heading h2{margin:6px 0 0;color:var(--text-primary);font-size:clamp(1.45rem,3vw,2rem);letter-spacing:-.035em}.archive-suggestion-heading .archive-suggestion-kicker{color:var(--text-secondary, var(--text-primary));opacity:.62}.archive-suggestion-dismiss{flex:0 0 40px;align-self:flex-start;touch-action:manipulation}.archive-suggestion-intro,.archive-suggestion-element{margin:0;color:var(--text-secondary, var(--text-primary));font-size:.88rem;line-height:1.5}.archive-suggestion-element{padding-left:12px;border-left:2px solid currentColor;color:var(--text-primary)}.archive-image-suggestion-dialog label{display:flex;flex-direction:column;gap:7px;color:var(--text-primary);font-size:.75rem;font-weight:750;letter-spacing:.025em}.archive-image-suggestion-dialog label span{color:var(--text-secondary, var(--text-primary));opacity:.7;font-weight:500}.archive-image-suggestion-dialog input,.archive-image-suggestion-dialog textarea{box-sizing:border-box;width:100%;border:1px solid var(--border-color);border-radius:12px;outline:0;background:var(--element-bg);color:var(--text-primary);font:500 .88rem/1.45 inherit;padding:10px 11px;resize:vertical;pointer-events:auto}.archive-image-suggestion-dialog input:focus,.archive-image-suggestion-dialog textarea:focus{border-color:var(--text-primary);background:var(--bg-color)}.archive-suggestion-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:3px}.archive-suggestion-status{color:var(--text-secondary, var(--text-primary));font-size:.76rem;line-height:1.35}.archive-suggestion-submit{flex:0 0 auto;min-height:42px;padding:10px 14px;border:1px solid var(--text-primary);border-radius:999px;background:var(--text-primary);color:var(--bg-color);font:800 .74rem/1 inherit;letter-spacing:.04em;cursor:pointer;touch-action:manipulation}.archive-suggestion-submit:disabled{cursor:wait;opacity:.62}@keyframes archive-portrait-reveal{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@media(max-width:680px){.archive-portrait-footer{align-items:stretch;flex-direction:column;gap:18px;padding:20px}.archive-portrait-copy{max-width:none}.archive-portrait-actions{align-items:stretch;flex-direction:row;min-width:0}.archive-portrait-source,.archive-suggest-source{flex:1 1 0;text-align:center}.archive-portrait-text{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}}@media(prefers-reduced-motion:reduce){.archive-lens.is-portrait-detail .archive-portrait-stage{animation:none}}.modal-visual-pane.density-active,.fe-orbital-embed.active.density-active,html.dark-theme .fe-orbital-embed.active.density-active{background:#0e1118!important;border-left-color:#96c8ff1f!important;isolation:isolate}.fe-orbital-embed.active.density-active:before,html.dark-theme .fe-orbital-embed.active.density-active:before{display:block!important;opacity:1!important;background-image:linear-gradient(rgba(150,200,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(150,200,255,.018) 1px,transparent 1px),linear-gradient(rgba(150,200,255,.007) 1px,transparent 1px),linear-gradient(90deg,rgba(150,200,255,.007) 1px,transparent 1px),radial-gradient(circle,rgba(150,200,255,.24) 0 .7px,transparent 1px)!important;background-size:300px 300px,300px 300px,50px 50px,50px 50px,137px 137px!important;background-position:center,center,center,center,19px 31px!important}.fe-orbital-embed.active.density-active:after,html.dark-theme .fe-orbital-embed.active.density-active:after{display:block!important;z-index:3;background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.42) 100%),repeating-linear-gradient(0deg,transparent 0,transparent 2px,rgba(0,0,0,.055) 2px,rgba(0,0,0,.055) 4px)!important;mix-blend-mode:multiply}.fe-orbital-embed.active.density-active .fe-orbital-embed-canvas{z-index:2;filter:saturate(1.08) contrast(1.04)}.orbital-stage-hud{position:absolute;inset:20px 74px auto 22px;z-index:4;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;pointer-events:none;color:#8090b0;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.orbital-stage-status{display:flex;min-height:32px;align-items:center;gap:9px;padding:0 12px;border:1px solid rgba(150,200,255,.16);background:#090c14b8;box-shadow:inset 0 1px #ffffff06,0 12px 34px #0000002e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:.61rem;font-weight:650;letter-spacing:.19em}.orbital-stage-status>span{width:6px;height:6px;border-radius:50%;background:#64c864;box-shadow:0 0 8px #64c864e6;animation:atom-density-status-blink 2.2s ease-in-out infinite}.orbital-stage-status b{color:#64c864;font:inherit}.orbital-stage-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right}.orbital-stage-meta strong{color:#e8ecf4c2;font:300 clamp(1.2rem,2.6vw,2rem)/1 "Cormorant Garamond",Georgia,serif;letter-spacing:.08em;text-transform:none}.orbital-stage-meta span{color:#5a8cc0;font-size:.58rem;font-weight:650;letter-spacing:.22em}@keyframes atom-density-status-blink{0%,to{opacity:1}50%{opacity:.25}}.modal-visual-pane:has(.fe-orbital-embed.density-active) .atom-bottom-controls{border:1px solid rgba(150,200,255,.16)!important;background:#090c14c7!important;box-shadow:0 14px 36px #00000057,inset 0 1px #ffffff08!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important}.modal-visual-pane:has(.fe-orbital-embed.density-active) .atom-2d3d-toggle:before{background:#17233d!important;box-shadow:0 2px 10px #0000003d!important;transition:none!important}.modal-visual-pane:has(.fe-orbital-embed.density-active) .atom-2d3d-opt,.modal-visual-pane:has(.fe-orbital-embed.density-active) .atom-2d3d-opt:hover,.modal-visual-pane:has(.fe-orbital-embed.density-active) .atom-2d3d-opt.active{color:#ffffffc7!important;transition:none!important}.modal-visual-pane:has(.fe-orbital-embed.density-active) .atom-2d3d-opt.active{color:#fff!important}.atom-magnetic-field-control{z-index:5}.atom-3d-card-slide .atom-3d-sheet-summary{justify-content:flex-start;gap:18px!important}.atom-3d-card-slide .atom-3d-sheet-section{padding-top:2px}.atom-3d-card-slide .atom-3d-shell-population{gap:13px!important}.atom-3d-card-slide .atom-3d-sheet-model-note{display:flex;align-items:flex-start;gap:9px;margin:auto 0 0;padding-top:16px;border-top:1px solid rgba(15,23,42,.08);color:#0f172a6b;font:650 .58rem/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.055em;text-transform:uppercase}.atom-3d-card-slide .atom-3d-sheet-model-note>span{flex:0 0 auto;width:6px;height:6px;margin-top:2px;border-radius:50%;background:#5a8cc0;box-shadow:0 0 7px #5a8cc06b}html.dark-theme .atom-3d-card-slide .atom-3d-sheet-model-note{border-color:#ffffff14;color:#ffffff61}@media(max-width:680px){.orbital-stage-hud{inset:14px 58px auto 14px}.orbital-stage-status{min-height:28px;padding:0 9px;font-size:.52rem;letter-spacing:.13em}.orbital-stage-status b,.orbital-stage-meta span{display:none}.orbital-stage-meta strong{font-size:1.2rem}}@media(prefers-reduced-motion:reduce){.orbital-stage-status>span{animation:none}}.ions-section{display:flex;flex-direction:column;gap:10px;flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;max-height:100%;-ms-overflow-style:none;scrollbar-width:none;border-radius:20px;padding:14px 12px;margin-top:0;background:#fff3;position:relative}.yellow-rectangle .ions-section{gap:10px;padding:14px 12px;margin-top:0;border-radius:16px}.ions-section::-webkit-scrollbar{display:none}.ions-section .info-label{text-align:center;margin-bottom:4px;opacity:.4;width:100%}.yellow-rectangle .ions-section .info-label{margin-bottom:2px}.ion-item{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:#ffffff4d;border-radius:18px;border:1px solid rgba(255,255,255,.4);box-shadow:0 4px 15px #00000005;transition:transform .2s ease}.ion-item:active{transform:scale(.96)}.ion-symbol{font-family:Baskerville,Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:1.6rem;font-weight:700;color:#000;line-height:1}.ion-symbol sub{vertical-align:baseline;position:relative;top:.3em;font-size:.7em;line-height:0}.ion-symbol sup{vertical-align:baseline;position:relative;top:-.4em;font-size:.7em;line-height:0}.ion-symbol sub+sup{margin-left:-.55em}.ion-name{font-size:1.1rem;font-weight:500;opacity:.7;font-family:-apple-system,sans-serif}.ion-arrow{display:none}.prop-grid-section{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:15px;width:100%;max-width:100%;box-sizing:border-box;min-width:0}.prop-cell{background:#ffffff59;border-radius:14px;padding:10px 14px;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(255,255,255,.3);transition:transform .2s;width:100%;max-width:100%;box-sizing:border-box;min-width:0;overflow:hidden}.prop-cell:active{transform:scale(.98)}.prop-cell.full-width{grid-column:span 2;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-width:0;overflow:hidden}.red-rectangle .prop-cell.full-width{flex-direction:column;align-items:flex-start;justify-content:flex-start}.red-rectangle .prop-cell div[style*="font-size: 0.95rem"]{width:100%;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;max-width:100%;box-sizing:border-box}.prop-cell-label{font-size:.65rem;text-transform:uppercase;opacity:.6;font-weight:700;letter-spacing:.5px;margin-bottom:2px}.prop-cell-value{font-size:1.1rem;font-weight:700;color:#111827;line-height:1.2}.prop-cell-unit{font-size:.75rem;opacity:.6;font-weight:500;margin-left:4px}.full-width .prop-cell-label{margin-bottom:0}.full-width .prop-cell-content{text-align:right}.glass-panel{background:#fff6;border-radius:16px;border:1px solid rgba(255,255,255,.4);padding:12px 16px;margin-bottom:10px;box-shadow:0 4px 20px #00000005;display:flex;flex-direction:column}.config-hero{font-family:Courier New,monospace;font-size:1.5rem;font-weight:800;letter-spacing:-1px;color:#111827;text-align:left;width:100%;display:block;word-break:break-word;white-space:normal;line-height:1.4}.red-rectangle .card-info-container{overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;width:100%;max-width:100%;box-sizing:border-box;padding:20px}.red-rectangle .card-info-container::-webkit-scrollbar{display:none}.red-rectangle .card-info-container *{word-wrap:break-word;overflow-wrap:break-word;max-width:100%;box-sizing:border-box}.red-rectangle .prop-grid-section{width:100%;max-width:100%;box-sizing:border-box;min-width:0}.red-rectangle .prop-cell{width:100%;max-width:100%;box-sizing:border-box;min-width:0;overflow:hidden}.red-rectangle .prop-cell>div{width:100%;max-width:100%;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;overflow:hidden}.l3-stat-grid{display:grid;grid-template-columns:1fr 1fr;row-gap:14px;column-gap:12px;padding-top:4px}.l3-stat-item{display:flex;flex-direction:column;justify-content:center;border-left:2px solid rgba(0,0,0,.08);padding-left:10px}.l3-stat-item.l3-clickable{cursor:pointer}.l3-stat-label{font-size:.7rem;text-transform:uppercase;font-weight:700;opacity:.5;letter-spacing:.5px;margin-bottom:2px}.l3-stat-value{font-size:1.1rem;font-weight:750;color:#111827;line-height:1.25;font-feature-settings:"tnum";word-break:break-word}.l3-stat-unit{font-size:.85rem;font-weight:500;opacity:.6;margin-left:2px}.l3-stat-ext{font-weight:650;font-size:.7rem;color:#111827;opacity:.9;letter-spacing:.5px;margin-left:3px;text-transform:uppercase}.ox-header{display:flex;align-items:center;justify-content:space-between}.ox-legend{display:flex;gap:8px;align-items:center}.ox-legend-item{display:flex;align-items:center;gap:3px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;opacity:.55;color:#111827}.ox-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.ox-dot.common{background:#111827}.ox-dot.possible{background:transparent;border:1.5px solid #111827;width:5px;height:5px}.ox-dot.all{background:#111827}.oxidation-container{display:flex;align-items:center;gap:8px;margin-top:6px;flex-wrap:wrap}.oxidation-container.ox-density-medium{gap:6px}.oxidation-container.ox-density-high{gap:4px}.ox-pill{padding:6px 13px;border-radius:12px;font-size:1rem;font-weight:700;line-height:1;transition:transform .15s ease}.ox-pill.common,.ox-pill.all{background:#1118271f;color:#111827;box-shadow:0 1px 3px #00000014}.ox-pill.possible{background:transparent;color:#6b7280;font-weight:500;font-size:.9rem;border:1.5px solid rgba(17,24,39,.15);padding:5px 11px}.oxidation-container.ox-density-medium .ox-pill.common{font-size:.9rem;padding:4px 9px}.oxidation-container.ox-density-medium .ox-pill.possible{font-size:.82rem;padding:4px 9px}.oxidation-container.ox-density-high .ox-pill.common{font-size:.8rem;padding:3px 7px}.oxidation-container.ox-density-high .ox-pill.possible{font-size:.75rem;padding:3px 7px}.hero-config-container{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.05);margin-bottom:8px}.config-formula{font-family:Courier New,monospace;font-size:.9rem;font-weight:600;color:#111827;margin-top:4px;text-align:left;width:100%;display:block;white-space:nowrap;line-height:1.4}.info-row:has(.config-formula) .info-label{flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-value.config-formula{margin-top:0;width:auto;max-width:100%;display:block;text-align:right;font-size:clamp(.7rem,2.2vw,1.35rem);white-space:nowrap;letter-spacing:-.5px;line-height:1.35;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.floating-about-btn{display:none!important}.floating-about-btn:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 8px 25px #667eea80}.floating-about-btn:active{transform:scale(.95)}.floating-about-btn svg{width:24px;height:24px;stroke-width:2}.headline-symbol sup{font-size:.5em;vertical-align:super;font-weight:600}.headline-symbol sup.ion-charge{font-size:.45em;vertical-align:super;font-weight:700;margin-left:1px}.headline-symbol sub,.element-symbol sub,.ion-big-symbol sub{font-size:.55em;vertical-align:baseline;position:relative;bottom:-.2em;font-weight:600}.chem-notation{display:inline-flex;flex-direction:column;align-items:flex-start;vertical-align:middle;line-height:.85;margin-left:1px;transform:translateY(-.1em)}.chem-notation sub,.chem-notation sup{display:block;font-size:.42em;font-weight:600;line-height:1;position:relative;bottom:0}.chem-notation sup{order:1}.chem-notation sub{order:2}.headline-symbol{margin-right:28px}.headline-name.scrolling-name{position:relative;overflow:hidden;width:auto;max-width:100%;flex:1;min-width:0;margin-left:0;margin-right:20px;white-space:nowrap;justify-content:flex-start;text-align:left;-webkit-mask-image:linear-gradient(to right,black calc(100% - 60px),transparent 100%);mask-image:linear-gradient(to right,black calc(100% - 60px),transparent 100%)}.headline-name.scrolling-name .scrolling-text{display:inline-flex;padding-left:0}.headline-name.scrolling-name .scrolling-text span{padding-right:100px;flex-shrink:0}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(10px,-15px) scale(1.05)}50%{transform:translate(-5px,10px) scale(.95)}75%{transform:translate(-15px,-5px) scale(1.02)}}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.about-container{display:flex;width:100%;height:100%;padding:0;gap:0;align-items:stretch;justify-content:center;overflow:visible}.about-left{flex:1.15;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;z-index:1;background:#fafafa;border-radius:32px 0 0 32px;padding:60px 55px;overflow:visible}.hero-atom-container{position:absolute;top:-40px;right:-80px;width:520px;height:360px;z-index:10;pointer-events:none;opacity:.95}.about-content-wrapper{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;max-width:400px}.welcome-eyebrow{font-size:.9rem;font-weight:500;color:#6366f1;letter-spacing:.02em;margin-bottom:8px}.welcome-title{font-size:4rem;font-weight:700;color:#1d1d1f;letter-spacing:-.04em;line-height:1;margin:0 0 20px}.welcome-subtitle{font-size:1.5rem;font-weight:600;color:#1d1d1f;letter-spacing:-.02em;line-height:1.3;margin:0 0 20px}.welcome-subtitle span{color:#86868b}.welcome-description{font-size:1.05rem;font-weight:400;color:#86868b;line-height:1.6;margin:0 0 28px;max-width:340px}.welcome-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.feature-pill{padding:8px 16px;background:linear-gradient(135deg,#6366f114,#8b5cf60d);border:1px solid rgba(99,102,241,.25);border-radius:8px;font-size:.8rem;font-weight:600;color:#6366f1;transition:all .3s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.feature-pill:hover{background:linear-gradient(135deg,#6366f126,#8b5cf61a);border-color:#6366f166;transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.welcome-cta{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);color:#fff;border:1.5px solid rgba(255,255,255,.35);padding:16px 40px;border-radius:980px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);min-width:180px;box-shadow:0 4px 24px #6366f166,0 1px 3px #0000001a,inset 0 1px #ffffff40;position:relative;overflow:hidden}.welcome-cta:hover{filter:brightness(1.12);transform:translateY(-2px);box-shadow:0 8px 30px #6366f180,inset 0 1px #fff3}.welcome-cta:active{transform:translateY(0) scale(.98)}.welcome-footer{margin-top:40px;font-size:.75rem;font-weight:400;color:#86868b;letter-spacing:.01em}.about-right{flex:.85;display:flex;align-items:center;justify-content:center;position:relative;background:#f5f5f7;border-radius:0 32px 32px 0;padding:50px 45px;overflow:hidden}.about-right:before{content:"";position:absolute;top:-50px;right:-50px;width:300px;height:300px;background:radial-gradient(circle,rgba(99,102,241,.08) 0%,transparent 70%);border-radius:50%;z-index:0;animation:floatOrb 12s ease-in-out infinite}.about-right:after{content:"";position:absolute;bottom:-30px;left:-30px;width:200px;height:200px;background:radial-gradient(circle,rgba(168,85,247,.06) 0%,transparent 70%);border-radius:50%;z-index:0;animation:floatOrb 15s ease-in-out infinite reverse}.author-card{background:#fff;padding:44px 36px;border-radius:24px;border:1px solid rgba(0,0,0,.05);box-shadow:0 12px 40px -8px #00000014;text-align:center;width:100%;max-width:380px;position:relative;z-index:1;transition:all .3s ease;display:flex;flex-direction:column;justify-content:center}.author-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px -12px #0000001f}.logos-connector{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:28px}.logo-circle{width:68px;height:68px;border-radius:16px;background:transparent;padding:0;display:flex;align-items:center;justify-content:center;overflow:visible;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.logo-circle.z-logo{background:linear-gradient(135deg,#6366f114,#a855f714);border:1px solid rgba(99,102,241,.12);border-radius:16px;padding:10px}.logo-circle.z-logo:hover{transform:scale(1.1) rotate(-5deg);box-shadow:0 8px 25px #6366f133}.logo-circle.z-logo img{width:44px;height:44px}.logo-circle.school-logo img{width:110px;height:110px;transform:translate(13px,-6px);transition:all .3s ease}.logo-circle.school-logo .school-logo-dark,html.dark-theme .logo-circle.school-logo .school-logo-light{display:none}html.dark-theme .logo-circle.school-logo .school-logo-dark{display:block}.logo-circle.school-logo:hover img{transform:translate(13px,-6px) scale(1.05)}.logo-circle img{object-fit:contain;border-radius:0}.connector-line{width:40px;height:2px;background:linear-gradient(90deg,#6366f14d,#a855f74d);position:relative;border-radius:2px}.connector-line:after{content:"×";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(180deg,#f8fafc,#f1f5f9);padding:0 6px;color:#a5b4fc;font-size:14px;font-weight:300}.author-details h2{font-size:1.8rem;font-weight:800;margin:0 0 10px;background:linear-gradient(135deg,#1e1b4b,#4338ca);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.author-role{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:#6366f1;background:linear-gradient(135deg,#6366f11a,#a855f714);border:1px solid rgba(99,102,241,.15);padding:8px 14px;border-radius:100px;margin-bottom:24px}.author-meta{display:flex;flex-direction:column;gap:14px;text-align:left;background:linear-gradient(180deg,#f8fafc,#f1f5f9);padding:20px;border-radius:18px;border:1px solid rgba(99,102,241,.06)}.meta-row{display:flex;align-items:center;gap:12px;font-size:.88rem;color:#4b5563;font-weight:500}.meta-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.15),transparent);margin:8px 0 12px}.email-group{display:flex;flex-direction:column;gap:10px}.email-row{display:flex;align-items:center;gap:12px;width:100%;background:#ffffffe6;border:1px solid rgba(99,102,241,.08);border-radius:12px;padding:12px 14px;cursor:pointer;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,color .25s ease;text-align:left;color:#4b5563}.email-row:hover{background:#fff;border-color:#6366f133;box-shadow:0 6px 20px #6366f11a}.email-row:active{box-shadow:0 3px 12px #6366f114}.email-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#6366f11a,#a855f714);border-radius:8px;color:#6366f1}.email-icon svg{width:14px;height:14px}.email-text{flex:1;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.75rem;letter-spacing:-.02em;white-space:nowrap;overflow:visible;color:#374151}.copy-feedback{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:#a5b4fc;opacity:0;transition:all .2s ease}.email-row:hover .copy-feedback{opacity:1;color:#6366f1}.meta-row svg{color:#6366f1;width:18px;height:18px;flex-shrink:0}.about-left>*{opacity:0;animation:slideUpFade .5s cubic-bezier(.2,.8,.2,1) forwards}.about-left .hero-bg-visual{animation-delay:.05s}.about-left .about-brand{animation-delay:.15s}.about-left .value-prop{animation-delay:.2s}.about-left .about-description{animation-delay:.25s}.about-left .cta-wrapper{animation-delay:.35s}.about-left .ai-badge{animation-delay:.4s}.author-card{opacity:0;animation:popIn .6s cubic-bezier(.34,1.56,.64,1) .25s forwards;transform:scale(.96)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ion-item-expandable{display:block;cursor:pointer;padding:0}.ion-item-expandable.active{background:#ffffff4d;border-color:#fff6;box-shadow:0 4px 15px #00000005;transform:none}.ion-item-expandable:active{transform:scale(.96)}.ion-item-expandable:focus-visible{outline:2px solid rgba(59,130,246,.35);outline-offset:2px}.ion-item-summary{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;min-height:31px;padding:14px 24px;overflow:visible}.ion-item-detail{width:100%;box-sizing:border-box;max-height:0;opacity:0;overflow:hidden;transition:max-height .22s ease,opacity .18s ease}.ion-item-expandable.active .ion-item-detail{max-height:300px;opacity:1}.ion-item-detail-inner{width:100%;box-sizing:border-box;padding:3px 24px 10px}.ion-detail-note{margin:0;font-size:.78rem;font-weight:500;color:#0f172a9e;font-family:-apple-system,sans-serif;line-height:1.4;text-align:left}.ion-symbol-isotope{display:inline-flex;align-items:flex-start;gap:.06em;line-height:1;padding:0;flex-shrink:0;overflow:visible}.isotope-mass-number{display:inline-flex;align-items:flex-start;justify-content:flex-end;min-width:1.18em;height:1em;font-size:.72em;line-height:1;font-weight:700;font-family:Baskerville,Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-synthesis:none;text-align:right;letter-spacing:.01em;align-self:flex-start;margin-top:0;transform:translateY(-.05em);font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1,"onum" 0,"pnum" 0}.isotope-element-symbol{display:inline-block;line-height:1;align-self:flex-end}.ion-isotope-meta{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.ion-isotope-neutron{font-weight:600;font-size:.95rem;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1}.ion-isotope-stability{font-size:.7rem;text-transform:uppercase;opacity:.6;font-weight:700;letter-spacing:.5px}.ion-isotope-stability.radioactive{color:#b91c1c}:lang(zh) .headline-name,html[lang^=zh] .headline-name{font-size:3.6rem;letter-spacing:.05em;line-height:1.15}:lang(zh) .element-name,html[lang^=zh] .element-name{font-size:clamp(3.2rem,18cqi,3.8rem);letter-spacing:.05em}:lang(zh) .element-text[data-name-length=very-short] .element-name,html[lang^=zh] .element-text[data-name-length=very-short] .element-name{font-size:clamp(4rem,22cqi,5rem)}:lang(zh) .element-text[data-name-length=short] .element-name,html[lang^=zh] .element-text[data-name-length=short] .element-name{font-size:clamp(3.8rem,20cqi,4.4rem)}body.tutorial-active .simplified-element-box .slider-controls{opacity:1!important;pointer-events:auto!important;transform:translate(-50%) translateY(50%)!important;z-index:9999!important}body.tutorial-active .level-lock-btn{display:flex!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;z-index:9999!important}.p4-notice-wrap{margin-top:14px}.p4-notice{padding:12px 16px;background:#6366f114;border-left:3px solid #6366f1;border-radius:0 8px 8px 0;color:#1e293b;font-size:.95rem;line-height:1.5;margin:0}.dark-theme .p4-notice{background:#818cf81f;border-left:3px solid #818cf8;color:#cbd5e1}.p4-actions{display:flex;align-items:center;gap:8px;margin-top:10px}.p4-github-link{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:transparent;border:none;color:#94a3b8;text-decoration:none;transition:color .18s ease,opacity .18s ease;flex-shrink:0;opacity:.7}.p4-github-link:hover{color:#475569;opacity:1}.dark-theme .p4-github-link{color:#64748b;opacity:.75}.dark-theme .p4-github-link:hover{color:#94a3b8;opacity:1}.p4-v2-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:100px;background:transparent;border:1px solid rgba(99,102,241,.35);color:#6366f1;font-size:.78rem;font-weight:500;text-decoration:none;letter-spacing:.01em;transition:border-color .18s ease,color .18s ease,background .18s ease;white-space:nowrap}.p4-v2-btn:hover{border-color:#6366f1;background:#6366f10f;color:#4f46e5}.p4-v2-btn:active{transform:scale(.97)}.dark-theme .p4-v2-btn{border-color:#818cf84d;color:#818cf8}.dark-theme .p4-v2-btn:hover{border-color:#818cf899;background:#818cf814;color:#a5b4fc}@media(pointer:coarse){.modal-overlay{backdrop-filter:blur(10px) saturate(115%);-webkit-backdrop-filter:blur(10px) saturate(115%);background:#c8c3be7a}#element-modal.modal-overlay{backdrop-filter:blur(10px) saturate(115%);-webkit-backdrop-filter:blur(10px) saturate(115%);background:#0a0c12bd}.feature-help-overlay{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffffeb}.modal-content{transition:transform .3s ease,opacity .3s ease}}.atom-bottom-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:0;z-index:220;height:40px;padding:0 4px;border-radius:999px;background:var(--segment-track-bg);border:none;box-shadow:none;pointer-events:auto;transition:background .2s ease,box-shadow .2s ease}html.dark-theme .atom-bottom-controls{background:var(--segment-track-bg);box-shadow:none}.atom-bottom-pause{appearance:none;border:none;background:transparent;width:36px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:#4f5d75;cursor:pointer;transition:background .2s ease,color .2s ease,transform .1s ease}.atom-bottom-pause:hover{background:#000000d9;color:#fff;transform:scale(1.08)}.atom-bottom-pause:active{transform:scale(.92)}html.dark-theme .atom-bottom-pause{color:#ffffffd9}html.dark-theme .atom-bottom-pause:hover{background:#fff;color:#0a0a0e}.surface-slider{position:absolute;top:3px;left:3px;width:calc(50% - 3px);height:28px;background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:transform .25s cubic-bezier(.4,0,.2,1);z-index:1}html.dark-theme .surface-slider{background:#334155;box-shadow:0 1px 3px #0000004d}.surface-slider{top:3px;left:3px;width:calc(50% - 3px);height:28px;border-radius:10px;background:#ffffffdb;box-shadow:0 4px 10px #2c3b4b1f,inset 0 1px #ffffffb8}@keyframes atom-3d-view-enter{0%{opacity:0;transform:scale(.965);filter:saturate(.92) brightness(1.06)}55%{opacity:1;transform:scale(1.012);filter:saturate(1) brightness(1)}to{opacity:1;transform:scale(1);filter:none}}html.dark-theme .surface-slider{background:#ffffff2e!important;box-shadow:0 2px 6px #00000040!important}.fe-orbital-embed{position:absolute;top:0;left:0;width:100%;height:100%;display:none;pointer-events:none;z-index:5;border-radius:inherit;overflow:hidden}.fe-orbital-embed.active{display:block;pointer-events:auto}.fe-orbital-embed-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.atom-bottom-divider{width:1px;height:18px;margin:0 4px;background:#0000001a;border-radius:1px}html.dark-theme .atom-bottom-divider{background:#ffffff24}.atom-bottom-controls:has(#atom-2d3d-toggle[style*="display: none"]) .atom-bottom-divider{display:none}.atom-bottom-controls:has(#atom-2d3d-toggle[style*="display: none"]){padding:0;width:40px;justify-content:center}.atom-2d3d-toggle{display:inline-flex;align-items:center;position:relative;height:32px;padding:0;background:transparent;border:none;box-shadow:none;--indicator-x: 0px;--indicator-w: 44px}.atom-2d3d-toggle:before{content:"";position:absolute;top:0;left:var(--indicator-x);width:var(--indicator-w);height:32px;border-radius:999px;background:#0f172a;box-shadow:0 2px 8px #0f172a2e;transition:left .32s cubic-bezier(.5,.15,.2,1),width .32s cubic-bezier(.5,.15,.2,1),background .2s ease;z-index:0}html.dark-theme .atom-2d3d-toggle:before{background:#fff;box-shadow:0 2px 10px #fff3}.atom-2d3d-opt{appearance:none;border:none;background:transparent;height:32px;padding:0 14px;border-radius:999px;font-family:inherit;font-size:.78rem;font-weight:700;letter-spacing:.04em;color:#0000008c;cursor:pointer;position:relative;z-index:1;transition:color .22s ease,transform .1s ease;-webkit-user-select:none;user-select:none}.atom-2d3d-opt:hover{color:#000000d9}.atom-2d3d-opt:active{transform:scale(.94)}.atom-2d3d-opt.active{color:#fff;background:transparent;box-shadow:none}html.dark-theme .atom-2d3d-opt{color:#ffffff8c}html.dark-theme .atom-2d3d-opt:hover{color:#ffffffeb}html.dark-theme .atom-2d3d-opt.active{color:#0a0a0e;background:transparent;box-shadow:none}#atom-container.hidden-by-3d{opacity:0;pointer-events:none}.modal-visual-pane:has(.fe-orbital-embed.active) #modal-watermark{opacity:0}.fe-orbital-embed.active{background:linear-gradient(145deg,#f8fdfcfa,#e7f6f8f2 50%,#f6f2fbfa)}.fe-orbital-embed.density-active{background:radial-gradient(ellipse at 50% 48%,#141c48b8,#040818eb 42%,#000 76%)!important}.modal-visual-pane:has(.fe-orbital-embed.density-active) .atom-bottom-controls{background:#ffffff14;box-shadow:0 4px 12px #0000004d}.modal-visual-pane:has(.fe-orbital-embed.density-active) .atom-bottom-pause{color:#ffffffd9}.modal-visual-pane:has(.fe-orbital-embed.density-active) .atom-bottom-pause:hover{background:#fff;color:#0a0a0e}.modal-visual-pane:has(.fe-orbital-embed.density-active) .atom-bottom-divider{background:#ffffff24}.modal-visual-pane:has(.fe-orbital-embed.density-active) .atom-2d3d-toggle:before{background:#fff;box-shadow:0 2px 10px #fff3}.modal-visual-pane:has(.fe-orbital-embed.density-active) .atom-2d3d-opt{color:#fff9}.modal-visual-pane:has(.fe-orbital-embed.density-active) .atom-2d3d-opt:hover{color:#fffffff2}.modal-visual-pane:has(.fe-orbital-embed.density-active) .atom-2d3d-opt.active{color:#0a0a0e}.fe-orbital-embed.density-active:before{display:block!important;opacity:.48;background-image:linear-gradient(90deg,rgba(79,112,210,.055) 1px,transparent 1px),linear-gradient(0deg,rgba(79,112,210,.045) 1px,transparent 1px),radial-gradient(circle,rgba(79,154,255,.34) 0 1px,transparent 1.4px)!important;background-size:64px 64px,64px 64px,96px 96px!important}.fe-orbital-embed.density-active:after{display:block!important;background:radial-gradient(ellipse at center,transparent 44%,rgba(0,0,0,.52) 100%)!important}.fe-orbital-embed.active:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(90deg,rgba(82,129,143,.055) 1px,transparent 1px),linear-gradient(0deg,rgba(104,116,151,.045) 1px,transparent 1px);background-size:58px 58px}.fe-orbital-embed.active:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.72) 0%,transparent 22%,transparent 78%,rgba(255,255,255,.62) 100%),linear-gradient(180deg,rgba(255,255,255,.42),transparent 38%,rgba(229,239,242,.38))}.fe-orbital-embed-canvas{z-index:2;transform-origin:center center}.atom-magnetic-field-control{position:absolute;left:22px;bottom:22px;z-index:100001;pointer-events:auto}.atom-magnetic-model-label{position:absolute;left:22px;top:42px;z-index:5;color:#96c8ff85;font:500 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.atom-magnetic-model-label[hidden]{display:none}.atom-magnetic-field-toggle{appearance:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;border:none;border-radius:50%;background:#0000000a;color:#4f5d75;font:inherit;cursor:pointer;pointer-events:auto;transition:all .2s;box-shadow:0 4px 12px #0000000d}.atom-magnetic-field-toggle:hover{background:#000000d9;color:#fff;box-shadow:0 6px 16px #00000026;transform:scale(1.1)}.atom-magnetic-field-toggle:active{transform:scale(.92)}.atom-magnetic-field-toggle:focus-visible{outline:2px solid #111111;outline-offset:3px}@media(max-width:680px){.atom-magnetic-field-control{left:14px;bottom:70px}}#fe-orbital-embed-status,#fe-orbital-radius-label{z-index:4}.fe-orbital-embed.active.view-enter .fe-orbital-embed-canvas{animation:atom-3d-view-enter .58s cubic-bezier(.2,.75,.2,1) both!important;will-change:transform,opacity,filter}html.dark-theme .fe-orbital-embed.active{background:linear-gradient(180deg,#1a1e24fa,#161a20f7)!important}html.dark-theme .fe-orbital-embed.active:before{background-image:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.03) 1px,transparent 1px)!important;background-size:64px 64px!important}html.dark-theme .fe-orbital-embed.active:after{display:none!important}.atom-3d-ori-wrapper{position:relative;width:56px;height:28px;border-radius:8px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(148,163,184,.26);box-shadow:0 1px 2px #0f172a14;transition:border-color .18s ease,box-shadow .18s ease;-webkit-user-select:none;user-select:none;will-change:transform;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.atom-3d-ori-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom right,transparent calc(50% - .75px),rgba(15,23,42,.18) 50%,transparent calc(50% + .75px));pointer-events:none;z-index:2}.atom-3d-ori-half{position:absolute;top:0;left:0;width:100%;height:100%;appearance:none;border:none;background:transparent;cursor:pointer;outline:none;transition:background-color .15s ease;will-change:clip-path,background-color;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.atom-3d-ori-half.spin-up{clip-path:polygon(0 0,100% 0,0 100%);z-index:1}.atom-3d-ori-half.spin-down{clip-path:polygon(100% 0,100% 100%,0 100%);z-index:1}.atom-3d-ori-label{position:absolute;pointer-events:none;font:700 .72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;z-index:3;transition:color .15s ease}.atom-3d-orbit-row-s .atom-3d-ori-wrapper{background:#7e57c238}.atom-3d-orbit-row-s .atom-3d-ori-label{color:#694caf}.atom-3d-orbit-row-p .atom-3d-ori-wrapper{background:#be524c33}.atom-3d-orbit-row-p .atom-3d-ori-label{color:#9f514b}.atom-3d-orbit-row-d .atom-3d-ori-wrapper{background:#3d75b833}.atom-3d-orbit-row-d .atom-3d-ori-label{color:#356ca7}.atom-3d-orbit-row-f .atom-3d-ori-wrapper{background:#2f987633}.atom-3d-orbit-row-f .atom-3d-ori-label{color:#2b8b6d}.atom-3d-ori-wrapper.has-active .atom-3d-ori-label{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.4)}.atom-3d-orbit-row-s .atom-3d-ori-half.active{background-color:#7c52c7}.atom-3d-orbit-row-p .atom-3d-ori-half.active{background-color:#b0524c}.atom-3d-orbit-row-d .atom-3d-ori-half.active{background-color:#3d75b8}.atom-3d-orbit-row-f .atom-3d-ori-half.active{background-color:#2f9876}.atom-3d-ori-half:hover{filter:brightness(.92)}.atom-3d-ori-half.disabled,.atom-3d-ori-half:disabled{background-color:#cbd5e1!important;cursor:not-allowed;pointer-events:none;opacity:1!important}html.dark-theme .atom-3d-ori-wrapper{border-color:#ffffff14}html.dark-theme .atom-3d-ori-wrapper:after{background:linear-gradient(to bottom right,transparent calc(50% - .75px),rgba(255,255,255,.15) 50%,transparent calc(50% + .75px))}html.dark-theme .atom-3d-orbit-row-s .atom-3d-ori-wrapper{background:#7c4ec57a}html.dark-theme .atom-3d-orbit-row-s .atom-3d-ori-label{color:#d6c5ff}html.dark-theme .atom-3d-orbit-row-p .atom-3d-ori-wrapper{background:#8131349e}html.dark-theme .atom-3d-orbit-row-p .atom-3d-ori-label{color:#ffb7b1}html.dark-theme .atom-3d-orbit-row-d .atom-3d-ori-wrapper{background:#194471b3}html.dark-theme .atom-3d-orbit-row-d .atom-3d-ori-label{color:#add2ff}html.dark-theme .atom-3d-orbit-row-f .atom-3d-ori-wrapper{background:#1f5b469e}html.dark-theme .atom-3d-orbit-row-f .atom-3d-ori-label{color:#9ee7c9}html.dark-theme .atom-3d-orbit-row-s .atom-3d-ori-half.active{background-color:#5f3d9d}html.dark-theme .atom-3d-orbit-row-p .atom-3d-ori-half.active{background-color:#703236}html.dark-theme .atom-3d-orbit-row-d .atom-3d-ori-half.active{background-color:#153c68}html.dark-theme .atom-3d-orbit-row-f .atom-3d-ori-half.active{background-color:#1f6b52}html.dark-theme .atom-3d-ori-half.disabled,html.dark-theme .atom-3d-ori-half:disabled{background-color:#334155!important;cursor:not-allowed;pointer-events:none;opacity:1!important}#modal-content-primary.archive-lens-active{background:#f8f7f4f0}#modal-content-primary.archive-lens-active .modal-info-pane{opacity:1;transform:none;filter:none;pointer-events:auto}#modal-content-primary.archive-lens-active #atom-orbit-toggle-btn{opacity:0;pointer-events:none}#modal-content-primary.archive-lens-active:has(.archive-lens.is-detail-open) .elem-nav-btn{opacity:0;pointer-events:none}#modal-content-primary.archive-lens-active .modal-visual-pane{position:relative;z-index:3;border-left-color:#0000000a;background:transparent}#modal-content-primary.archive-lens-active.archive-fullscreen-mode .modal-info-pane{opacity:0;transform:scale(.985);filter:blur(8px);pointer-events:none}#modal-content-primary.archive-lens-active.archive-fullscreen-mode .modal-visual-pane{position:absolute;inset:0;z-index:8;border-left:0}#modal-content-primary.archive-lens-active.archive-fullscreen-mode .modal-top-buttons{top:clamp(16px,2vw,26px);right:clamp(16px,2vw,26px);z-index:260}#modal-content-primary.archive-lens-active.archive-fullscreen-mode .modal-close{width:44px;height:44px;background:#0f172a0b;color:#283346d1;font-size:1.35rem;box-shadow:none}#modal-content-primary.archive-lens-active.archive-fullscreen-mode .modal-close:hover{background:#000000d9;color:#fff}html.dark-theme #modal-content-primary.archive-lens-active.archive-fullscreen-mode .modal-close:hover{background:#ffffffe6;color:#0f172a}#modal-content-primary.archive-lens-active.archive-fullscreen-mode .atom-image-container{padding:0 clamp(20px,3vw,40px) clamp(20px,3vw,40px);background:linear-gradient(180deg,#f8f7f4fa,#f6f4f0eb)!important;justify-content:flex-start}html.dark-theme #modal-content-primary.archive-lens-active{background:#111215f5}html.dark-theme #modal-content-primary.archive-lens-active .modal-visual-pane{background:transparent}.atom-image-container{position:absolute;inset:0;width:100%;height:100%;display:none;flex-direction:column;align-items:center;justify-content:center;z-index:5;border-radius:inherit;overflow:hidden;box-sizing:border-box;padding:clamp(18px,3vw,34px);background:transparent!important}html.dark-theme .atom-image-container{background:transparent!important}.atom-image-container.active{display:flex}#modal-content-primary.archive-lens-active .atom-image-container.active,#modal-content-primary.archive-lens-active .archive-lens{pointer-events:auto}.modal-visual-pane:has(.atom-image-container.active) #modal-watermark{opacity:0}.archive-badge{display:inline-block;padding:4px 8px;border-radius:7px;background:#2b62b41a;color:#255ea8;font-size:.66rem;font-weight:820;letter-spacing:.08em;text-transform:uppercase}html.dark-theme .archive-badge{background:#60a5fa24;color:#93c5fd}.archive-element-title{font-weight:850;color:var(--text-primary, #0f172a);margin:0;line-height:1.05}.archive-text{color:var(--text-secondary, #334155);margin:0;word-break:break-word}html.dark-theme .archive-text{color:var(--text-secondary, #94a3b8)}.archive-meta-item{display:flex;flex-direction:column;gap:5px}.archive-meta-label{color:var(--text-secondary, #4f5d75);font-weight:760;letter-spacing:.07em;text-transform:uppercase}.archive-meta-value{color:var(--text-primary, #0f172a);line-height:1.32}.archive-lens{position:relative;width:100%;height:min(100%,680px);display:grid;grid-template-columns:1fr;align-items:center;justify-items:center;gap:clamp(18px,3vw,32px);margin:auto}.archive-suggest-launch{position:absolute;bottom:20px;left:20px;z-index:8;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:#fff6;color:#000;box-shadow:0 4px 12px #0000000d;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);font:700 .72rem/1 inherit;letter-spacing:.02em;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease,transform .16s ease}.archive-suggest-launch:hover{transform:scale(var(--hover-scale));border-color:#000;background:#000;color:#fff}html.dark-theme .archive-suggest-launch{border-color:#ffffff26;background:#ffffff1a;color:#fff;box-shadow:0 4px 12px #0000004d}html.dark-theme .archive-suggest-launch:hover{border-color:#fff;background:#fff;color:#000}.archive-suggest-launch span{font-size:1rem;font-weight:500;line-height:0}#modal-content-primary.archive-lens-active:has(.archive-lens.is-detail-open) .archive-suggest-launch{opacity:0;pointer-events:none;transform:translateY(4px)}.archive-lens-constellation{position:relative;grid-column:1 / -1;grid-row:1;width:min(100%,760px);height:min(100%,650px);min-height:520px;transition:opacity .42s ease,transform .42s cubic-bezier(.2,.8,.2,1);will-change:opacity,transform}.archive-lens-constellation.is-liquid{filter:url(#archive-liquid-goo);-webkit-filter:url(#archive-liquid-goo)}.archive-lens-constellation.is-liquid .archive-orb-media{box-shadow:none!important;background:#f7f3ed!important;border-color:#f7f3ed!important}html.dark-theme .archive-lens-constellation.is-liquid .archive-orb-media{background:#1e1e22!important;border-color:#1e1e22!important}.archive-lens-constellation.is-liquid .archive-orb-main img{animation:archive-main-img-reveal .46s cubic-bezier(.22,1,.36,1) both}.archive-lens-constellation.is-liquid .archive-orb-main .archive-orb-caption{animation:archive-caption-reveal .46s cubic-bezier(.22,1,.36,1) both}.archive-lens-constellation.is-liquid .archive-orb-small img,.archive-lens-constellation.is-liquid .archive-orb-small .archive-orb-fallback{animation:archive-img-reveal .84s linear var(--orbit-delay, .38s) both}.archive-lens-constellation.is-liquid .archive-orb-small .archive-orb-caption{animation:archive-caption-reveal .84s linear var(--orbit-delay, .38s) both}.archive-orbit-items{position:absolute;inset:0;transform-origin:center}.archive-orb{position:absolute;border:0;padding:0;background:transparent;color:var(--text-primary, #1d1d1f);font:inherit;cursor:pointer;isolation:isolate;-webkit-tap-highlight-color:transparent}.archive-orb-media{position:relative;display:flex;width:100%;height:100%;align-items:center;justify-content:center;border-radius:inherit;overflow:hidden;background:#ffffff94;border:1px solid rgba(255,255,255,.82);box-shadow:0 28px 80px #342b2233;transform:translateZ(0)}.archive-orb-media:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(to top,rgba(0,0,0,.44),rgba(0,0,0,.1) 32%,transparent 58%);opacity:.82;pointer-events:none}.archive-orb-main .archive-orb-media:after{background:linear-gradient(to top,rgba(0,0,0,.36),rgba(0,0,0,.08) 30%,transparent 58%);opacity:.78}html.dark-theme .archive-orb-media{background:#ffffff0f;border-color:#ffffff1f;box-shadow:0 28px 90px #00000070}.archive-orb .atom-image-element,.archive-orb-media img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;border-radius:inherit;background:transparent;box-shadow:none;opacity:1;transform:none;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .5s cubic-bezier(.25,1,.5,1)}.archive-orb:hover .archive-orb-media img,.archive-orb:hover .atom-image-element{transform:scale(1.045)}.archive-orb-main{left:50%;top:50%;width:clamp(230px,27vw,315px);height:clamp(230px,27vw,315px);border-radius:50%;transform:translate(-50%,-50%);scale:1;rotate:0deg;animation:archive-main-arrive .46s cubic-bezier(.22,1,.36,1) both;z-index:4;will-change:transform,opacity}.archive-orb-main .archive-orb-media{border-color:transparent;outline:0}.archive-orb-small{--orbit-base-distance: clamp(245px, 26vw, 300px);--orbit-distance: calc(var(--orbit-base-distance) * var(--orbit-distance-factor, 1));--orb-base-size: clamp(112px, 12vw, 150px);--orb-size: calc(var(--orb-base-size) * var(--orb-size-factor, 1));left:50%;top:50%;width:var(--orb-size);height:var(--orb-size);border-radius:50%;transform:translate(-50%,-50%) rotate(var(--orbit-angle)) translate(var(--orbit-distance)) rotate(calc(var(--orbit-angle) * -1));translate:0 0;animation:archive-orb-arrive .84s cubic-bezier(.34,.02,.16,1) var(--orbit-delay, .38s) both,archive-orb-float var(--float-duration, 9s) ease-in-out calc(var(--orbit-delay, .38s) + .84s) infinite;z-index:5;will-change:transform}.archive-orb-small .archive-orb-media:before{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;background:#f7f3edfc;pointer-events:none;opacity:0}html.dark-theme .archive-orb-small .archive-orb-media:before{background:#1e1e22fc}.archive-lens-constellation.is-liquid .archive-orb-small .archive-orb-media:before{animation:archive-orb-coat-fade .84s linear var(--orbit-delay, .38s) both}.archive-lens-constellation.is-liquid .archive-orb-small{z-index:3}.archive-orb-small .archive-orb-media{box-shadow:0 18px 48px #342b222e}.archive-orb.is-active .archive-orb-media,.archive-orb-main.is-active .archive-orb-media{outline:0;outline-offset:0}html.dark-theme .archive-orb.is-active .archive-orb-media,html.dark-theme .archive-orb-main.is-active .archive-orb-media{outline:0}.archive-orb-caption{position:absolute;left:14%;right:14%;bottom:12%;z-index:2;transform:none;max-width:none;padding:0;border-radius:0;background:transparent;color:#fffffff0;font-size:clamp(.72rem,1.1vw,.88rem);font-weight:820;line-height:1.05;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 8px rgba(0,0,0,.42);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none;transition:opacity .5s cubic-bezier(.25,1,.5,1)}.archive-orb-main .archive-orb-caption{left:18%;right:18%;bottom:11%;font-size:clamp(.78rem,1.2vw,.98rem)}html.dark-theme .archive-orb-caption{background:transparent;color:#ffffffeb}.archive-focus-card,.archive-lens-detail{display:none}.archive-lens.is-detail-open{grid-template-columns:minmax(230px,.9fr) minmax(260px,1fr)}.archive-lens.is-fullscreen-detail{width:100%;height:100%;max-width:none;grid-template-columns:1fr;align-items:stretch;margin:0}#modal-content-primary.archive-lens-active:has(.archive-lens.is-detail-open) .atom-bottom-controls,#modal-content-primary.archive-lens-active:has(.archive-lens.is-detail-open) #element-tutorial-btn{opacity:0;pointer-events:none}.archive-lens.is-detail-open .archive-lens-constellation{position:absolute;inset:0;opacity:0;transform:scale(.82) rotate(-8deg);filter:blur(14px);pointer-events:none}.archive-lens.is-detail-open .archive-focus-card{display:flex;grid-column:1;width:min(100%,340px);aspect-ratio:.92;border-radius:28px;overflow:hidden;align-items:center;justify-content:center;background:#ffffff7a;border:1px solid rgba(255,255,255,.72);box-shadow:0 24px 74px #342b2229;animation:archive-focus-in .48s cubic-bezier(.16,1,.3,1) both}.archive-lens.is-fullscreen-detail .archive-focus-card{display:none}html.dark-theme .archive-lens.is-detail-open .archive-focus-card{background:#ffffff0f;border-color:#ffffff1a;box-shadow:0 26px 80px #0000006b}.archive-focus-image{width:100%;height:100%;object-fit:cover}.archive-focus-fallback,.archive-orb-fallback{width:100%;height:100%;display:none;align-items:center;justify-content:center;font-size:clamp(2.4rem,8vw,5rem);font-weight:850;color:#1f1a1699;background:linear-gradient(135deg,#d2c4ae8f,#eeeee8d1)}.archive-lens.is-detail-open .archive-lens-detail{display:flex;grid-column:2;width:min(100%,390px);min-height:240px;flex-direction:column;justify-content:center;padding:clamp(10px,2vw,18px);animation:archive-detail-in .42s cubic-bezier(.16,1,.3,1) both}.archive-lens.is-fullscreen-detail .archive-lens-detail{position:static;grid-column:1;grid-row:1;width:min(100%,1220px);height:100%;min-height:0;align-items:center;justify-content:flex-start!important;padding:clamp(52px,8vh,68px) clamp(28px,5vw,78px) clamp(14px,2vh,24px);text-align:center;overflow:visible;animation:archive-fullscreen-fade-in .42s cubic-bezier(.16,1,.3,1) both}.archive-lens.is-fullscreen-detail .archive-goo-defs{position:absolute;pointer-events:none}.archive-detail-topline{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:12px}.archive-lens.is-fullscreen-detail .archive-detail-topline{position:absolute;top:calc(clamp(16px,2vw,26px) - 16px);left:calc(clamp(16px,2vw,26px) - clamp(20px,3vw,40px));margin:0}.archive-lens.is-fullscreen-detail .archive-badge,.archive-lens.is-detail-open .archive-badge,.archive-lens.is-detail-open .archive-detail-tags{display:none}.archive-lens.is-fullscreen-detail .archive-detail-close{width:44px;height:44px;background:#0f172a0b;color:#283346d1}.archive-lens.is-fullscreen-detail .archive-detail-close:hover{background:#000000d9;color:#fff}.archive-detail-close{order:-1;display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border:0;border-radius:50%;background:#0000000d;color:var(--text-primary, #1d1d1f);cursor:pointer;transition:background .2s ease,transform .2s ease,color .2s ease}.archive-detail-close:hover{background:#000000d9;color:#fff;transform:scale(1.08)}.archive-detail-close:active{background:#000000d9;color:#fff;transform:scale(.92)}.archive-element-title{font-size:clamp(1.85rem,3vw,2.65rem);letter-spacing:-.04em}.archive-lens.is-detail-open .archive-meta-grid{display:none}.archive-lens-detail .archive-text{max-width:340px;margin-top:14px;font-size:.94rem;line-height:1.45}.archive-lens.is-fullscreen-detail .archive-element-title{margin-top:0;font-size:clamp(2.35rem,3.15vw,3.55rem);letter-spacing:-.03em}.archive-lens.is-fullscreen-detail .archive-text{max-width:820px;margin:8px auto 0;color:#1f1a16a8;font-size:clamp(.92rem,1.08vw,1.02rem);line-height:1.38}.archive-extra-panel{width:min(100%,430px);margin-top:18px}.archive-lens.is-fullscreen-detail .archive-extra-panel{width:min(100%,980px);flex:1 1 auto;min-height:0;display:flex;align-items:stretch;justify-content:center;margin-top:clamp(12px,2vh,22px)}.archive-state-grid{display:flex;flex-direction:column;gap:10px}.archive-state-card,.archive-history-card{min-width:0;border-radius:18px;background:#0000000b}.archive-state-card{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:12px;align-items:start;padding:12px}.archive-state-card:not(:has(img)){display:block}.archive-state-card img{display:block;width:100%;aspect-ratio:1;grid-row:1 / span 3;border-radius:13px;object-fit:cover}.archive-state-label,.archive-history-year{display:block;margin-bottom:6px;color:#255ea8e6;font-size:.62rem;font-weight:840;letter-spacing:.08em;text-transform:uppercase}.archive-state-card strong,.archive-history-card strong{display:block;color:var(--text-primary, #1d1d1f);font-size:.84rem;line-height:1.15}.archive-state-card p,.archive-history-card p{margin:7px 0 0;color:#1f1a16ad;font-size:.74rem;line-height:1.35}.archive-history-turntable{width:100%}.archive-lens.is-fullscreen-detail .archive-history-turntable{display:grid;width:100%;height:100%;grid-template-rows:minmax(0,1fr) auto;align-items:center}.archive-history-stage{position:relative;height:242px;overflow:visible;perspective:1200px;transform-style:preserve-3d;outline:0;z-index:10}.archive-lens.is-fullscreen-detail .archive-history-stage{height:clamp(286px,38vh,380px);overflow:visible;perspective:1400px;transform-style:preserve-3d}.archive-history-card{position:absolute;top:50%;left:50%;width:min(224px,66%);min-height:202px;padding:10px;cursor:pointer;transform-style:preserve-3d;transform-origin:center center -80px;border-radius:18px;background:#000;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 45px #00000080,inset 0 1px #ffffff14;transition:filter .46s ease,box-shadow .46s ease,border-color .46s ease;will-change:transform,opacity}.archive-lens.is-fullscreen-detail .archive-history-card{width:min(338px,27.5vw);min-height:272px;padding:13px;border-radius:23px}.archive-history-card .archive-history-year{color:#caa76b}.archive-history-card strong{color:#fff}.archive-history-card p{color:#ffffffc2}.archive-history-card:not(.is-active){filter:saturate(.68) brightness(1.02) blur(1.2px);border-color:#ffffff0d;box-shadow:0 10px 30px #0006}.archive-history-card.is-active{filter:none;border-color:#ffffff80;box-shadow:0 38px 90px #000000b3,inset 0 1px #ffffff26}.archive-history-card img{display:block;width:100%;aspect-ratio:1.4;margin-bottom:9px;border-radius:13px;object-fit:cover}.archive-lens.is-fullscreen-detail .archive-history-card img{aspect-ratio:1.42;border-radius:17px;margin-bottom:8px}.archive-history-control{--history-progress: 0%;position:relative;width:min(100%,430px);height:72px;margin:8px auto 0;z-index:1}.archive-lens.is-fullscreen-detail .archive-history-control{width:min(860px,86%);height:64px;margin-top:-14px}.archive-history-slider{display:block;position:absolute;top:0;left:0;z-index:20;width:100%;height:52px;margin:0;appearance:none;background:transparent;opacity:0;accent-color:#111827;cursor:pointer}.archive-lens.is-fullscreen-detail .archive-history-slider{width:100%;margin:0}.archive-history-slider::-webkit-slider-runnable-track{height:10px;border-radius:999px;background:transparent}.archive-history-slider::-webkit-slider-thumb{appearance:none;width:23px;height:23px;margin-top:-7px;border:2px solid rgba(245,239,226,.95);border-radius:50%;background:#111827;box-shadow:0 6px 16px #0f172a3d,inset 0 1px #fff3}.archive-history-slider::-moz-range-track{height:10px;border-radius:999px;background:transparent}.archive-history-slider::-moz-range-thumb{width:23px;height:23px;border:2px solid rgba(245,239,226,.95);border-radius:50%;background:#111827;box-shadow:0 6px 16px #0f172a3d,inset 0 1px #fff3}.archive-history-era-rail{position:absolute;top:8px;left:0;right:0;height:58px;pointer-events:none;overflow:visible}.archive-history-era-rail:before{display:none}.archive-history-era-rail:after{display:none}.archive-history-ticks{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;align-items:center;height:38px;padding:0 4px;pointer-events:none;z-index:2}.archive-history-tick{width:2px;height:calc(8px + 22px * var(--tick-intensity, 0));border-radius:99px;pointer-events:none;background-color:#786e5f;box-shadow:none;transition:height .05s ease-out}.archive-history-era-mark{position:absolute;top:0;left:var(--mark-pos);z-index:5;width:72px;height:58px;padding:0;border:0;background:transparent;color:#4e433494;font:inherit;pointer-events:auto;cursor:pointer;transform:translate(-50%);overflow:visible}.archive-history-era-dot{display:none}.archive-history-era-label{position:absolute;bottom:-4px;left:50%;transform:translate(-50%) scale(.92);font-size:.68rem;font-weight:800;color:#786e5f;opacity:.6;transition:opacity .28s ease,transform .28s ease,color .28s ease;white-space:nowrap}html.dark-theme .archive-history-era-label{color:#8e8e93}.archive-history-era-mark.is-active .archive-history-era-label{opacity:1;transform:translate(-50%) scale(1.05);color:#caa76b}.archive-history-era-mark.is-active{color:#caa76b}.archive-history-era-mark:first-child .archive-history-era-label{left:50%;text-align:left;transform:scale(1);transform-origin:left center}.archive-history-era-mark:first-child.is-active .archive-history-era-label{transform:scale(1.1)}.archive-history-era-mark:last-child .archive-history-era-label{left:50%;right:auto;text-align:right;transform:translate(-100%) scale(1);transform-origin:right center}.archive-history-era-mark:last-child.is-active .archive-history-era-label{transform:translate(-100%) scale(1.1)}html.dark-theme .archive-state-card{background:#ffffff12}html.dark-theme .archive-history-card{background:#000;border-color:#ffffff1a}html.dark-theme .archive-history-card:not(.is-active){border-color:#ffffff0d;box-shadow:0 10px 30px #0000008c}html.dark-theme .archive-history-card.is-active{border-color:#ffffff80;box-shadow:0 38px 90px #000c,inset 0 1px #ffffff26}html.dark-theme .archive-state-card p,html.dark-theme .archive-history-card p{color:#ffffffad}html.dark-theme .archive-history-slider{accent-color:#fff}html.dark-theme .archive-history-slider::-webkit-slider-runnable-track{background:transparent}html.dark-theme .archive-history-slider::-webkit-slider-thumb{background:#fff}html.dark-theme .archive-history-slider::-moz-range-track{background:transparent}html.dark-theme .archive-history-slider::-moz-range-thumb{background:#fff}html.dark-theme .archive-history-era-rail:before{background:#2f2f32;box-shadow:none}html.dark-theme .archive-history-era-rail:after{display:none}html.dark-theme .archive-history-tick{background-color:#5c5c60}html.dark-theme .archive-history-era-mark{color:#ffffff7a}html.dark-theme .archive-history-era-mark.is-active{color:#fff}.archive-lens-detail .archive-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0 0}.archive-lens-detail .archive-meta-label{font-size:.64rem}.archive-lens-detail .archive-meta-value{font-size:.82rem;font-weight:650}.archive-detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.archive-detail-tags span{padding:6px 10px;border-radius:999px;background:#0000000e;color:#1f1a16c2;font-size:.72rem;font-weight:760}html.dark-theme .archive-detail-tags span{background:#ffffff14;color:#ffffffc2}@keyframes archive-main-arrive{0%{opacity:0;transform:translate(-50%,-50%) scale(.16)}35%{opacity:1}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes archive-orb-arrive{0%{transform:translate(-50%,-50%) rotate(var(--orbit-angle)) translate(0) rotate(calc(var(--orbit-angle) * -1)) scale(.18)}to{transform:translate(-50%,-50%) rotate(var(--orbit-angle)) translate(var(--orbit-distance)) rotate(calc(var(--orbit-angle) * -1)) scale(1)}}@keyframes archive-orb-coat-fade{0%,50%{opacity:1}82%,to{opacity:0}}@keyframes archive-orb-float{0%,to{translate:0 0;rotate:0deg}50%{translate:var(--float-x, 6px) var(--float-y, -8px);rotate:var(--float-angle, 1.2deg)}}@keyframes archive-main-img-reveal{0%,30%{opacity:0}to{opacity:1}}@keyframes archive-img-reveal{0%,50%{opacity:0}90%,to{opacity:1}}@keyframes archive-caption-reveal{0%,50%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.archive-orb-main,.archive-orb-small{animation:archive-orb-fade-in .4s ease both}}@keyframes archive-orb-fade-in{0%{opacity:0}to{opacity:1}}@keyframes archive-focus-in{0%{opacity:0;transform:translate(28px) scale(.88);border-radius:50%}to{opacity:1;transform:translate(0) scale(1);border-radius:28px}}@keyframes archive-detail-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes archive-fullscreen-fade-in{0%{opacity:0}to{opacity:1}}@media(max-width:980px){.archive-lens.is-detail-open{grid-template-columns:1fr;align-content:center}.archive-lens.is-detail-open .archive-focus-card,.archive-lens.is-detail-open .archive-lens-detail{grid-column:1}.archive-lens.is-detail-open .archive-focus-card{width:min(100%,300px);aspect-ratio:1.18}.archive-lens.is-detail-open .archive-lens-detail{width:min(100%,440px);min-height:0;justify-content:flex-start}}@media(max-width:768px){#modal-content-primary.archive-lens-active .modal-info-pane{opacity:0;pointer-events:none}#modal-content-primary.archive-lens-active .modal-visual-pane{position:absolute;inset:0;z-index:40;width:100%;height:100%;border-left:0}.archive-lens{height:100%;overflow-y:auto}.archive-lens-constellation{min-height:430px}.archive-orb-main{width:clamp(172px,48vw,200px);height:clamp(172px,48vw,200px)}.archive-orb-small{--orbit-base-distance: clamp(148px, 42vw, 178px);--orb-base-size: clamp(68px, 20vw, 84px)}.archive-orb-caption{left:10%;right:10%;font-size:clamp(.56rem,2vw,.64rem)}.archive-orb-main .archive-orb-caption{font-size:.76rem}.archive-lens-detail .archive-meta-grid{grid-template-columns:1fr}}.archive-list-view{display:none;flex-direction:column;gap:16px;width:100%;height:100%;max-height:min(100%,680px);overflow-y:auto;padding:56px 16px 20px;box-sizing:border-box}.archive-lens.list-view-active .archive-list-view{display:flex}.archive-lens.list-view-active .archive-lens-constellation,.archive-lens.list-view-active .archive-focus-card,.archive-lens.list-view-active .archive-lens-detail{display:none!important}.archive-list-item{display:flex;flex-direction:row;align-items:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:12px;gap:16px;transition:all .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-align:left}.archive-list-item:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-2px)}.archive-list-img-wrapper{width:120px;height:120px;flex-shrink:0;border-radius:12px;overflow:hidden;background:#0003;display:flex;align-items:center;justify-content:center;position:relative}.archive-list-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.archive-list-item:hover .archive-list-img{transform:scale(1.05)}.archive-list-fallback{font-size:.8rem;color:var(--text-secondary, #4f5d75);padding:8px;text-align:center}.archive-list-info{flex-grow:1;display:flex;flex-direction:column;gap:6px;text-align:left}.archive-list-kicker{font-size:.7rem;font-weight:750;text-transform:uppercase;color:var(--text-secondary, #94a3b8);letter-spacing:.05em}.archive-list-title{font-size:1rem;font-weight:700;color:var(--text-primary, #fff);margin:0}.archive-list-text{font-size:.85rem;color:var(--text-secondary, #cbd5e1);margin:0;line-height:1.4}.archive-list-attribution{font-size:.72rem;color:var(--text-secondary, #64748b);margin-top:4px}.archive-list-attribution a{color:inherit;text-decoration:underline}html.dark-theme .archive-list-item{background:#0f172a66;border-color:#ffffff0d}html.dark-theme .archive-list-item:hover{background:#0f172a99;border-color:#ffffff1a}.archive-list-view::-webkit-scrollbar{width:6px}.archive-list-view::-webkit-scrollbar-track{background:transparent}.archive-list-view::-webkit-scrollbar-thumb{background:#78787833;border-radius:4px}.archive-list-view::-webkit-scrollbar-thumb:hover{background:#78787866}.archive-list-empty{font-size:.9rem;color:var(--text-secondary, #4f5d75);text-align:center;padding:40px}@media(max-width:600px){.archive-list-item{flex-direction:column;align-items:stretch}.archive-list-img-wrapper{width:100%;height:160px}}.modal-visual-pane:has(.archive-lens.is-list-detail) .atom-image-container{padding:0!important;justify-content:flex-start!important;align-items:flex-start!important}.archive-lens.is-list-detail{grid-template-columns:1fr!important;align-items:stretch!important;height:100%!important;min-height:100%!important;width:100%!important;max-width:none!important;margin:0!important;padding-top:0!important}.archive-lens.is-list-detail .archive-focus-card{display:none!important}.archive-lens.is-list-detail .archive-lens-detail{display:flex!important;grid-column:1 / -1!important;grid-row:1!important;align-self:flex-start!important;width:100%!important;max-width:820px!important;height:100%!important;min-height:0!important;flex-direction:column!important;justify-content:flex-start!important;padding:0 16px 20px!important;box-sizing:border-box!important;overflow:hidden!important;position:relative!important}.archive-lens.is-list-detail .archive-detail-topline{position:absolute!important;top:20px!important;left:20px!important;margin:0!important;z-index:10!important}.archive-lens.is-list-detail .archive-lens-detail>*:not(.archive-detail-topline):not(#archive-detail-list){display:none!important}#archive-detail-list{display:none!important;flex-direction:column;width:calc(100% + 32px);height:calc(100% - 72px)!important;overflow-y:auto!important;gap:16px;margin-top:72px!important;margin-inline:-16px;padding:8px 24px 28px;box-sizing:border-box;scrollbar-width:thin!important;scrollbar-color:rgba(15,23,42,.22) transparent!important}.archive-lens.is-list-detail #archive-detail-list{display:flex!important}#archive-detail-list::-webkit-scrollbar{display:block!important;width:6px!important}#archive-detail-list::-webkit-scrollbar-track{background:transparent!important}#archive-detail-list::-webkit-scrollbar-thumb{background:#0f172a29!important;border-radius:10px!important;transition:background .3s ease!important}#archive-detail-list::-webkit-scrollbar-thumb:hover{background:#0f172a52!important}.archive-detail-row{display:flex;flex-shrink:0;gap:24px;padding:20px;height:250px;background:#ffffff73;border:1px solid rgba(255,255,255,.6);border-radius:24px;box-shadow:0 2px 8px #0000000a,0 8px 24px #00000014,inset 0 1px #fffc;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);transition:box-shadow .25s ease,background .25s ease;box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}.archive-detail-row:hover{box-shadow:0 4px 12px #0000000f,0 12px 32px #0000001a,inset 0 1px #ffffffe6;background:#ffffff94}html.dark-theme .archive-detail-row{border:none;box-shadow:none}.archive-row-media{width:280px;height:210px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;border-radius:16px;transform:translateZ(0)}.archive-row-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:16px;box-shadow:0 4px 16px #00000014;transform:translateZ(0);display:block}.archive-row-fallback{font-size:3.2rem;font-weight:850;color:#0f172a8c}.archive-row-content{flex:1;display:flex;flex-direction:column;justify-content:flex-start;min-width:0;height:100%}.archive-row-title-container{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 10px}.archive-row-title{margin:0;font-size:1.25rem;font-weight:750;color:#0f172a;line-height:1.25;letter-spacing:-.01em}.archive-row-badge{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;background:#0f172a0f;border-radius:6px;color:#475569}.archive-row-text{margin:0 0 12px;font-size:.94rem;line-height:1.48;color:#334155;font-weight:500}@media(max-width:640px){.archive-detail-row{flex-direction:column;gap:16px;height:auto}.archive-row-media{width:100%;height:180px}}.archive-detail-row--spectrum{order:-1;display:block!important;padding:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden}.archive-detail-row--spectrum .archive-row-media{display:block;width:100%;height:111px;aspect-ratio:auto;border-radius:11px 11px 0 0;background:#000;position:relative;overflow:hidden}.archive-detail-row--spectrum .archive-row-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;border-radius:0;box-shadow:none;image-rendering:crisp-edges;transform:scaleY(1.08) translateZ(0)}.archive-detail-row--spectrum .archive-row-media:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#00000026,#0000 25% 75%,#00000026);pointer-events:none}.archive-detail-row--spectrum .archive-row-content{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:14px;row-gap:7px;padding:12px 20px 14px;background:transparent;width:100%;height:auto;box-sizing:border-box}.archive-detail-row--spectrum .archive-row-title-container{grid-column:1;grid-row:1;min-width:0;margin:0}.archive-detail-row--spectrum .archive-row-title{font-size:1.05rem;line-height:1.18}.archive-detail-row--spectrum .archive-row-text{grid-column:1 / -1;grid-row:2;font-size:.88rem;line-height:1.38;margin:0;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media(max-width:640px){.archive-detail-row--spectrum .archive-row-media{height:72px}.archive-detail-row--spectrum .archive-row-content{grid-template-columns:1fr}}.atom-3d-card-slide .atom-3d-sheet-summary{display:flex;flex:1;min-height:0;flex-direction:column;gap:17px;padding-top:19px;border-top:1px solid rgba(15,23,42,.09);color:#172033}.atom-3d-card-slide .atom-3d-sheet-config{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:7px 12px}.atom-3d-card-slide .atom-3d-sheet-label{color:#0f172a6b;font-size:.68rem;font-weight:800;letter-spacing:.08em;line-height:1;text-transform:uppercase}.atom-3d-card-slide .atom-3d-sheet-formula{grid-column:1 / -1;min-width:0;overflow:hidden;color:#111827;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(.88rem,1.5vw,1.08rem);font-weight:750;letter-spacing:0;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.atom-3d-card-slide .atom-3d-sheet-state{grid-column:2;grid-row:1;color:#0f172a94;font-size:.72rem;font-weight:700;letter-spacing:0;white-space:nowrap}.atom-3d-card-slide .atom-3d-sheet-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-height:66px;border-top:1px solid rgba(15,23,42,.08);border-bottom:1px solid rgba(15,23,42,.08)}.atom-3d-card-slide .atom-3d-sheet-stat{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 6px}.atom-3d-card-slide .atom-3d-sheet-stat+.atom-3d-sheet-stat{border-left:1px solid rgba(15,23,42,.08)}.atom-3d-card-slide .atom-3d-sheet-stat-value{max-width:100%;overflow:hidden;color:#111827;font-size:1.24rem;font-weight:800;letter-spacing:0;line-height:1;text-overflow:ellipsis;white-space:nowrap}.atom-3d-card-slide .atom-3d-sheet-stat-label{color:#0f172a6b;font-size:.66rem;font-weight:700;letter-spacing:.04em;line-height:1;text-transform:uppercase}.atom-3d-card-slide .atom-3d-sheet-section{display:flex;min-height:0;flex-direction:column;gap:11px}.atom-3d-card-slide .atom-3d-sheet-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.atom-3d-card-slide .atom-3d-sheet-total{color:#0f172a8c;font:700 .72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:0}.atom-3d-card-slide .atom-3d-shell-population{display:flex;flex-direction:column;gap:9px}.atom-3d-card-slide .atom-3d-shell-population-row{display:grid;grid-template-columns:20px minmax(0,1fr) 42px;align-items:center;gap:10px;min-height:18px;transition:opacity .18s ease}.atom-3d-card-slide .atom-3d-shell-population-row.is-inactive,.atom-3d-card-slide .atom-3d-subshell-chip.is-inactive{opacity:.28}.atom-3d-card-slide .atom-3d-shell-population-name,.atom-3d-card-slide .atom-3d-shell-population-count{color:#0f172aad;font:750 .72rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:0}.atom-3d-card-slide .atom-3d-shell-population-count{text-align:right}.atom-3d-card-slide .atom-3d-shell-population-track{display:block;height:5px;overflow:hidden;border-radius:999px;background:#0f172a14}.atom-3d-card-slide .atom-3d-shell-population-fill{display:block;width:var(--shell-fill, 0%);height:100%;border-radius:inherit;background:#202938;box-shadow:0 1px 5px #0f172a2e;transition:width .35s cubic-bezier(.22,1,.36,1),opacity .18s ease}.atom-3d-card-slide .atom-3d-sheet-section--orbitals{margin-top:auto;padding-top:15px;border-top:1px solid rgba(15,23,42,.08)}.atom-3d-card-slide .atom-3d-subshell-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.atom-3d-card-slide .atom-3d-subshell-chip{display:flex;min-width:0;height:35px;align-items:center;justify-content:space-between;gap:6px;padding:0 10px;border:1px solid rgba(15,23,42,.07);border-radius:7px;background:#ffffff70;box-shadow:inset 0 1px #ffffff94;transition:opacity .18s ease}.atom-3d-card-slide .atom-3d-subshell-chip strong,.atom-3d-card-slide .atom-3d-subshell-chip span{font:800 .76rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:0}.atom-3d-card-slide .atom-3d-subshell-chip span{opacity:.62}.atom-3d-card-slide .atom-3d-subshell-chip[data-subshell=s]{color:#694caf;background:#7e57c21f}.atom-3d-card-slide .atom-3d-subshell-chip[data-subshell=p]{color:#9f514b;background:#be524c1c}.atom-3d-card-slide .atom-3d-subshell-chip[data-subshell=d]{color:#356ca7;background:#3d75b81c}.atom-3d-card-slide .atom-3d-subshell-chip[data-subshell=f]{color:#2b8b6d;background:#2f98761c}html.dark-theme .atom-3d-card-slide .atom-3d-sheet-summary,html.dark-theme .atom-3d-card-slide .atom-3d-sheet-stats,html.dark-theme .atom-3d-card-slide .atom-3d-sheet-section--orbitals{border-color:#ffffff14}html.dark-theme .atom-3d-card-slide .atom-3d-sheet-stat+.atom-3d-sheet-stat{border-color:#ffffff14}html.dark-theme .atom-3d-card-slide .atom-3d-sheet-label,html.dark-theme .atom-3d-card-slide .atom-3d-sheet-stat-label{color:#ffffff57}html.dark-theme .atom-3d-card-slide .atom-3d-sheet-formula,html.dark-theme .atom-3d-card-slide .atom-3d-sheet-stat-value{color:#ffffffeb}html.dark-theme .atom-3d-card-slide .atom-3d-sheet-state,html.dark-theme .atom-3d-card-slide .atom-3d-sheet-total,html.dark-theme .atom-3d-card-slide .atom-3d-shell-population-name,html.dark-theme .atom-3d-card-slide .atom-3d-shell-population-count{color:#ffffff8a}html.dark-theme .atom-3d-card-slide .atom-3d-shell-population-track{background:#ffffff17}html.dark-theme .atom-3d-card-slide .atom-3d-shell-population-fill{background:#ffffffc7;box-shadow:0 1px 6px #ffffff17}html.dark-theme .atom-3d-card-slide .atom-3d-subshell-chip{border-color:#ffffff12;box-shadow:inset 0 1px #ffffff0a}@media(max-height:760px){.atom-3d-card-slide .atom-3d-sheet-summary{gap:12px;padding-top:14px}.atom-3d-card-slide .atom-3d-sheet-stats{min-height:56px}.atom-3d-card-slide .atom-3d-shell-population{gap:6px}.atom-3d-card-slide .atom-3d-sheet-section--orbitals{padding-top:11px}}.chemistry-tools-page{padding:0;position:relative;overflow-x:visible;height:100%}html[dir=rtl] .chemistry-tools-page{direction:ltr}html[dir=rtl] .chemistry-tools-page :where(.og-title,.chem-tools-subtitle){direction:rtl;unicode-bidi:plaintext}html[dir=rtl] .chemistry-tools-page .chem-tool-info{direction:rtl;text-align:right;unicode-bidi:plaintext}.chemistry-tools-page:before{content:"";position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(180deg,#ffffff8f,#fff0 42%),linear-gradient(90deg,#0ea5e914,#0ea5e900 34%),linear-gradient(270deg,#10b98112,#10b98100 36%);z-index:0;pointer-events:none}html.dark-theme .chemistry-tools-page:before{background:linear-gradient(180deg,#ffffff0b,#fff0 44%),linear-gradient(90deg,#0ea5e914,#0ea5e900 36%),linear-gradient(270deg,#10b9810f,#10b98100 38%)}.chemistry-tools-page .blank-page-content{padding:0;min-height:0;align-items:stretch}.chem-tools-container{max-width:1180px;width:100%;height:max-content;min-height:100%;flex:0 0 auto;padding:84px clamp(18px,4vw,56px);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1}.chem-tools-title{font-size:clamp(2.15rem,2.75rem,3rem);font-weight:800;color:var(--text-primary);margin:10px 0 8px;text-align:center;letter-spacing:0}.chem-tools-subtitle{font-size:.82rem;font-weight:600;color:var(--text-secondary);text-align:center;margin-bottom:28px;letter-spacing:.15em;text-transform:uppercase;opacity:.7}.chem-tools-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(208px,auto);gap:18px;width:100%}.chem-tools-grid>.chem-tool-card{grid-column:span 2}.chem-tools-grid>.chem-tool-card:nth-child(n+4){grid-column:span 3}@media(max-width:980px){.chem-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(190px,auto)}.chem-tools-grid>.chem-tool-card,.chem-tools-grid>.chem-tool-card:nth-child(n+4){grid-column:span 1}.chem-tools-grid>.chem-tool-card:last-child:nth-child(odd){grid-column:1 / -1}}@media(max-width:640px){.chem-tools-container{padding:26px 16px}.chem-tools-title{font-size:2rem;margin-top:4px}.chem-tools-subtitle{margin-bottom:18px}.chem-tools-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:14px}.chem-tools-grid>.chem-tool-card,.chem-tools-grid>.chem-tool-card:nth-child(n+4),.chem-tools-grid>.chem-tool-card:last-child:nth-child(odd){grid-column:1}}.chem-tool-card{background:color-mix(in srgb,var(--bg-color) 88%,white);border:1px solid rgba(44,36,32,.08);border-radius:clamp(20px,3vh,32px);padding:24px;cursor:pointer;transition:transform var(--dur-fast) var(--ease-snappy),box-shadow var(--dur-fast) var(--ease-snappy),border-color var(--dur-fast) var(--ease-snappy),background var(--dur-fast) var(--ease-snappy);display:flex;flex-direction:column;justify-content:space-between;gap:28px;position:relative;overflow:hidden;box-shadow:0 14px 34px #2c24200f,inset 0 1px #ffffff94;height:100%;min-height:208px}html.dark-theme .chem-tool-card{background:#1c1c24b8;border-color:#ffffff14;box-shadow:0 16px 36px #0000003d,inset 0 1px #ffffff0f}.chem-tool-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#ffffff80,#fff0 48%),linear-gradient(180deg,#78350f0d,#78350f00);z-index:0;pointer-events:none;opacity:.72;transition:opacity .4s ease}html.dark-theme .chem-tool-card:before{background:linear-gradient(135deg,rgba(255,255,255,.07) 0%,transparent 52%),linear-gradient(180deg,#fbbf240f,#fbbf2400)}.chem-tool-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--tool-accent, var(--text-highlight)) 42%,transparent);box-shadow:0 22px 44px #2c24201c,0 0 0 1px color-mix(in srgb,var(--tool-accent, var(--text-highlight)) 30%,transparent);background:var(--element-bg)}.chem-tool-card:hover:before{opacity:1}.chem-tool-card:active{transform:translateY(-1px);box-shadow:0 12px 22px #2c242017,0 0 0 1px color-mix(in srgb,var(--tool-accent, var(--text-highlight)) 36%,transparent)}.chem-tool-header{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:1;width:100%}.chem-tool-icon-box{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:clamp(16px,2.5vh,20px);position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.chem-tool-icon-box:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 2px 4px #fff9,inset 0 -2px 4px #0000000d;pointer-events:none}html.dark-theme .chem-tool-icon-box:after{box-shadow:inset 0 2px 4px #ffffff1a,inset 0 -2px 4px #0003}.chem-tool-icon-box svg{width:30px;height:30px;transition:transform .4s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.chem-tool-card:hover .chem-tool-icon-box{transform:translateY(-2px);box-shadow:0 12px 24px color-mix(in srgb,var(--tool-accent, var(--text-highlight)) 18%,transparent)}.chem-tool-arrow{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--border-color);color:var(--text-primary);opacity:.58;transform:translateY(0);transition:all var(--dur-fast) var(--ease-snappy)}.chem-tool-arrow svg{width:18px;height:18px;transition:transform .4s cubic-bezier(.16,1,.3,1)}.chem-tool-card:hover .chem-tool-arrow{opacity:1;transform:translate(2px);background:var(--tool-accent, var(--text-highlight));color:#fff;box-shadow:0 10px 18px color-mix(in srgb,var(--tool-accent, var(--text-highlight)) 24%,transparent)}.chem-tool-card:hover .chem-tool-arrow svg{transform:translate(2px)}.chem-tool-number{position:absolute;top:7px;left:9px;font-size:.66rem;font-weight:800;color:inherit;opacity:.5}.chem-tool-info{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}.chem-tool-name{font-size:1.28rem;font-weight:800;color:var(--text-primary);letter-spacing:0;margin:0;transition:color .3s ease}.chem-tool-card:hover .chem-tool-name{color:var(--text-highlight)}.chem-tool-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.55;margin:0;font-weight:500;opacity:.85}.balancer-icon{--tool-accent: #c2410c;background:linear-gradient(135deg,#fcc,#ffe5cc);color:#c2410c}.molar-icon{--tool-accent: #b45309;background:linear-gradient(135deg,#fff2cc,#d9e2f3);color:#854d0e}.solubility-icon{--tool-accent: #059669;background:linear-gradient(135deg,#d1fae5,#ecfdf5);color:#059669}.virtual-lab-icon{--tool-accent: #2563eb;background:linear-gradient(135deg,#ede9fe,#e0e7ff);color:#2563eb}.orbital-icon{--tool-accent: #6d28d9;background:linear-gradient(135deg,#c7d2fe,#ddd6fe);color:#6d28d9}.chem-tool-card:has(.balancer-icon){--tool-accent: #c2410c}.chem-tool-card:has(.molar-icon){--tool-accent: #b45309}.chem-tool-card:has(.solubility-icon){--tool-accent: #059669}.chem-tool-card:has(.virtual-lab-icon){--tool-accent: #2563eb}.chem-tool-card:has(.orbital-icon){--tool-accent: #6d28d9}html.dark-theme .balancer-icon,html.dark-theme .molar-icon{opacity:.9}html.dark-theme .grade-tag{color:#fcd34d;background:#fcd34d1a;border-color:#fcd34d33}html.dark-theme .feature-tag{background:#ffffff0d;border-color:#ffffff1a}.tool-button{padding:12px 24px;background:var(--text-primary);color:var(--bg-color);border:1px solid var(--text-primary);border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--dur-fast) var(--ease-snappy);font-family:Inter,sans-serif}.tool-button:hover{background:var(--text-highlight);border-color:var(--text-highlight);transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.tool-button:active{transform:translateY(0)}.variant-pills-container{display:flex;background:var(--segment-track-bg);border-radius:24px;padding:4px;gap:4px;margin-bottom:20px;height:44px;box-sizing:border-box;width:100%;border:none}.variant-pill{flex:1;border:none;background:transparent;color:var(--segment-text);font-size:.9rem;font-weight:600;border-radius:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--dur-fast) var(--ease-snappy);white-space:nowrap}.variant-pill:hover{color:var(--segment-text-hover)}.variant-pill.active{background:transparent;color:var(--segment-text-active);box-shadow:none}.variant-slider{position:absolute;top:4px;bottom:4px;left:0;background:var(--segment-active-bg);border-radius:20px;transition:transform .35s cubic-bezier(.34,1.56,.64,1),width .35s ease;z-index:0;box-shadow:var(--segment-active-shadow);pointer-events:none}html.dark-theme .variant-pills-container{background:var(--segment-track-bg)}html.dark-theme .variant-pill:hover{color:#fff}html.dark-theme .variant-pill.active{color:var(--segment-text-active)}html.dark-theme .variant-slider{background:var(--segment-active-bg);box-shadow:var(--segment-active-shadow)}#mode-switcher-pill{background:var(--segment-track-bg)!important;box-shadow:none!important}#mode-switcher-pill #balancer-mode-slider{background:var(--segment-active-bg)!important;box-shadow:var(--segment-active-shadow)!important}#mode-switcher-pill .nav-pill-btn{color:var(--segment-text)!important}#mode-switcher-pill .nav-pill-btn:hover:not(.active){color:var(--segment-text-hover)!important}#mode-switcher-pill .nav-pill-btn.active{color:var(--segment-text-active)!important}.feature-modal-body{padding:60px;height:100%;overflow:auto;display:flex;flex-direction:column;position:relative}.tool-padding-label{position:absolute;top:20px;left:60px;font-size:1.25rem;font-weight:700;color:#1e293b;letter-spacing:-.02em;pointer-events:none}.feature-modal-body::-webkit-scrollbar{display:none}#feature-modal-content{flex-direction:column}.tool-modal-content{display:flex;flex-direction:column;gap:24px}.scale-beam-group.balanced{transform:rotate(0)}@keyframes pan-wobble{0%{transform:rotate(0)}15%{transform:rotate(3deg)}30%{transform:rotate(-2deg)}45%{transform:rotate(1.5deg)}60%{transform:rotate(-1deg)}75%{transform:rotate(.5deg)}to{transform:rotate(0)}}@keyframes scale-shake{0%,to{transform:rotate(0)}10%{transform:rotate(-5deg)}20%{transform:rotate(5deg)}30%{transform:rotate(-4deg)}40%{transform:rotate(4deg)}50%{transform:rotate(-3deg)}60%{transform:rotate(3deg)}70%{transform:rotate(-2deg)}80%{transform:rotate(2deg)}90%{transform:rotate(-1deg)}}.scale-beam-group.shaking{animation:scale-shake .8s ease-out}.balancer-feedback.balanced{background:#22c55e1a;border-color:#22c55e4d}.balancer-feedback.balanced .feedback-text{color:#22c55e;font-weight:600}.balancer-feedback.unbalanced{background:#fbbf2426;border-color:#fbbf2466}.balancer-feedback.unbalanced .feedback-text{color:#d97706}.auto-balance-btn{display:flex;align-items:center;gap:10px;padding:14px 32px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 14px #6366f159}.auto-balance-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}.auto-balance-btn:active{transform:translateY(0)}.auto-balance-btn svg{transition:transform .3s ease}.auto-balance-btn:hover svg{transform:rotate(90deg)}.tool-input-section{display:flex;flex-direction:column;gap:12px}.tool-input-section label{font-size:.9rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.tool-button.primary-btn{padding:14px 28px;background:linear-gradient(135deg,var(--text-primary) 0%,#4a3f36 100%);color:var(--bg-color);border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);align-self:flex-start}.tool-button.primary-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 24px #00000026}.tool-modal-icon.balancer-icon{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c}.tool-modal-icon.molar-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.warning-box{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px;padding:14px 18px;margin-top:12px;font-size:.9rem;color:#92400e;display:flex;align-items:center;gap:10px}.warning-box:before{content:"";display:inline-block;width:20px;height:20px;min-width:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2392400E' stroke-width='2'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.electronic-scale-wrapper{position:relative;width:390px;margin:0 auto 60px;transform-style:preserve-3d;transform:rotateX(12deg) rotate(-3deg)}.electronic-scale-wrapper:after{content:"";position:absolute;bottom:-34px;left:50%;transform:translate(-50%) rotate(3deg);width:88%;height:26px;background:radial-gradient(ellipse at center,rgba(15,23,42,.14) 0%,transparent 70%);border-radius:50%;pointer-events:none}.scale-blocks-area{display:flex;align-items:flex-end;justify-content:center;gap:10px;height:132px;padding:20px 24px 24px 10px;margin-bottom:0;position:relative;z-index:10;box-sizing:border-box}.element-block-stack{position:relative;width:var(--block-size);height:var(--block-size);flex:0 0 auto;cursor:pointer;transition:transform .3s cubic-bezier(.25,.8,.25,1);animation:blockBounceIn .45s cubic-bezier(.34,1.56,.64,1) both}.element-block-stack:hover{transform:scale(1.04) translateY(-5px);z-index:10}.element-block{position:relative;border-radius:12px;box-shadow:inset 0 1px 12px #ffffff3d,inset 0 -1px 2px #0f172a0a,0 8px 14px #0f172a1f;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);border:1px solid rgba(255,255,255,.4);min-width:45px;min-height:45px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.element-block-main,.element-block-layer{position:absolute;left:0;bottom:0;width:var(--block-size);height:var(--block-size)}.element-block-main{z-index:3;overflow:visible}.element-block-main:before{content:"";position:absolute;inset:1px 1px auto;height:42%;border-radius:11px 11px 40% 40%;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent);pointer-events:none}.element-block-stack.has-stack .element-block-main:after{content:"";position:absolute;inset:auto 0 0;height:8%;border-radius:0 0 12px 12px;background:linear-gradient(180deg,transparent,rgba(15,23,42,.1));pointer-events:none}.element-block-layer{z-index:1;border-radius:12px;border:1px solid rgba(255,255,255,.36);box-shadow:inset 0 8px 12px #ffffff1f,inset 0 -3px 8px #0f172a1f,0 8px 12px #0f172a1a;pointer-events:none}.element-block-layer:after{content:"";position:absolute;inset:auto 0 0;height:9%;border-radius:0 0 12px 12px;background:#0f172a14}.element-block-symbol{position:relative;z-index:4}.element-block-count{position:absolute;right:-8px;bottom:-8px;z-index:5;min-width:24px;height:24px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#0f172ac7;color:#fff;border:1px solid rgba(255,255,255,.55);box-shadow:0 4px 10px #0f172a38;font-size:.68rem;font-weight:800;letter-spacing:0}@keyframes blockBounceIn{0%{opacity:0;transform:translateY(-40px) scale(.6)}60%{opacity:1;transform:translateY(4px) scale(1.05)}80%{transform:translateY(-2px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.element-block-stack:hover .element-block-main{box-shadow:0 15px 30px #00000040}.block-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(5px);background:#1e293bf2;color:#fff;padding:8px 12px;border-radius:12px;font-size:.85rem;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 12px #00000026;z-index:20;font-family:Inter,sans-serif}.block-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-6px;border-width:6px;border-style:solid;border-color:rgba(30,41,59,.95) transparent transparent transparent}.element-block:hover .block-tooltip,.element-block-stack:hover .block-tooltip{opacity:1;transform:translate(-50%) translateY(0)}.electronic-scale-base{width:100%;height:112px;background:linear-gradient(180deg,#ffffffc2,#fff0 32%),linear-gradient(180deg,#e8eef6,#cbd7e6);border-radius:22px 22px 14px 14px;box-shadow:0 10px 18px #64748b2e,0 22px 38px #0f172a24,inset 0 1px #fffffff2,inset 0 -10px 18px #64748b1f;display:flex;flex-direction:column;align-items:center;padding:18px 20px 12px;position:relative;z-index:10}.electronic-scale-base:before{content:"";position:absolute;inset:0;border-radius:22px 22px 14px 14px;background:linear-gradient(105deg,rgba(255,255,255,.44) 0%,transparent 42%),linear-gradient(180deg,transparent 0%,rgba(15,23,42,.05) 100%);pointer-events:none}.scale-platform-top{width:300px;height:24px;border-radius:999px;margin-top:-34px;margin-bottom:16px;border:1px solid rgba(100,116,139,.28);box-shadow:inset 0 1px #ffffffbf,inset 0 -4px 8px #64748b29,0 9px 16px #0f172a1a;background:linear-gradient(180deg,#ffffffb8,#cbd5e1b8),linear-gradient(90deg,#cbd5e1,#eef4fb 48%,#b8c6d6);transition:transform .35s cubic-bezier(.25,.8,.25,1),filter .35s ease}.scale-platform-top.has-weight{transform:translateY(2px);filter:brightness(.95)}.scale-screen{width:min(288px,calc(100% - 62px));height:52px;background:linear-gradient(180deg,#111827,#070b13);border-radius:12px;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 16px;font-family:Courier New,monospace;color:#5ff08f;box-shadow:inset 0 10px 14px #ffffff0f,inset 0 3px 10px #000000b8,0 2px #ffffff29;border:4px solid rgba(15,23,42,.72);overflow:hidden}#scale-display-value{min-width:0;flex:1 1 auto;text-align:right;font-size:clamp(1.45rem,6.8vw,2.05rem);line-height:1;letter-spacing:1px;text-shadow:0 0 9px rgba(95,240,143,.34);white-space:nowrap;overflow:hidden;text-overflow:clip}.scale-screen-unit{flex:0 0 auto;font-size:clamp(.78rem,2.4vw,1.05rem);line-height:1;letter-spacing:.5px;text-shadow:0 0 7px rgba(95,240,143,.28)}.receipt-wrapper:before{display:none}.receipt-wrapper:after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:8px;background:linear-gradient(135deg,#f9fafb 50%,transparent 50%),linear-gradient(-135deg,#f9fafb 50%,transparent 50%);background-size:10px 8px;background-repeat:repeat-x}.receipt-header{text-align:center;border-bottom:none;padding-bottom:6px;margin-bottom:0;font-weight:700;text-transform:uppercase;letter-spacing:3px;font-size:.9rem;color:#374151}.receipt-barcode{display:flex;justify-content:center;align-items:center;font-size:1.2rem;letter-spacing:-1px;color:#1f2937;margin:4px 0 8px;border-bottom:1px dashed #d1d5db;padding-bottom:10px;width:100%}.receipt-date{font-size:.7rem;text-align:center;color:#9ca3af;margin-top:0;margin-bottom:12px;letter-spacing:.5px}.receipt-item-row{display:flex;justify-content:space-between;margin-bottom:6px;font-size:.8rem;line-height:1.4}.receipt-item-name{display:flex;gap:6px;color:#4b5563}.receipt-total-row{border-top:1px dashed #d1d5db;margin-top:12px;padding-top:10px;display:flex;justify-content:space-between;font-weight:700;font-size:1rem;color:#1f2937}.receipt-footer{text-align:center;font-size:.65rem;margin-top:14px;color:#9ca3af;text-transform:uppercase;letter-spacing:1px;border-top:1px dashed #e5e7eb;padding-top:10px}.molar-action-row{display:grid;grid-template-columns:max-content minmax(0,1fr) 64px;align-items:center;gap:12px;width:100%}.molar-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:18px 36px;font-size:1.05rem;font-weight:600;border-radius:16px;border:none;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);flex-shrink:0;white-space:nowrap;font-family:inherit}.molar-exact-btn{width:64px!important;height:64px!important;min-width:64px!important;max-width:64px!important;padding:0!important;border-radius:999px!important;font-size:1rem;font-weight:700;line-height:1}.molar-print-btn{width:100%;min-width:0}#clear-molar-btn{min-width:128px}.molar-action-btn-primary{background:#1e293be0;color:#fff;border:2px solid transparent;box-shadow:0 2px 8px #0000001f,0 8px 24px #00000029,inset 0 1px #ffffff1a}.molar-action-btn-primary:hover{background:#1e293bf2;transform:translateY(-1px);box-shadow:0 4px 12px #00000026,0 12px 32px #0003,inset 0 1px #ffffff26}.molar-action-btn-primary:active{transform:translateY(0)}.molar-action-btn-secondary{background:#ffffffb8;color:#475569;border:2px solid transparent;box-shadow:0 2px 8px #0000000a,0 4px 16px #0000000f,inset 0 1px #fffc}.molar-action-btn-secondary:hover{background:#ffffffd9;box-shadow:0 4px 12px #0000000f,0 8px 24px #00000014,inset 0 1px #ffffffe6}.molar-action-btn-secondary.active{background:#1e293be0;color:#fff;box-shadow:inset 0 2px 4px #0003,inset 0 1px #ffffff1a}.molar-quick-examples{margin-top:16px}.molar-examples-grid{display:flex;flex-wrap:wrap;gap:10px 12px}.molar-example-chip{display:inline-flex;align-items:center;gap:6px;background:#f8fafcc7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid rgba(148,163,184,.24);padding:8px 14px;border-radius:24px;font-size:.9rem;font-weight:700;color:#1e293b;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 10px #0f172a0a,0 10px 20px #0f172a05,inset 0 1px #fffc;font-family:inherit}.molar-example-chip:hover{transform:translateY(-2px);background:#fff;border-color:#6366f15c;box-shadow:0 6px 16px #6366f11a,0 14px 26px #6366f10f,inset 0 1px #fff;color:#4f46e5}.molar-example-chip.active{background:#fffffffa;border-color:#6366f16b;box-shadow:0 0 0 3px #6366f114,0 6px 16px #6366f11f,0 14px 28px #6366f114,inset 0 1px #fff;color:#4f46e5}.molar-example-chip sub{font-size:.7em;vertical-align:-.2em}.molar-example-chip .chip-name{font-size:.75rem;color:#64748b;font-weight:500;letter-spacing:.02em}.receipt-anim-container.tutorial-highlight-shell{filter:drop-shadow(0 20px 40px rgba(255,255,255,.24)) drop-shadow(0 16px 36px rgba(16,185,129,.16))}.receipt-wrapper.tutorial-highlight{border-radius:18px;box-shadow:0 0 0 4px #ffffffe6,0 0 0 8px #10b9812e,0 18px 36px #0f172a1f}.molar-tool-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;height:100%;align-items:start}.molar-input-panel{display:flex;flex-direction:column;gap:20px}.molar-input-panel .tool-input-section{padding:20px;background:#ffffffb8;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:16px;border:1px solid rgba(255,255,255,.6);box-shadow:0 2px 8px #0000000a,0 8px 24px #00000014,inset 0 1px #fffc;transition:all .2s ease}.molar-input-panel .tool-input-section:hover{box-shadow:0 4px 12px #0000000f,0 12px 32px #0000001a,inset 0 1px #ffffffe6}.molar-input-panel .tool-input-section:focus-within{border-color:#6366f166;box-shadow:0 0 0 3px #6366f11f,0 4px 12px #0000000f,0 12px 32px #0000001a,inset 0 1px #ffffffe6}.molar-input-label{display:flex!important;align-items:center;gap:8px;font-size:.8rem!important;font-weight:600!important;color:#475569!important;text-transform:uppercase;letter-spacing:.5px}.molar-label-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:7px;color:#fff;flex-shrink:0}.molar-scale-stage{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:0;padding-bottom:200px;position:relative;perspective:800px}.scale-front-panel{width:calc(100% - 4px);height:30px;margin:-6px auto 0;background:linear-gradient(180deg,#9aa9bb,#69788d);border-radius:6px 6px 16px 16px;display:flex;align-items:center;justify-content:center;position:relative;z-index:12;box-shadow:inset 0 1px #ffffff2e,0 5px 10px #0f172a2e}.scale-front-panel:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:246px;height:8px;background:#0a0f1a;border-radius:999px;box-shadow:inset 0 2px 4px #000000e6,0 1px #ffffff1a;z-index:20;pointer-events:none}.receipt-slot{width:246px;height:8px;background:transparent;border-radius:5px;position:relative;overflow:hidden}.receipt-slot:before{content:none}.receipt-anim-container{position:absolute;top:252px;left:50%;transform:translate(-50%);width:240px;height:400px;z-index:13;pointer-events:none;overflow:hidden}.receipt-wrapper{width:240px;background:linear-gradient(180deg,#fefefe,#f9fafb);padding:14px 16px 20px;border-radius:0;box-shadow:4px 4px 12px #00000026,8px 8px 24px #0000001a,0 0 0 1px #00000005;position:relative;font-family:Courier New,monospace;font-size:.75rem;color:#374151;transform:translateY(-300px);opacity:0;will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .6s cubic-bezier(.25,.46,.45,.94),opacity .6s cubic-bezier(.25,.46,.45,.94)}.receipt-wrapper.printing{transform:translateY(0);opacity:1}.receipt-wrapper.discarding{transform:translateY(500px);opacity:0;transition:transform .4s ease-in,opacity .3s ease}.receipt-wrapper.reset-position{transition:none!important}.realtime-input{font-size:1.6rem;padding:16px 20px;border:1.5px solid rgba(0,0,0,.15);border-radius:16px;font-weight:700;letter-spacing:1px;background:#ffffffd9;box-shadow:inset 0 3px 6px #0000000a,0 1px #ffffffe6;transition:all .3s ease;width:100%;box-sizing:border-box;color:#0f172a}.realtime-input:focus{outline:none;background:#fff;border-color:#6366f199;box-shadow:inset 0 2px 4px #00000005,0 0 0 4px #6366f126,0 4px 12px #6366f11f}@media(max-width:900px){.molar-tool-layout{grid-template-columns:1fr}.molar-action-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 56px}#clear-molar-btn{min-width:0}.molar-action-btn{padding:14px 16px}.molar-exact-btn{width:56px!important;height:56px!important;min-width:56px!important;max-width:56px!important}.electronic-scale-wrapper{transform:rotateX(8deg) rotate(-2deg);width:320px}.molar-scale-stage{padding-bottom:250px}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.formula-live-preview{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:linear-gradient(135deg,#ffffffb3,#fff6);border:1px solid rgba(255,255,255,.8);border-radius:14px;margin-top:14px;box-shadow:0 4px 12px #00000008,inset 0 1px #fff;min-height:52px}.formula-live-preview .preview-label{font-size:.85rem;font-weight:600;color:#64748b}.formula-live-preview .preview-formula{font-size:1.5rem;font-weight:700;color:#0f172a;font-family:Inter,SF Pro Display,-apple-system,sans-serif;letter-spacing:.01em;text-shadow:0 1px 2px rgba(0,0,0,.04)}.formula-live-preview .preview-formula sub{font-size:.7em;vertical-align:-.25em;opacity:.85}.formula-suggestion{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;margin-top:16px;background:#f8fafcb8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px;font-size:.95rem;color:#64748b;font-weight:600;border:1px solid rgba(255,255,255,.6);box-shadow:0 2px 8px #0000000a,0 4px 16px #0000000d,inset 0 1px #fffc;transition:all .25s ease}.formula-suggestion.has-message{background:#fef3c7b8;color:#b45309;border-color:#fde68a99}.formula-suggestion.has-error{background:#fee2e2b8;color:#b91c1c;border-color:#fecaca99}.formula-suggestion .suggestion-text{line-height:1.4;text-align:center;width:100%}.suspicious-suggestion{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.suspicious-text{font-size:.95rem}.suspicious-actions{display:flex;justify-content:center;gap:12px}.suspicious-yes-btn,.suspicious-no-btn{padding:6px 18px;border-radius:8px;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s ease;border:none}.suspicious-yes-btn{background:#f59e0b;color:#fff;box-shadow:0 4px 12px #f59e0b4d}.suspicious-yes-btn:hover{background:#d97706;transform:translateY(-1px);box-shadow:0 6px 16px #f59e0b66}.suspicious-no-btn{background:#b453091a;color:#b45309;border:1px solid rgba(180,83,9,.2)}.suspicious-no-btn:hover{background:#b4530926;border-color:#b453094d}.suspicious-yes-btn:active,.suspicious-no-btn:active{transform:translateY(0)}.molar-tips-apple .example-row .result{font-weight:600;color:#1e293b;font-family:SF Pro Display,-apple-system,sans-serif}.molar-tips-apple .example-row .result sub{font-size:.7em;vertical-align:baseline;position:relative;top:.25em}.worksheet-generator-page{width:100%;height:100%;padding:20px;display:flex;flex-direction:column;background:var(--bg-color)}.worksheet-container{flex:1;display:grid;grid-template-columns:340px 1fr;gap:20px;min-height:0}.worksheet-controls{background:var(--element-bg);border:1px solid var(--border-color);border-radius:24px;padding:12px 16px;display:flex;flex-direction:column;gap:10px;height:fit-content;max-height:100%;overflow-y:auto;box-shadow:0 4px 20px #0000000d}.controls-header h2{font-size:1.35rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.controls-header p{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.control-group{display:flex;flex-direction:column;gap:8px}.control-group>label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.button-group{display:flex;gap:6px;flex-wrap:wrap}.option-btn{padding:7px 14px;border:1.5px solid var(--border-color);border-radius:12px;background:var(--bg-color);color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;flex:1 1 auto;text-align:center;min-width:0;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;line-height:1.2}.option-btn:hover{border-color:var(--text-secondary);background:#fff}.option-btn.active{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-color)}.checkbox-group{display:flex;flex-direction:column;gap:6px}.checkbox-option{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease}.checkbox-option:hover{background:#fff;border-color:var(--text-secondary)}.checkbox-option input[type=checkbox]{width:15px;height:15px;accent-color:var(--text-highlight);cursor:pointer;margin-top:4px}.checkbox-option span{font-size:.85rem;color:var(--text-primary);font-weight:500}.generate-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#1e293b,#334155);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px}.generate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.generate-btn:active{transform:translateY(0)}.generate-btn svg{stroke:currentColor;width:18px;height:18px}.worksheet-preview{background:var(--element-bg);border:1px solid var(--border-color);border-radius:24px;display:flex;flex-direction:column;overflow:hidden;min-height:0;box-shadow:0 4px 20px #0000000d}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--element-bg);border-bottom:1px solid var(--border-color);flex-shrink:0}.preview-tabs{display:flex;gap:6px}.preview-tab{padding:6px 14px;border:1.5px solid transparent;border-radius:12px;background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:0;overflow-wrap:anywhere;line-height:1.2}.preview-tab:hover{background:var(--bg-color)}.preview-tab.active{background:var(--text-primary);color:var(--bg-color)}.export-buttons{display:flex;gap:6px}.export-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border:1.5px solid var(--border-color);border-radius:12px;background:var(--bg-color);color:var(--text-secondary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:0;overflow-wrap:anywhere;line-height:1.2}.export-btn:hover:not(:disabled){border-color:var(--text-highlight);color:var(--text-highlight);background:#fff}.export-btn:disabled{opacity:.5;cursor:not-allowed}.export-btn svg{stroke:currentColor;width:14px;height:14px}.preview-content{flex:1;overflow-y:auto;padding:20px}.preview-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-muted)}.preview-placeholder svg{opacity:.25;width:40px;height:40px}.preview-placeholder p{font-size:.9rem;text-align:center}.worksheet-paper{max-width:680px;margin:0 auto}.worksheet-header{margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid var(--text-primary)}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.header-top h1{font-size:1.4rem;font-weight:700;color:var(--text-primary);letter-spacing:0;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;min-width:0}.worksheet-id-badge{font-size:.7rem;font-weight:600;color:var(--text-secondary);background:var(--element-bg);padding:4px 10px;border-radius:8px;font-family:SF Mono,monospace;border:1px solid var(--border-color)}.header-fields{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:12px}.field-group{display:flex;align-items:baseline;gap:6px;min-width:0}.field-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.field-line{width:140px;border-bottom:1px solid var(--text-primary)}.field-line.short{width:40px}.field-value{font-size:.8rem;font-weight:500;color:var(--text-primary)}.score-total{font-size:.8rem;color:var(--text-secondary)}.instructions{font-size:.8rem;color:var(--text-secondary);font-style:italic;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.questions-grid{display:flex;flex-direction:column;gap:5px}.question-row{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--element-bg);border-radius:6px;border:1px solid var(--border-color)}.q-num{font-size:.7rem;font-weight:700;color:var(--text-highlight);min-width:18px}.q-equation{font-size:.8rem;font-family:SF Mono,Monaco,Consolas,monospace;color:var(--text-primary);letter-spacing:.01em}.coef{display:inline-block;min-width:14px;text-align:center;margin-right:1px;font-weight:700}.coef.blank{border-bottom:2px solid var(--text-primary);color:transparent;margin-bottom:-2px}.coef.filled{color:#047857}.formula{font-weight:500}.formula sub{font-size:.7em}.plus{margin:0 4px;color:var(--text-secondary);font-weight:500}.arrow{margin:0 8px;color:var(--text-primary);font-weight:500}.worksheet-footer{margin-top:24px;padding-top:12px;border-top:1px solid var(--border-color);text-align:center;font-size:.7rem;color:var(--text-muted)}.answer-key .question-row{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#a7f3d0}.answer-key .q-num{color:#047857}.answer-key .coef.filled{color:#047857;font-weight:700}html.dark-theme .answer-key .question-row{background:linear-gradient(135deg,#10b98126,#10b98133);border-color:#10b98166}html.dark-theme .answer-key .q-num,html.dark-theme .answer-key .coef.filled{color:#34d399}.idt-row{align-items:flex-start;padding:8px 12px}.idt-content{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.idt-type-area{display:flex;align-items:center;gap:6px}.idt-type-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.idt-blank-line{display:inline-block;width:160px;border-bottom:1.5px solid var(--text-primary)}.idt-answer-label{font-size:.8rem;font-weight:700;color:#047857;padding:2px 10px;background:#ecfdf5;border-radius:6px;border:1px solid #a7f3d0}html.dark-theme .idt-answer-label{color:#34d399;background:#10b98126;border-color:#10b98166}.idt-select{padding:4px 10px;font-size:.8rem;font-weight:600;border:1.5px solid #cbd5e1;border-radius:6px;background:#fff;color:var(--text-primary);cursor:pointer;outline:none;transition:all .2s ease;min-width:150px;max-width:100%}.idt-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.idt-select.correct{border-color:#10b981;background:#ecfdf5;color:#047857}.idt-select.incorrect{border-color:#ef4444;background:#fef2f2;color:#dc2626}html.dark-theme .idt-select{background:#ffffff0f;border-color:#ffffff26}html.dark-theme .idt-select.correct{background:#10b98126;border-color:#10b98180;color:#34d399}html.dark-theme .idt-select.incorrect{background:#ef444426;border-color:#ef444480;color:#fca5a5}.practice-mode .worksheet-header{border-bottom-color:#6366f1}.practice-mode .header-top h1{color:#4f46e5}.coef-input{width:30px;height:22px;text-align:center;font-size:.75rem;font-weight:700;font-family:SF Mono,monospace;border:1.5px solid #cbd5e1;border-radius:6px;background:#fff;color:var(--text-primary);outline:none;transition:all .2s ease;margin-right:1px;-moz-appearance:textfield;appearance:textfield}.coef-input::-webkit-outer-spin-button,.coef-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.coef-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.coef-input.correct{border-color:#10b981;background:#ecfdf5;color:#047857}.coef-input.incorrect{border-color:#ef4444;background:#fef2f2;color:#dc2626}.question-row.correct{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#a7f3d0}.question-row.incorrect{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fca5a5}.result-icon{font-size:1.2rem;font-weight:700;margin-left:auto}.question-row.correct .result-icon{color:#10b981}.question-row.incorrect .result-icon{color:#ef4444}.practice-actions{display:flex;align-items:center;gap:16px;margin-top:20px;padding-top:16px;border-top:1px dashed var(--border-color)}.check-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:0;overflow-wrap:anywhere;line-height:1.2}.check-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.check-btn:active{transform:translateY(0)}.check-btn svg{stroke:currentColor}.score-display{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--element-bg);border-radius:8px;border:1px solid var(--border-color)}.score-label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.score-value{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.score-value.perfect{color:#10b981}.top-right-nav{display:flex;justify-content:flex-end;gap:8px;margin-bottom:0}.controls-footer{margin-top:auto;padding-top:20px}.lang-toggle-minimal{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:1px solid transparent;border-radius:12px;color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;justify-content:flex-start}.lang-toggle-minimal:hover{background:var(--element-bg);color:var(--text-primary);border-color:var(--border-color)}.checkbox-text-wrapper{display:flex;flex-direction:column;margin-left:2px}.checkbox-subtitle{display:block;font-size:.7rem;color:var(--text-muted);font-family:SF Mono,monospace;margin-top:2px;opacity:.8;line-height:1.2}.trust-text{font-size:.75rem;color:var(--text-secondary);text-align:center;margin-top:12px;line-height:1.4;padding:0 4px;opacity:.8}.preview-summary-bar{background:#f8fafc;color:#475569;font-size:.8rem;font-weight:600;padding:10px 16px;border-radius:12px;margin-bottom:20px;display:flex;align-items:center;gap:8px;border:1px solid #e2e8f0;flex-wrap:wrap;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.preview-summary-icon{color:#64748b;width:16px;height:16px}@media(max-height:850px){.controls-header p,.trust-text{display:none}.worksheet-controls{gap:6px}}@media(max-height:680px){.checkbox-subtitle{font-size:.65rem}.checkbox-text-wrapper{justify-content:center}.worksheet-controls{padding:10px 12px}.generate-btn{padding:10px 16px}}@media print{#global-nav,#version-dropdown,#floating-about-btn,.worksheet-controls,.preview-header,.preview-summary-bar,.practice-actions{display:none!important}body,html{background:#fff!important;margin:0;padding:0;height:auto!important;overflow:visible!important}#app-viewport,#main-container,.page-container,.worksheet-generator-page,.worksheet-container,.worksheet-preview,.preview-content{display:block!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important}.worksheet-paper{width:100%!important;max-width:100%!important;margin:0!important;padding:10mm!important}.question-row{break-inside:avoid;page-break-inside:avoid;border:1px solid #e2e8f0!important;background:transparent!important}.q-num{color:#000!important}.idt-select{display:none!important}.idt-blank-line{border-bottom-color:#000!important}.idt-answer-label,*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.rotate-device-overlay{display:none}@media(pointer:coarse)and (orientation:portrait)and (min-width:768px){.rotate-device-overlay{display:flex!important;position:fixed;inset:0;z-index:100000;background:#f5f0eb;align-items:center;justify-content:center;text-align:center;padding:2rem}.desktop-only-overlay,.container,.global-nav,.floating-about-btn,.copyright-notice{display:none!important}}@media(pointer:fine),(orientation:landscape){.rotate-device-overlay{display:none!important}}html:not(.is-tablet-portrait) .rotate-device-overlay{display:none!important}html.is-tablet-portrait .rotate-device-overlay{display:flex!important;position:fixed;inset:0;z-index:100000;background:#f5f0eb;align-items:center;justify-content:center;text-align:center;padding:2rem}html.is-tablet-portrait .desktop-only-overlay,html.is-tablet-portrait .container,html.is-tablet-portrait .global-nav,html.is-tablet-portrait .floating-about-btn,html.is-tablet-portrait .copyright-notice{display:none!important}.rotate-device-content{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:320px}.rotate-device-icon{position:relative;color:#1d1d1f;opacity:.7;animation:rotate-device-tilt 2.5s ease-in-out infinite}.rotate-arrow-svg{position:absolute;bottom:-4px;right:-12px;color:#86868b;animation:rotate-arrow-pulse 2.5s ease-in-out infinite}@keyframes rotate-device-tilt{0%,to{transform:rotate(0)}30%{transform:rotate(-90deg)}50%{transform:rotate(-90deg)}80%{transform:rotate(0)}}@keyframes rotate-arrow-pulse{0%,to{opacity:1}30%{opacity:0}50%{opacity:0}80%{opacity:1}}.rotate-device-title{font-family:var(--font-sans);font-size:1.6rem;font-weight:700;color:#1d1d1f;letter-spacing:-.02em;margin:0}.rotate-device-text{font-family:var(--font-sans);font-size:.95rem;color:#86868b;line-height:1.6;font-weight:450;margin:0}@media(pointer:coarse)and (max-width:767px){.desktop-only-overlay{display:flex!important;flex-direction:column;justify-content:flex-start;align-items:stretch;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:0;text-align:left;background:#f5f0eb;scroll-behavior:smooth;backdrop-filter:none;-webkit-backdrop-filter:none}.desktop-only-content,.container,.global-nav,.floating-about-btn,.copyright-notice{display:none!important}}@media(pointer:fine),(min-width:768px){.mobile-landing{display:none!important}}html.is-desktop:not(.is-tablet-portrait) .rotate-device-overlay,html.is-desktop .desktop-only-overlay,html.is-local-dev .rotate-device-overlay,html.is-local-dev .desktop-only-overlay{display:none!important}html.is-tablet-portrait .rotate-device-overlay{display:flex!important}@media(pointer:coarse)and (max-height:767px)and (max-width:932px){.desktop-only-overlay{display:flex!important;flex-direction:column;justify-content:flex-start;align-items:stretch;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:0;text-align:left;background:#f5f0eb;scroll-behavior:smooth;backdrop-filter:none;-webkit-backdrop-filter:none}.mobile-landing{display:flex!important}.desktop-only-content,.container,.global-nav,.floating-about-btn,.copyright-notice{display:none!important}}.mobile-landing{width:100%;min-height:100vh;display:flex;flex-direction:column;font-family:var(--font-sans);color:#1d1d1f;-webkit-font-smoothing:antialiased}html.zp-lite-mode .ml-bg-stream,html.zp-low-performance .ml-bg-stream,html.zp-lite-mode .rotate-device-icon,html.zp-low-performance .rotate-device-icon,html.zp-lite-mode .rotate-arrow-svg,html.zp-low-performance .rotate-arrow-svg{animation:none!important}html.zp-lite-mode .ml-hero-bg,html.zp-low-performance .ml-hero-bg{filter:none!important}html.zp-lite-mode .ml-feature,html.zp-low-performance .ml-feature,html.zp-lite-mode .ml-phone-frame,html.zp-low-performance .ml-phone-frame,html.zp-lite-mode .ml-preview-card,html.zp-low-performance .ml-preview-card{box-shadow:0 6px 18px #1d1d1f14!important}html.zp-lite-mode .ml-feature:hover,html.zp-low-performance .ml-feature:hover,html.zp-touch-device .ml-feature:hover{transform:none!important}@supports (content-visibility: auto){.ml-section-header,.ml-features,.ml-stats,.ml-cta,.ml-footer{content-visibility:auto;contain-intrinsic-size:1px 640px}.ml-feature{contain-intrinsic-size:1px 420px}}.ml-hero{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:60px 28px 80px;text-align:center;overflow:hidden;background:#efe9e3}.ml-hero-bg{position:absolute;inset:0;width:100%;height:100%;background:radial-gradient(circle at 18% 20%,rgba(79,125,252,.14) 0%,transparent 42%),radial-gradient(circle at 82% 18%,rgba(220,120,80,.1) 0%,transparent 40%),radial-gradient(circle at 50% 78%,rgba(117,175,138,.12) 0%,transparent 45%),linear-gradient(180deg,#f5f0ebf2,#f5f0eb);animation:none;pointer-events:none}.ml-hero-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 35%,rgba(79,125,252,.12) 0%,transparent 50%),radial-gradient(circle at 75% 65%,rgba(220,120,80,.08) 0%,transparent 50%),radial-gradient(circle at 50% 80%,rgba(160,100,220,.07) 0%,transparent 40%)}@keyframes ml-bg-drift{0%{transform:translate(0) rotate(0) scale(1)}50%{transform:translate(15px,-25px) rotate(3deg) scale(1.02)}to{transform:translate(-10px,10px) rotate(-2deg) scale(1)}}.ml-hero-content{position:relative;z-index:3;animation:ml-hero-in 1s cubic-bezier(.16,1,.3,1) both;background:#ffffffb3;border:1px solid rgba(255,255,255,.7);border-radius:28px;padding:26px 24px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 14px 48px #00000014}.ml-bg-stream{position:absolute;inset:0;display:none;width:100%;height:100%;pointer-events:none;z-index:2;overflow:hidden}.mobile-landing.ml-stream-enabled .ml-bg-stream{display:flex}.ml-bg-chip{position:absolute;left:0;top:var(--ml-top, 50%);transform:translate(calc(-100% - 26px)) translateY(-50%);white-space:nowrap;font-size:var(--ml-size, 14px);font-weight:600;letter-spacing:.02em;color:rgba(55,64,82,var(--ml-alpha, .16));text-shadow:0 1px 0 rgba(255,255,255,.22);animation-name:ml-bg-float-right;animation-duration:var(--ml-duration, 26s);animation-delay:var(--ml-delay, 0s);animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform}@keyframes ml-bg-float-right{0%{transform:translate(calc(-100% - 26px)) translateY(-50%)}to{transform:translate(calc(100vw + 120%)) translateY(calc(-50% + var(--ml-drift, 0px)))}}@media(prefers-reduced-motion:reduce){.ml-bg-chip{animation:none}}@keyframes ml-hero-in{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.ml-logo{width:auto;height:80px;margin-bottom:24px;animation:ml-logo-breathe 4s ease-in-out infinite;filter:drop-shadow(0 12px 32px rgba(0,0,0,.08))}@keyframes ml-logo-breathe{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.04) translateY(-3px)}}.ml-title{font-size:3.2rem;font-weight:800;color:#1d1d1f;letter-spacing:-.04em;margin:0 0 14px;line-height:1}.ml-subtitle{font-size:1.15rem;color:#6e6e73;line-height:1.6;font-weight:500;margin:0 0 28px}.ml-badge-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.ml-badge{padding:7px 18px;background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.05);border-radius:50px;font-size:.78rem;font-weight:600;color:#1d1d1f;opacity:0;animation:ml-badge-in .6s cubic-bezier(.16,1,.3,1) forwards}.ml-badge:nth-child(1){animation-delay:.6s}.ml-badge:nth-child(2){animation-delay:.75s}.ml-badge:nth-child(3){animation-delay:.9s}@keyframes ml-badge-in{0%{opacity:0;transform:translateY(12px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.ml-scroll-indicator{position:absolute;bottom:28px;left:50%;transform:translate(-50%);opacity:0;animation:ml-fade-up .8s ease 1.4s forwards}.ml-scroll-pill{display:flex;align-items:center;gap:8px;padding:10px 22px;background:#fffc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,0,0,.06);border-radius:50px;color:#6e6e73;font-size:.76rem;font-weight:600;letter-spacing:.04em;box-shadow:0 2px 12px #0000000f;animation:ml-pill-pulse 2.5s ease-in-out infinite;white-space:nowrap}.ml-scroll-pill svg{opacity:.5;animation:ml-bounce 2.2s ease-in-out infinite}@keyframes ml-pill-pulse{0%,to{transform:translateY(0);box-shadow:0 2px 12px #0000000f}50%{transform:translateY(4px);box-shadow:0 4px 20px #0000001a}}@keyframes ml-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}@keyframes ml-fade-up{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.ml-section-header{padding:48px 24px 8px;text-align:center}.ml-section-label{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#aeaeb2;margin-bottom:8px}.ml-section-title{font-size:1.8rem;font-weight:800;color:#1d1d1f;letter-spacing:-.03em;margin:0;line-height:1.2}.ml-features{padding:16px 20px 20px;display:flex;flex-direction:column;gap:20px}.ml-feature{background:#fff;border-radius:20px;padding:28px 24px 24px;box-shadow:0 2px 8px #00000008,0 8px 32px #0000000f;border:1px solid rgba(0,0,0,.04);overflow:hidden}.ml-feature-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:16px;background:#f5f0eb}.ml-feature-tag{display:inline-block;padding:5px 14px;background:#f5f0eb;border-radius:50px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#86868b;margin-bottom:14px}.ml-feature-title{font-size:1.5rem;font-weight:700;color:#1d1d1f;letter-spacing:-.02em;margin:0 0 8px;line-height:1.2}.ml-feature-desc{font-size:.88rem;color:#86868b;line-height:1.65;margin:0 0 20px;font-weight:450}.ml-img-frame{border-radius:14px;overflow:hidden;box-shadow:0 4px 16px #00000014,0 12px 40px #0000000f;border:1px solid rgba(0,0,0,.06);position:relative;background:#fafaf9}.ml-img-frame img{width:100%;height:clamp(180px,40vw,260px);object-fit:cover;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)}.ml-img-frame-table img{object-position:center top}.ml-img-frame-modal img{object-position:center 35%}.ml-img-frame-tools img{object-position:center 20%}.ml-img-frame-worksheet img{object-position:center 40%}.ml-feature:active .ml-img-frame img{transform:scale(1.02)}.ml-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px 20px 32px}.ml-stat{text-align:center;padding:18px 6px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000008,0 4px 16px #0000000a;border:1px solid rgba(0,0,0,.04)}.ml-stat-number{display:block;font-size:1.6rem;font-weight:800;color:#1d1d1f;letter-spacing:-.03em;line-height:1.1}.ml-stat-label{display:block;font-size:.62rem;color:#aeaeb2;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.ml-cta{padding:8px 20px 20px}.ml-cta-card{background:#fff;border-radius:20px;padding:44px 28px;text-align:center;box-shadow:0 2px 8px #00000008,0 8px 32px #0000000f;border:1px solid rgba(0,0,0,.04)}.ml-cta-icon{color:#1d1d1f;margin-bottom:20px;opacity:.5}.ml-cta-title{font-size:1.5rem;font-weight:700;color:#1d1d1f;letter-spacing:-.02em;margin:0 0 12px}.ml-cta-text{font-size:.88rem;color:#86868b;line-height:1.65;margin:0 0 28px;font-weight:450}.ml-cta-btn{display:inline-block;padding:15px 36px;background:#1d1d1f;color:#fff;border-radius:50px;font-weight:600;font-size:.95rem;text-decoration:none;box-shadow:0 4px 20px #0003;transition:all .25s cubic-bezier(.16,1,.3,1);letter-spacing:-.01em}.ml-cta-btn:active{transform:scale(.94);box-shadow:0 2px 10px #00000026}.ml-footer{padding:32px 20px 48px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.ml-footer-logo{width:28px;height:28px;opacity:.2;border-radius:7px}.ml-footer p{font-size:.72rem;color:#aeaeb2;font-weight:500;margin:0}.ml-reveal{opacity:0;transform:translateY(50px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.ml-reveal.ml-visible{opacity:1;transform:translateY(0)}.ml-reveal-delay-1{transition-delay:.1s}.ml-reveal-delay-2{transition-delay:.2s}.ml-reveal-delay-3{transition-delay:.3s}@media(max-width:380px){.ml-title{font-size:2.6rem}.ml-section-title{font-size:1.5rem}.ml-feature{padding:24px 20px 20px}.ml-stats{grid-template-columns:repeat(2,1fr)}}@media(max-height:700px)and (max-width:859px){.ml-hero{min-height:100svh;padding:40px 24px 60px}.ml-logo{width:60px;height:60px}.ml-title{font-size:2.6rem}}html.dark-theme{--bg-color: #0e0e12;--element-bg: #1a1a22;--element-hover: #2a2a36;--text-primary: #e8e6f0;--text-secondary: #9a97a8;--text-muted: #605d6d;--text-highlight: #f0a050;--border-color: rgba(255, 255, 255, .06);--modal-bg-glass: rgba(22, 22, 30, .94);--modal-text-main: #ffffff;--modal-text-sub: #b0b0c0;--p-grad: linear-gradient(135deg, #d0505f 0%, #f0a060 100%);--e-grad: linear-gradient(135deg, #2a9ab0 0%, #75d5e8 100%);--n-grad: linear-gradient(135deg, #a0a8b0 0%, #3f4a5a 100%);--brand-glow: linear-gradient(135deg, #009ac0 0%, #70cc80 100%);--premium-grad: linear-gradient(135deg, #5568c8 0%, #6040a0 100%);--tm-mark-color: rgba(198, 208, 232, .62);--cat-alkali-bg: #6c303d;--cat-alkali-fg: #ff9ca8;--cat-alkaline-bg: #6b5425;--cat-alkaline-fg: #ffd37d;--cat-transition-bg: #666122;--cat-transition-fg: #fff27a;--cat-post-bg: #354782;--cat-post-fg: #8fc9ff;--cat-metalloid-bg: #1f5d53;--cat-metalloid-fg: #8ff2dc;--cat-other-bg: #446227;--cat-other-fg: #97f26f;--cat-halogen-bg: #6c6a27;--cat-halogen-fg: #fff07a;--cat-noble-bg: #5a347f;--cat-noble-fg: #d79aff;--cat-lanthanide-bg: #8b5b2d;--cat-lanthanide-fg: #ffbf80;--cat-actinide-bg: #7a3655;--cat-actinide-fg: #ff92be;--cat-unknown-bg: #2a2a32;--cat-unknown-fg: #aaaaaa;--shadow-xs: 0 1px 2px rgba(0,0,0,.2);--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.5);--shadow-xl: 0 16px 48px rgba(0,0,0,.6);color-scheme:dark}html.dark-theme{background-color:var(--bg-color)}html.dark-theme body{background-color:transparent;color:var(--text-primary)}html.dark-theme .blank-page,html.dark-theme .desktop-only-overlay{background:var(--bg-color)}html.dark-theme .desktop-only-content{background:linear-gradient(135deg,#1c1c24f2,#14141ccc);border-color:#ffffff0f;box-shadow:0 20px 40px #0000004d,0 1px 3px #00000026}html.dark-theme .desktop-only-icon,html.dark-theme .desktop-only-title{color:var(--text-primary)}html.dark-theme .desktop-only-btn{background:var(--text-primary);color:var(--bg-color)}html.dark-theme .global-nav{background:#121218c7;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 24px #00000059,0 1px 2px #0003}html.dark-theme{--segment-track-bg: rgba(255, 255, 255, .06);--segment-active-bg: rgba(255, 255, 255, .12);--segment-text: #888888;--segment-text-hover: #cccccc;--segment-text-active: #ffffff;--segment-active-shadow: 0 1px 3px rgba(0, 0, 0, .35)}html.dark-theme .nav-brand{color:var(--text-primary)}html.dark-theme .global-nav-pill{background:var(--segment-track-bg)}html.dark-theme .nav-pill-slider,html.dark-theme .sv-nav-pill-slider{background:var(--segment-active-bg);box-shadow:var(--segment-active-shadow)}html.dark-theme .lang-dropdown-toggle{background:#ffffff0f;color:#999}html.dark-theme .lang-dropdown-toggle:hover,html.dark-theme .lang-dropdown.open .lang-dropdown-toggle{color:#ddd;background:#ffffff1a}html.dark-theme .lang-dropdown-menu{background:linear-gradient(180deg,#1e1e28f7,#181822f7);border-color:#ffffff14;box-shadow:0 14px 38px #00000080,0 4px 12px #0000004d}html.dark-theme .lang-option{color:#c8c6d0}html.dark-theme .lang-option:hover{background:#ffffff14;color:#fff}html.dark-theme .lang-option.active{background:#ffffff1f;color:#fff}html.dark-theme .lang-chevron{color:currentColor}html.dark-theme .lang-dropdown.open .lang-chevron{color:#bbb}html.dark-theme .nav-theme-toggle{background:#ffffff14;color:#9a97a8;box-shadow:inset 0 0 0 1px #ffffff0f}html.dark-theme .nav-theme-toggle:hover{color:#e8e6f0;background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff1f}html.dark-theme .nav-theme-toggle.active{color:#f5f5f5}html.dark-theme .element-search-wrapper{background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff0f}html.dark-theme .element-search-wrapper:hover,html.dark-theme .element-search-wrapper.expanded,html.dark-theme .element-search-wrapper:focus-within{background:#ffffff24;box-shadow:inset 0 0 0 1px #6482ff59,0 0 0 2px #6482ff33}html.dark-theme .element-search-input{background:transparent;color:#e8e6f0}html.dark-theme .element-search-icon{color:#9a97a8}html.dark-theme .element-search-wrapper:hover .element-search-icon,html.dark-theme .element-search-wrapper:focus-within .element-search-icon,html.dark-theme .element-search-wrapper.expanded .element-search-icon{color:#7a9aff}html.dark-theme .element-search-results{background:#16161efa;border-color:#ffffff14;box-shadow:0 12px 40px #00000073,0 4px 12px #0003,inset 0 0 0 .5px #ffffff0f}html.dark-theme .element-search-item:hover,html.dark-theme .element-search-item.active{background:#ffffff0f}html.dark-theme .element-search-item.active{background:#6482ff1a}html.dark-theme .element-search-item-name{color:#e8e6f0}html.dark-theme .element-search-item-name mark{background:#fff3bf;color:#000;border-radius:2px}html.dark-theme .element-search-item-detail{color:#6a677a}html.dark-theme .element-search-item-mass{color:#9a97a8;opacity:.9}html.dark-theme .element-search-empty{color:#6a677a}html.dark-theme .element-search-results::-webkit-scrollbar-thumb{background:#ffffff1f}html.dark-theme .element-search-item-symbol{color:#fff!important}html.dark-theme .nav-github-link{color:#e8e6f0}html.dark-theme .version-dropdown-toggle{background:#ffffff0f;color:#999}html.dark-theme .version-dropdown-toggle:hover{color:#ddd;background:#ffffff1a}html.dark-theme .version-dropdown-menu{background:linear-gradient(180deg,#1e1e28f7,#181822f7);border-color:#ffffff14;box-shadow:0 14px 38px #00000080,0 4px 12px #0000004d}html.dark-theme .version-dropdown-option{color:#777}html.dark-theme .version-dropdown-option:hover{background:#ffffff0d;color:#999}html.dark-theme .copyright-notice{color:var(--text-muted)}html.dark-theme .element{background-color:var(--element-bg);border-color:var(--border-color)}html.dark-theme .element:hover{background-color:var(--element-hover);box-shadow:0 15px 30px -5px #00000073;border-color:#ffffff1f}html.dark-theme .element .symbol{color:var(--text-primary)}html.dark-theme .element.alkali-metal{background-color:var(--cat-alkali-bg);color:var(--cat-alkali-fg)}html.dark-theme .element.alkaline-earth,html.dark-theme .element.alkaline-earth-metal{background-color:var(--cat-alkaline-bg);color:var(--cat-alkaline-fg)}html.dark-theme .element.transition-metal{background-color:var(--cat-transition-bg);color:var(--cat-transition-fg)}html.dark-theme .element.post-transition-metal{background-color:var(--cat-post-bg);color:var(--cat-post-fg)}html.dark-theme .element.metalloid{background-color:var(--cat-metalloid-bg);color:var(--cat-metalloid-fg)}html.dark-theme .element.other-nonmetal,html.dark-theme .element.non-metal,html.dark-theme .element.polyatomic-nonmetal,html.dark-theme .element.diatomic-nonmetal{background-color:var(--cat-other-bg);color:var(--cat-other-fg)}html.dark-theme .element.halogen{background-color:var(--cat-halogen-bg);color:var(--cat-halogen-fg)}html.dark-theme .element.noble-gas{background-color:var(--cat-noble-bg);color:var(--cat-noble-fg)}html.dark-theme .element.lanthanide{background-color:var(--cat-lanthanide-bg);color:var(--cat-lanthanide-fg)}html.dark-theme .element.actinide{background-color:var(--cat-actinide-bg);color:var(--cat-actinide-fg)}html.dark-theme .element.unknown,html.dark-theme .element.undefined{background-color:var(--cat-unknown-bg);color:var(--cat-unknown-fg)}html.dark-theme .legend-swatch.alkali-metal{background-color:var(--cat-alkali-bg)}html.dark-theme .legend-swatch.alkaline-earth-metal{background-color:var(--cat-alkaline-bg)}html.dark-theme .legend-swatch.transition-metal{background-color:var(--cat-transition-bg)}html.dark-theme .legend-swatch.post-transition-metal{background-color:var(--cat-post-bg)}html.dark-theme .legend-swatch.metalloid{background-color:var(--cat-metalloid-bg)}html.dark-theme .legend-swatch.other-nonmetal,html.dark-theme .legend-swatch.non-metal{background-color:var(--cat-other-bg)}html.dark-theme .legend-swatch.halogen{background-color:var(--cat-halogen-bg)}html.dark-theme .legend-swatch.noble-gas{background-color:var(--cat-noble-bg)}html.dark-theme .legend-swatch.lanthanide{background-color:var(--cat-lanthanide-bg)}html.dark-theme .legend-swatch.actinide{background-color:var(--cat-actinide-bg)}html.dark-theme #table-legend{background:#12121873;border:1.5px solid rgba(255,255,255,.06);box-shadow:0 8px 32px #00000040,0 1px 2px #00000026}html.zp-lite-mode.dark-theme #table-legend{background:#1a1a22f2;backdrop-filter:none;-webkit-backdrop-filter:none}html.dark-theme .legend-item{background:#1e1e28bf;box-shadow:inset 0 0 0 1px #ffffff14;color:var(--text-secondary)}html.dark-theme .legend-item:hover{background:#282837e6;box-shadow:inset 0 0 0 1px #ffffff26,0 4px 12px #00000040}html.dark-theme .legend-item.active{background:#fff;color:#0f1115;box-shadow:inset 0 0 0 1px #fff,0 8px 24px #0000004d}html.dark-theme .legend-item.active .legend-swatch{border-color:#0000004d}html.dark-theme #periodic-table.highlighting .element.highlighted{box-shadow:0 0 12px #ffffff1a;border-color:#fff3;filter:brightness(1.15)}html.dark-theme .lanthanide,html.dark-theme .actinide{background-color:#1e1e28}html.dark-theme .eit-property-trigger{background:#ffffff0f;color:#999}html.dark-theme .eit-property-trigger:hover{color:#ddd;background:#ffffff1a}html.dark-theme .eit-slider-values span{color:#e8e6f0;background:#ffffff0f}html.dark-theme .eit-slider-track{background:#ffffff14}html.dark-theme .eit-range-input::-webkit-slider-thumb{background:#e8e6f0;border-color:#2a2a36}html.dark-theme .eit-range-input::-moz-range-thumb{background:#e8e6f0;border-color:#2a2a36}html.dark-theme .eit-reset-btn{background:#ffffff0f;color:#777}html.dark-theme .eit-reset-btn:hover{color:#ddd;background:#ffffff1a}html.dark-theme .eit-property-panel{background:linear-gradient(180deg,#1e1e28f7,#181822f7);border-color:#ffffff14;box-shadow:0 14px 38px #00000080,0 4px 12px #0000004d}html.dark-theme .eit-chip-group-label{color:#6a677a}html.dark-theme .eit-chip{color:#c8c6d0}html.dark-theme .eit-chip:hover{background:#ffffff14;color:#fff}html.dark-theme .eit-chip.active{background:#fff;color:#0f1115}html.dark-theme .eit-chip[data-property=category]{color:#e8e6f0}html.dark-theme .eit-chip[data-property=category].active{color:#0f1115}html.dark-theme .eit-chip[data-property=category]:not(.active){background:#ffffff0d}html.dark-theme .eit-chip-group-divider{background:#ffffff0f}html.dark-theme #periodic-table .element.eit-colored .symbol{color:var(--eit-cell-text, #fff)}html.dark-theme #periodic-table .element.eit-colored .number,html.dark-theme #periodic-table .element.eit-colored .name{color:#0f1115b8!important}html.dark-theme #periodic-table.eit-active[data-eit-property] .element.eit-no-data{background-color:#1a1a22!important;color:#555!important;background-image:repeating-linear-gradient(-45deg,rgba(100,110,130,.1) 0,rgba(100,110,130,.1) 6px,transparent 6px,transparent 12px)}html.dark-theme #periodic-table.eit-active[data-eit-property] .element.eit-no-data .symbol,html.dark-theme #periodic-table.eit-active[data-eit-property] .element.eit-no-data .number,html.dark-theme #periodic-table.eit-active[data-eit-property] .element.eit-no-data .name,html.dark-theme #periodic-table.eit-active[data-eit-property] .element.eit-no-data .eit-cell-value{color:#686873!important}html.dark-theme #periodic-table .element.eit-focus{box-shadow:0 0 0 2px #e8e6f040,0 8px 22px #00000059}html.dark-theme #periodic-table.eit-menu-open .element{opacity:.45}html.dark-theme #periodic-table.eit-active .element.range-block{background-color:#1a1a22!important;border-color:#ffffff0a!important}html.dark-theme .modal-overlay{background:#00000073}@media(pointer:coarse){html.dark-theme #element-modal.modal-overlay{backdrop-filter:blur(10px) saturate(115%);-webkit-backdrop-filter:blur(10px) saturate(115%);background:#000000c2}}html.dark-theme .modal-content{background:var(--modal-bg-glass);border-color:#ffffff0f;box-shadow:0 40px 100px -20px #0000008c}html.dark-theme .modal-content.welcome-redesign,html.dark-theme .modal-content.changelog-modal-content{background:#1c1c1e;box-shadow:0 50px 120px -30px #0009}html.dark-theme .about-left{background:#10141d}html.dark-theme .about-right{background:#0d121a!important}html.dark-theme .author-card{background:#161c27;border-color:#ffffff14;box-shadow:0 16px 48px -14px #00000080}html.dark-theme .connector-line{background:linear-gradient(90deg,#8098ff73,#a578ff73)}html.dark-theme .connector-line:after{background:linear-gradient(180deg,#1c2331,#171d2b);color:#9ab2ff;box-shadow:0 0 0 1px #96b0ff2e}html.dark-theme .author-details h2{background:linear-gradient(135deg,#dbe7ff,#9db8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}html.dark-theme .welcome-title,html.dark-theme .welcome-subtitle{color:#eef3ff}html.dark-theme .welcome-subtitle span,html.dark-theme .welcome-description,html.dark-theme .welcome-footer{color:#9ca8bc}html.dark-theme .feature-pill{background:linear-gradient(135deg,#7e99ff2e,#6e52de29);border-color:#9fb2ff59;color:#d6e0ff}html.dark-theme .author-role{color:#cfdaff;background:linear-gradient(135deg,#5f7ee838,#7457db33);border-color:#9ab2ff3d}html.dark-theme .author-meta{background:linear-gradient(180deg,#1b2230,#151b28);border-color:#ffffff14}html.dark-theme .meta-row,html.dark-theme .email-text{color:#c6d0e0}html.dark-theme .meta-row svg,html.dark-theme .email-icon,html.dark-theme .copy-feedback,html.dark-theme .email-row:hover .copy-feedback{color:#9db3ff}html.dark-theme .email-row{background:#ffffff0f;border-color:#ffffff1a}html.dark-theme .email-row:hover{background:#ffffff1a;border-color:#9db3ff59;box-shadow:0 8px 24px #00000059}html.dark-theme .modal-close{background:#ffffff14;color:#fff;opacity:.6}html.dark-theme .modal-close:hover{background:#ffffffe6;color:#000;opacity:1}html.dark-theme .modal-back{background:#ffffff14;color:#fff;opacity:.6}html.dark-theme .modal-back:hover{background:#ffffffe6;color:#000;opacity:1}html.dark-theme .modal-help-btn{background:#ffffff0f;color:#999}html.dark-theme .modal-help-btn:hover{background:#ffffffe6;color:#111}html.dark-theme #atom-visual-config{color:#d6dbe5}html.dark-theme .atom-config-pill{background:var(--pill-bg, rgba(255, 255, 255, .08));box-shadow:inset 0 0 0 1px #ffffff14}html.dark-theme .atom-config-pill:hover{background:var(--pill-hover-bg, var(--pill-bg, rgba(255, 255, 255, .08)))}html.dark-theme .atom-config-pill.is-active{box-shadow:none}html.dark-theme .modal-info-pane{background:#1c1c1e}html.dark-theme .level-header{background:#181820}html.dark-theme .modal-info-pane.scrolled .level-header{background:#181820fa;border-bottom-color:#ffffff0f}html.dark-theme .modal-container{background:#121218c7;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 24px #00000059,0 1px 2px #0003}html.dark-theme .modal-header{border-bottom-color:#ffffff0f}html.dark-theme .headline-name{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}html.dark-theme .headline-symbol{color:#fff;opacity:.95}html.dark-theme .headline-mass,html.dark-theme .headline-atomic{color:#ffffffd9}html.dark-theme .modal-main-row{border-right-color:#ffffff14}html.dark-theme .section-divider{border-bottom-color:#ffff801a}html.dark-theme .feature-help-overlay{background:#121218f7}html.dark-theme .feature-help-overlay .help-content h3{color:var(--text-primary)}html.dark-theme .feature-help-overlay .help-content p{color:var(--text-secondary)}html.dark-theme .feature-help-overlay .help-content code{background:#ffffff14;color:#c8c6d0}html.dark-theme .feature-help-overlay .help-content ul{color:var(--text-secondary)}html.dark-theme .green-rectangle{background:#1d2430;box-shadow:0 6px 14px #0000006b;border:1px solid rgba(176,190,209,.13)}html.dark-theme .yellow-rectangle{background:#1c2a35;box-shadow:0 4px 12px #0006;border:1px solid rgba(167,197,217,.15)}html.dark-theme .blue-rectangle{background:#1d2e2b;box-shadow:0 4px 12px #0006;border:1px solid rgba(157,203,195,.15)}html.dark-theme .red-rectangle{background:#2a211d;box-shadow:0 6px 14px #0000006b;border:1px solid rgba(219,197,156,.13)}html.dark-theme .texture-cardboard:before,html.dark-theme .texture-matte:before,html.dark-theme .texture-metal:before{opacity:.05!important;mix-blend-mode:overlay;box-shadow:inset 0 0 15px #0000001a}html.dark-theme .texture-metal:before{background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(0,0,0,.2) 100%)}html.dark-theme .modal-category{color:#ffffffe6}html.dark-theme .modal-description{color:#fffffff2;line-height:1.6}html.dark-theme .modal-watermark{color:#ffffff0a;text-shadow:none}html.dark-theme .ions-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 16px #00000026;border-radius:16px}html.dark-theme .ions-section .info-label{color:#fffc}html.dark-theme .ion-item,html.dark-theme .ion-item-expandable{background:#ffffff14;border:1px solid rgba(255,255,255,.08);box-shadow:0 2px 8px #0000001a;border-radius:12px}html.dark-theme .ion-item-expandable.active{background:#ffffff1f;border-color:#ffffff26}html.dark-theme .ion-symbol{color:#f5e0a7!important}html.dark-theme .ion-name{color:#ffffffbf}html.dark-theme .ion-detail-note{color:#ffffff73}html.dark-theme .l2-summary-label,html.dark-theme .l2-configuration-label,html.dark-theme .atomic-particle-lbl{color:#ffffff73;font-size:.8rem!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.5px}html.dark-theme .l2-summary-value,html.dark-theme .atomic-particle-num{color:#ffffffd9!important;font-weight:700}html.dark-theme .isotope-mass-number,html.dark-theme .isotope-element-symbol{color:#f5e0a7!important;text-shadow:0 0 10px rgba(245,224,167,.2)}html.dark-theme .glass-panel{background:linear-gradient(180deg,#16222bf0,#111c24f0);border:1px solid rgba(173,198,219,.12);box-shadow:0 10px 28px #00000047,inset 0 1px #ffffff08;border-radius:16px}html.dark-theme .glass-panel-title{color:#d8e5f09e;font-size:.8rem!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.6px}html.dark-theme .ox-pill.possible{background:#93a3b824;color:#d7e3eed1;border:1px solid rgba(173,198,219,.18)}html.dark-theme .ox-pill.common,html.dark-theme .ox-pill.all{background:linear-gradient(135deg,#2478ff47,#40a3ff2e);color:#76c2ff;box-shadow:inset 0 1px #ffffff14}html.dark-theme .ox-legend-item{color:#dce6f0b8}html.dark-theme .ox-dot.common,html.dark-theme .ox-dot.all{background:#0a84ff}html.dark-theme .l3-stat-item{border-left-color:#adc6db2e}html.dark-theme .prop-cell-label{color:#d2dfea94;font-size:.8rem!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}html.dark-theme .l3-stat-label{color:#d2dfea99;font-size:.55rem!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.5px}html.dark-theme .l3-stat-value{color:#f3f7fb}html.dark-theme .config-hero{color:#eaf2ff;text-shadow:0 2px 10px rgba(0,0,0,.22)}html.dark-theme .red-rectangle .info-label{color:#ffffff73;font-size:.8rem!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.5px}html.dark-theme .red-rectangle .info-value{color:#ffffffe6}html.dark-theme .prop-grid-section .prop-cell{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 4px 12px #0000001f;border-radius:14px}html.dark-theme .prop-grid-section .prop-cell div{font-weight:400!important;line-height:1.5}html.dark-theme .prop-grid-section .prop-cell:nth-child(1) .prop-cell-label,html.dark-theme .prop-grid-section .prop-cell:nth-child(1) div{color:#2cc77a!important;text-shadow:0 0 8px rgba(44,199,122,.12)}html.dark-theme .prop-grid-section .prop-cell:nth-child(2) div{color:#ffffffe6!important}html.dark-theme .prop-grid-section .prop-cell:nth-child(3) .prop-cell-label,html.dark-theme .prop-grid-section .prop-cell:nth-child(3) div{color:#f05b53!important;text-shadow:0 0 8px rgba(240,91,83,.12)}html.dark-theme .red-rectangle .prop-cell[style*="16, 185, 129"]{background:#064e3b33!important;border-color:#10b98133!important}html.dark-theme .red-rectangle .prop-cell[style*="220, 38, 38"]{background:#7f1d1d33!important;border-color:#ef44442e!important}html.dark-theme .prop-grid-section{gap:12px}html.dark-theme .dot{background:#ffffff1f}html.dark-theme .dot.active,html.dark-theme .dot:hover{background:#fff}html.dark-theme .simplified-element-box{background:#1c1c1e;border-top-color:#ffffff14}html.dark-theme .simplified-symbol{color:#fff}html.dark-theme .simplified-name{color:#ffffffe6}html.dark-theme .simplified-category{color:#ffffff8c}html.theme-transitioning,html.theme-transitioning *{transition:background-color var(--dur-normal) var(--ease-smooth),color var(--dur-normal) var(--ease-smooth),border-color var(--dur-normal) var(--ease-smooth),box-shadow var(--dur-normal) var(--ease-smooth),background var(--dur-normal) var(--ease-smooth)!important}html.dark-theme{--modal-bg: #1C1C1E;--modal-text-main: rgba(255, 255, 255, .9);--modal-text-sub: rgba(255, 255, 255, .55)}html.dark-theme .level-lock-btn{background:#ffffff14;color:#fff6}html.dark-theme .level-lock-btn:hover{background:#ffffff26;color:#ffffffb3}html.dark-theme .level-lock-btn.locked{background:#fffc;color:#111}html.dark-theme .elem-nav-icon{background:#ffffff0a;color:#ffffff4d;box-shadow:0 2px 8px #0000001a}html.dark-theme .elem-nav-btn:hover .elem-nav-icon{background:#ffffff14;color:#fff9;box-shadow:0 4px 14px #0003}html.dark-theme .elem-nav-btn:active .elem-nav-icon{background:#ffffff1f}html.dark-theme .texture-toggle-btn{background:#ffffff14;border-color:#ffffff26;color:#ccc}html.dark-theme .texture-toggle-btn:hover{background:#ffffff26}html.dark-theme .card-info-container{color:#e8e6f0}html.dark-theme .info-label{color:#ffffff73}html.dark-theme .info-value{color:#e8e6f0;text-shadow:none}html.dark-theme .l2-summary-value{color:#e8e6f0}html.dark-theme .l2-summary-label,html.dark-theme .l2-configuration-label{color:#ffffffbf}html.dark-theme .overview-item{background:#ffffff0f;border-color:#ffffff14;box-shadow:none}html.dark-theme .overview-item:hover{background:#ffffff1a;border-color:#ffffff26;box-shadow:0 2px 8px #0003}html.dark-theme .ov-label{color:#ffffffe6}html.dark-theme .ov-value{color:#fff}html.dark-theme .prop-card{background:#ffffff0f;border-color:#ffffff0f;box-shadow:none}html.dark-theme .prop-card:hover{background:#ffffff1a;border-color:#ffffff1f;box-shadow:0 4px 12px #0003}html.dark-theme .prop-label{color:#ffffffe6}html.dark-theme .prop-value,html.dark-theme .prop-icon{color:#fff}html.dark-theme .full-width-card{background:linear-gradient(135deg,#ffffff0f,#ffffff08)}html.dark-theme .charge-main{color:#fff}html.dark-theme .charge-sub{color:#ffffffbf}html.dark-theme .stat-label{color:#ffffffe6}html.dark-theme .stat-value{color:#fff}html.dark-theme .stat-unit{color:#ffffffe6}html.dark-theme .ion-table-heading{color:#ffffff73;font-size:.85rem!important;font-weight:800!important;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:10px;margin-top:0}html.dark-theme .ion-element{background:#1a1a22;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 12px #0003;transition:all var(--dur-normal) var(--ease-spring)}html.dark-theme .ion-element:hover{background:#2a2a35;z-index:10;border-color:#ffffff1f}html.dark-theme .ion-table-heading{color:#ffffff73;border-bottom-color:#ffffff14}html.dark-theme .ion-element.ion-cation{border-left:2px solid #FFD60A;border-color:#ffd60a26}html.dark-theme .ion-element.ion-cation .ion-symbol{color:#fff!important}html.dark-theme .ion-element.ion-cation .ion-charge{color:#ffffffd9}html.dark-theme .ion-element.ion-cation:hover{border-color:#ffd60a66}html.dark-theme .ion-element.ion-anion{border-left:2px solid #0A84FF;border-color:#0a84ff26}html.dark-theme .ion-element.ion-anion .ion-symbol{color:#fff!important}html.dark-theme .ion-element.ion-anion .ion-charge{color:#ffffffd9}html.dark-theme .ion-element.ion-anion:hover{border-color:#0a84ff66}html.dark-theme .ion-name{color:#fff!important;font-weight:500}html.dark-theme .ion-element.ion-polyatomic{background:#ffffff0f}html.dark-theme body .balancer-icon{background:linear-gradient(135deg,#451a1a,#5d2a1a)!important;color:#ff9a9a!important}html.dark-theme body .molar-icon{background:linear-gradient(135deg,#453a1a,#5d4d1a)!important;color:#ffd29a!important}html.dark-theme body .solubility-icon{background:linear-gradient(135deg,#1a453a,#1a5d4d)!important;color:#a0ffdf!important}html.dark-theme body .virtual-lab-icon{background:linear-gradient(135deg,#3d1a45,#521a5d)!important;color:#d1b0ff!important}html.dark-theme body .orbital-icon{background:linear-gradient(135deg,#1e1b4b,#3b1f73)!important;color:#c4b5fd!important}html.dark-theme .chem-tool-icon-box:after{display:none!important}html.dark-theme .chem-tool-card:hover .chem-tool-icon-box:after{display:block!important;box-shadow:0 0 15px #ffffff26!important;border:1px solid rgba(255,255,255,.2)!important}html.dark-theme .chem-tool-card{box-shadow:0 4px 24px #0003!important;border-color:#ffffff0d!important}html.dark-theme body #mode-switcher-pill{background:var(--segment-track-bg)!important;border:none!important;box-shadow:none!important}html.dark-theme body #mode-switcher-pill #balancer-mode-slider{background:var(--segment-active-bg)!important;box-shadow:var(--segment-active-shadow)!important;border:none!important}html.dark-theme body #mode-switcher-pill .nav-pill-btn{color:var(--segment-text)!important;font-weight:600!important;text-shadow:none!important;border:none!important}html.dark-theme body #mode-switcher-pill .nav-pill-btn.active{color:var(--segment-text-active)!important;background:transparent!important;border:none!important}html.dark-theme body .physics-scale-container{background:linear-gradient(180deg,#2c2c34,#1c1c21)!important;border:1px solid rgba(255,255,255,.05)!important;box-shadow:0 10px 30px #00000080!important}html.dark-theme body .balancer-input-group,html.dark-theme body .balancer-float-card,html.dark-theme body .predictor-left-col,html.dark-theme body .predictor-right-col{background:#ffffff0a!important;border:none!important;box-shadow:none!important}html.dark-theme body .balancer-input-label{color:#fff!important;opacity:.9!important}html.dark-theme body .balancer-text-input{background:#0000004d!important;color:#fff!important;border:1px solid rgba(255,255,255,.1)!important}html.dark-theme body .balancer-text-input::placeholder{color:#ffffff4d!important}html.dark-theme body .balancer-status-bar{background:#ffffff0f!important;color:#fff!important;border:none!important;box-shadow:none!important}html.dark-theme body .balancer-status-bar.balanced{background:#10b98133!important;color:#10b981!important}html.dark-theme body .balancer-status-bar.unbalanced{background:#f59e0b33!important;color:#f59e0b!important}html.dark-theme body .balancer-btn-primary{background:#fff!important;color:#000!important;font-weight:600!important;border:none!important;box-shadow:0 4px 12px #0000004d!important}html.dark-theme body .balancer-btn-secondary{background:#ffffff1a!important;color:#fff!important;border:none!important;box-shadow:none!important}html.dark-theme body .balancer-arrow-divider{background:#ffffff0d!important;border:none!important;color:#fff!important;box-shadow:none!important}html.dark-theme body .predictor-type-card{background:#ffffff08!important;color:#ffffffb3!important;border:none!important;box-shadow:none!important}html.dark-theme body .predictor-type-card.selected{background:#fff!important;color:#000!important;border:none!important}html.dark-theme body .predictor-explanation{background:#ffffff05!important;color:#fffc!important;border-color:#ffffff0d!important}html.dark-theme body .sol-calc-wrapper{--glass-bg: rgba(45, 45, 52, .8) !important;--glass-border: rgba(255, 255, 255, .1) !important;--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4) !important;--text-primary: #ffffff !important;--text-secondary: #ffffff !important;height:100%!important;display:flex!important;flex-direction:column!important}html.dark-theme body .sol-grid{flex:1!important;min-height:0!important;gap:24px!important}html.dark-theme body .sol-glass-card{background:linear-gradient(180deg,#2c2d36,#202129)!important;border:1px solid rgba(255,255,255,.08)!important;padding:20px!important;border-radius:16px!important}html.dark-theme body .sol-section-label{margin-bottom:12px!important;color:#fff9!important;display:block!important}html.dark-theme body .sol-input-stack{gap:10px!important;display:flex!important;flex-direction:column!important}html.dark-theme body .sol-table-panel{background:linear-gradient(180deg,#30313a,#24252d)!important;border:1px solid rgba(255,255,255,.08)!important;display:flex!important;flex-direction:column!important;min-height:0!important;padding:0!important;overflow:hidden!important}html.dark-theme body .sol-glass-table-wrap{flex:1!important;display:flex!important;flex-direction:column!important;padding:0 20px 20px!important;min-height:0!important}html.dark-theme body .sol-glass-table{display:flex!important;flex-direction:column!important;height:100%!important;margin:0!important}html.dark-theme body .sol-glass-table tbody{flex:1!important;display:flex!important;flex-direction:column!important;min-height:0!important}html.dark-theme body .sol-glass-table tr{display:flex!important;flex:1!important;align-items:center!important;width:100%!important;border-bottom:1px solid rgba(255,255,255,.05)!important}html.dark-theme body .sol-glass-table th{background:#ffffff0b!important;color:#ebf0f8b8!important;height:44px!important}html.dark-theme body .sol-glass-table td{padding:8px 16px!important;color:#e8eef7eb!important}html.dark-theme body .sol-glass-table th:nth-child(1),html.dark-theme body .sol-glass-table td:nth-child(1){flex:1.4!important}html.dark-theme body .sol-glass-table th:nth-child(2),html.dark-theme body .sol-glass-table td:nth-child(2){flex:.8!important}html.dark-theme body .sol-glass-table th:nth-child(3),html.dark-theme body .sol-glass-table td:nth-child(3){flex:2.2!important}html.dark-theme body .sol-calc-wrapper .sol-anion-name,html.dark-theme body .sol-calc-wrapper .sol-ion-base,html.dark-theme body .sol-calc-wrapper .sol-ion-scripts,html.dark-theme body .sol-calc-wrapper .sol-ion,html.dark-theme body .sol-calc-wrapper .sol-ion span{color:#fff!important;opacity:1!important;-webkit-text-fill-color:#ffffff!important}html.dark-theme body .sol-input-field{background:linear-gradient(180deg,#14171d,#0f1218)!important;border:1.5px solid rgba(255,255,255,.12)!important;color:#f3f6fb!important;box-shadow:inset 0 1px #ffffff0a,inset 0 0 0 1px #ffffff05!important}html.dark-theme body .sol-input-field::placeholder{color:#cfd6e0b8!important}html.dark-theme body .sol-input-field:focus{background:linear-gradient(180deg,#171b22,#12161d)!important;border-color:#34d399f2!important;box-shadow:0 0 0 3px #10b9812e,inset 0 1px #ffffff0d!important}html.dark-theme body .sol-result-card{border-radius:18px!important;box-shadow:0 18px 36px #00000047,inset 0 1px #ffffff0d!important}html.dark-theme body .sol-result-card.soluble{background:linear-gradient(180deg,#0d3e32f5,#0a3129fa)!important;border:1.5px solid rgba(45,212,191,.55)!important}html.dark-theme body .sol-result-card.soluble .sol-result-title{color:#34d399!important;text-shadow:0 1px 10px rgba(52,211,153,.14)!important}html.dark-theme body .sol-result-card.soluble .sol-result-subtitle{color:#d6fff0e6!important;opacity:1!important}html.dark-theme body .sol-result-card.insoluble{background:linear-gradient(180deg,#49181df5,#391217fa)!important;border:1.5px solid rgba(248,113,113,.58)!important}html.dark-theme body .sol-result-card.insoluble .sol-result-title{color:#ff5f5f!important;text-shadow:0 1px 10px rgba(255,95,95,.12)!important}html.dark-theme body .sol-result-card.insoluble .sol-result-subtitle{color:#ffdcdce6!important;opacity:1!important}html.dark-theme body .sol-result-card.unknown{background:linear-gradient(180deg,#4c3813f5,#392a0efa)!important;border:1.5px solid rgba(251,191,36,.54)!important}html.dark-theme body .sol-result-card.unknown .sol-result-title{color:#fbbf24!important}html.dark-theme body .sol-result-card.unknown .sol-result-subtitle{color:#fff3c7e6!important;opacity:1!important}html.dark-theme body .sol-anion-label{color:#d2d9e4b8!important}html.dark-theme body .sol-exception-text,html.dark-theme body .sol-exception-text sup,html.dark-theme body .sol-exception-text sub,html.dark-theme body .sol-exception-text .sol-ion,html.dark-theme body .sol-exception-text .sol-ion-base,html.dark-theme body .sol-exception-text .sol-ion-scripts,html.dark-theme body .sol-exception-text .sol-ion span{color:#e4eaf4e6!important;opacity:1!important;-webkit-text-fill-color:rgba(228,234,244,.9)!important}html.dark-theme body .sol-exception-text{line-height:1.62!important}html.dark-theme body .sol-check-btn{background:linear-gradient(135deg,#065f46,#059669)!important;box-shadow:0 4px 14px #065f4666!important;border:none!important}html.dark-theme body .sol-pill-soluble{background:#34d39933!important;color:#34d399!important}html.dark-theme body .sol-pill-insoluble{background:#f8717133!important;color:#f87171!important}html.dark-theme body .sol-exception-text .sol-pill-soluble{color:#34d399!important;-webkit-text-fill-color:#34d399!important}html.dark-theme body .sol-exception-text .sol-pill-insoluble{color:#f87171!important;-webkit-text-fill-color:#f87171!important}html.dark-theme body .overview-item,html.dark-theme body .uses-card,html.dark-theme body .hazards-card,html.dark-theme body .stse-section,html.dark-theme body .edu-card,html.dark-theme body .prop-card,html.dark-theme body .data-section,html.dark-theme body .advanced-data-container .data-section{background:#2c2c2e!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 8px 24px #0000004d!important;border-radius:16px!important}html.dark-theme body .hazards-card,html.dark-theme body .edu-safety{background:linear-gradient(180deg,#ff453a1f,#2c2c2e)!important;border-color:#ff453a40!important}html.dark-theme body .stse-section,html.dark-theme body .edu-solubility{background:linear-gradient(180deg,#30d1581f,#2c2c2e)!important;border-color:#30d15833!important}html.dark-theme body .card-title,html.dark-theme body .prop-label,html.dark-theme body .edu-title,html.dark-theme body .data-title,html.dark-theme body .exam-label,html.dark-theme body .iso-title,html.dark-theme body .section-label{color:#fff!important;opacity:.45!important;font-weight:700!important;font-size:.75rem!important;text-transform:uppercase!important;letter-spacing:.05em!important;border-bottom:none!important}html.dark-theme body .card-content,html.dark-theme body .prop-value,html.dark-theme body .stse-content,html.dark-theme body .data-table td,html.dark-theme body .exam-value,html.dark-theme body .iso-name,html.dark-theme body .section-title{color:#fff!important;opacity:.95!important;font-weight:500!important;font-size:.95rem!important}html.dark-theme body .card-icon{filter:saturate(.8) brightness(1.1)!important;opacity:.9!important}html.dark-theme body .stse-tag{background:#ffffff0f!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;opacity:.8!important}html.dark-theme body .stse-tag:hover{background:#ffffff1f!important;transform:translateY(-1px)!important}html.dark-theme body .edu-title{color:#fff!important;opacity:.9!important;border-bottom:1px solid rgba(255,255,255,.1)!important;letter-spacing:.08em!important;padding-bottom:8px!important;margin-bottom:12px!important}html.dark-theme body .sol-label.bad{color:#f88!important}html.dark-theme body .l2-configuration-label{color:#00e5ff!important;opacity:1!important;font-weight:800!important}html.dark-theme body .atomic-particle-num{color:#fff!important}html.dark-theme body .atomic-particle-lbl{color:#fff!important;opacity:.8!important}html.dark-theme body .ov-label,html.dark-theme body .prop-label,html.dark-theme body .stat-label{color:#ffffff8c!important}html.dark-theme body .ov-value,html.dark-theme body .prop-value,html.dark-theme body .stat-value{color:#fff!important}html.dark-theme .element .atomic-number,html.dark-theme .element .name{color:#fff!important;opacity:1!important;font-weight:600!important}html.dark-theme .element .symbol{opacity:1!important;text-shadow:0 2px 8px rgba(0,0,0,.4)!important}html.dark-theme .element.alkali-metal .symbol{color:#f88!important}html.dark-theme .element.alkaline-earth-metal .symbol,html.dark-theme .element.alkaline-earth .symbol{color:var(--cat-alkaline-fg)!important}html.dark-theme .element.transition-metal .symbol{color:var(--cat-transition-fg)!important}html.dark-theme .element.post-transition-metal .symbol{color:var(--cat-post-fg)!important}html.dark-theme .element.metalloid .symbol{color:var(--cat-metalloid-fg)!important}html.dark-theme .element.non-metal .symbol,html.dark-theme .element.other-nonmetal .symbol,html.dark-theme .element.diatomic-nonmetal .symbol,html.dark-theme .element.polyatomic-nonmetal .symbol{color:var(--cat-other-fg)!important}html.dark-theme .element.halogen .symbol{color:var(--cat-halogen-fg)!important}html.dark-theme .element.noble-gas .symbol{color:var(--cat-noble-fg)!important}html.dark-theme .element.lanthanide .symbol{color:var(--cat-lanthanide-fg)!important}html.dark-theme .element.actinide .symbol{color:var(--cat-actinide-fg)!important}html.dark-theme .legend-item{color:#fff!important;opacity:.9!important}html.dark-theme .legend-swatch{filter:saturate(1.8) brightness(1.2)!important;box-shadow:0 0 12px #ffffff1a!important}html.dark-theme .h-plus-metrics-section,html.dark-theme .h-plus-visual-card{background:linear-gradient(180deg,#1d2630f0,#171f28f0);border:1px solid rgba(173,198,219,.12);box-shadow:0 12px 26px #00000042,inset 0 1px #ffffff08}html.dark-theme .h-plus-metric-row.highlight-row{background:#89576c2e;border-color:#ff94b02e}html.dark-theme .h-plus-metric-label,html.dark-theme .visual-card-title{color:#c6d6e4b8}html.dark-theme .h-plus-metric-value{color:#eef5ff}html.dark-theme .h-plus-metric-value.highlight-value{color:#ff7a8e}html.dark-theme #h-plus-water-state{color:#f1b25c!important}html.dark-theme .stse-card{background:#064e3b33;border-color:#10b98133}html.dark-theme .stse-card .prop-cell-label,html.dark-theme .stse-content{color:#2cc77a}html.dark-theme .ion-l4-hazards-value{color:#f05b53}html.dark-theme .visual-card-desc{color:#dbe7f4}html.dark-theme .h-plus-visual-card:hover{background:linear-gradient(180deg,#222c38fa,#1b242efa);border-color:#cddeec29;box-shadow:0 16px 34px #00000052,inset 0 1px #ffffff0d}html.dark-theme .h-plus-visual-card:hover .visual-card-desc{color:#fff}html.dark-theme .ions-legend-swatch.ion-cation{background:#ffd60a;border:none}html.dark-theme .ions-legend-swatch.ion-anion{background:#0a84ff;border:none}html.dark-theme .ions-legend-item{color:#fff9}html.dark-theme .exam-label,html.dark-theme .iso-title,html.dark-theme .section-label,html.dark-theme .p-label,html.dark-theme .iso-note{color:#ffffff73!important;opacity:1!important}html.dark-theme .exam-value,html.dark-theme .iso-name,html.dark-theme .iso-percent,html.dark-theme .p-count,html.dark-theme .section-title{color:#fff!important;opacity:.95!important}html.dark-theme .particle-item{background:#ffffff0f;border-color:#ffffff14;box-shadow:none}html.dark-theme .particle-item:hover{box-shadow:0 8px 20px #00000040}html.dark-theme .p-count{color:#e8e6f0}html.dark-theme .p-label{color:#ffffff73}html.dark-theme .section-label{color:#ffffff59}html.dark-theme .section-title{color:#e8e6f0}html.dark-theme .iso-title{color:#fff6}html.dark-theme .iso-table tr{border-bottom-color:#ffffff0a}html.dark-theme .iso-table tr:hover{background:#ffffff0a}html.dark-theme .iso-name,html.dark-theme .iso-percent{color:#e8e6f0}html.dark-theme .n-badge{background:#ffffff14;color:#c8c6d0}html.dark-theme .iso-note{color:#ffffff59;border-top-color:#ffffff0a}html.dark-theme .edu-isotope-container{background:#ffffff08}html.dark-theme .edu-title{color:#e8e6f0;border-bottom-color:#ffffff0f}html.dark-theme .sol-label.bad,html.dark-theme .sol-label.good{color:#e8e6f0}html.dark-theme .sol-item{color:#9a97a8}html.dark-theme .edu-safety{background:#ffffff0f;border-color:#ffffff0f}html.dark-theme .edu-safety .edu-title{color:#e8e6f0;border-bottom-color:#ffffff0f}html.dark-theme .safe-row{color:#9a97a8}html.dark-theme .safe-row strong{color:#e8e6f0}html.dark-theme .stock-name-item{background:#ffffff0f;border-color:#ffffff0f;color:#c8c6d0}html.dark-theme .stock-name-item:hover{background:#ffffff1a;border-color:#ffffff1f}html.dark-theme .stock-ion{color:#e8e6f0}html.dark-theme .stock-text{color:#ffffff73}html.dark-theme .data-section{background:#ffffff0d;border-color:#ffffff0f;box-shadow:none}html.dark-theme .data-title{color:#fff6;border-bottom-color:#ffffff0f}html.dark-theme .data-table th{color:#ffffff59}html.dark-theme .data-table td{border-bottom-color:#ffffff0a}html.dark-theme .data-table .formula{color:#e8e6f0}html.dark-theme .data-table .meta{color:#ffffff59}html.dark-theme .data-table .value,html.dark-theme .data-table .value.pos,html.dark-theme .data-table .value.neg{color:#e8e6f0}html.dark-theme .stse-section{background:#ffffff0d;border-color:#ffffff0f}html.dark-theme .stse-section .data-title{color:#e8e6f0}html.dark-theme .stse-content{color:#9a97a8}html.dark-theme .stse-content strong{color:#e8e6f0}html.dark-theme .stse-tag{background:#ffffff0f;border-color:#ffffff14;color:#c8c6d0}html.dark-theme .stse-tag:hover{background:#ffffff1f}html.dark-theme .uses-card,html.dark-theme .hazards-card{background:#ffffff0d;border-color:#ffffff0f}html.dark-theme .uses-card:hover,html.dark-theme .hazards-card:hover{box-shadow:0 4px 12px #0000004d}html.dark-theme .card-title{color:#ffffff73}html.dark-theme .card-content{color:#9a97a8}html.dark-theme .d-label{color:#fff6}html.dark-theme .d-value{color:#e8e6f0}html.dark-theme .modal-visual-pane{background:radial-gradient(circle at center,#1e283c80,#0e0e1200 75%);border-left-color:#ffffff0a}html.dark-theme #modal-watermark{color:#ffffff0f}html.dark-theme .subatomic-stats-container{background:#14141c99;border-color:#ffffff14}html.dark-theme .subatomic-stats-container h3{color:#fff6}html.dark-theme .sa-item{background:#ffffff0f;border-color:#ffffff14;box-shadow:none}html.dark-theme .sa-item:hover{box-shadow:0 4px 12px #00000040}html.dark-theme .sa-value{color:#e8e6f0}html.dark-theme .sa-label{color:#ffffff73}html.dark-theme .advanced-data-container .data-section{background:#ffffff0a}html.dark-theme .changelog-card{background:#1a1a22;border-color:#ffffff0d}html.dark-theme .changelog-card:hover{background:#1e1e28;border-color:#6366f133;box-shadow:0 8px 24px #6366f114}html.dark-theme .changelog-card-content strong{color:var(--text-primary)}html.dark-theme .changelog-card-content p{color:var(--text-secondary)}html.dark-theme #settings-page:before{background:radial-gradient(circle at center,rgba(70,80,200,.06) 0%,rgba(180,50,120,.04) 40%,transparent 70%)}html.dark-theme #settings-page:after{background:radial-gradient(circle at center,rgba(10,140,100,.04) 0%,rgba(40,100,200,.05) 40%,transparent 70%)}html.dark-theme .sv-card{background:#181820b3;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border-color:#ffffff0f;box-shadow:0 1px 3px #00000026,0 8px 24px #0003}html.dark-theme .sv-card:hover{box-shadow:0 2px 6px #0003,0 12px 32px #0000004d}html.dark-theme .sv-icon-circle{background:#ffffff0f;color:var(--text-primary)}html.dark-theme .sv-icon-purple{background:#5a64c826;color:#8090e0}html.dark-theme .sv-unit-icon{background:#10b9811f;color:#3cc999}html.dark-theme .sv-link-card{background:#181820a6;border-color:#ffffff0f;box-shadow:0 4px 12px #00000026}html.dark-theme .sv-link-card:hover{background:#1e1e28e6;box-shadow:0 8px 24px #0000004d;border-color:#ffffff1a}html.dark-theme .sv-link-card-icon{background:#ffffff0f;color:var(--text-primary);box-shadow:none}html.dark-theme .sv-link-card-github .sv-link-card-icon{background:#c8c8dc14;color:#c8c6d0}html.dark-theme .sv-link-card-coffee .sv-link-card-icon{background:#f59e0b1f;color:#f0a040}html.dark-theme .sv-link-card-x .sv-link-card-icon{background:#ffffff14;color:#e8e6f0}html.dark-theme .sv-link-card-about .sv-link-card-icon{background:#3c78f01f;color:#5088f0}html.dark-theme .sv-link-card-discord .sv-link-card-icon{background:#5865f21f;color:#6878f0}html.dark-theme .sv-changelog{background:#18182099;border-color:#ffffff0f;box-shadow:0 1px 3px #00000026,0 8px 24px #0003}html.dark-theme .changelog-entry{border-bottom-color:#ffffff0d}html.dark-theme .changelog-version{background:#ffffff0f;color:var(--text-primary)}html.dark-theme .sv-changelog-list::-webkit-scrollbar-thumb{background:#ffffff1a}html.dark-theme .sv-play-btn{border-color:#ffffff1a;background:#ffffff0d;color:var(--text-primary)}html.dark-theme .sv-play-btn:hover{background:#ffffff1a;border-color:#ffffff2e}html.dark-theme .sv-slider{background:#ffffff1a}html.dark-theme .sv-slider::-webkit-slider-thumb{background:#e8e6f0}html.dark-theme .sv-slider::-moz-range-thumb{background:#e8e6f0}html.dark-theme .sv-toggle-slider{background-color:#ffffff1f}html.dark-theme .sv-toggle-slider:before{background-color:#ccc}html.dark-theme .sv-danger-btn{background:#ef44441a;color:#f87171;border-color:#ef444433}html.dark-theme .sv-danger-btn:hover{background:#ef4444;color:#fff}html.dark-theme .sv-pill-group{background:#ffffff0a;border-color:#ffffff0f;box-shadow:0 4px 15px #00000026}html.dark-theme .sv-pill-btn{color:#777}html.dark-theme .sv-pill-btn:hover:not(.active){color:#ccc}html.dark-theme .sv-pill-btn.active{color:#fff}html.dark-theme .sv-pill-slider{background:#ffffff1f;box-shadow:0 2px 8px #0000004d}html.dark-theme .sv-unit-pill{background:var(--segment-track-bg)}html.dark-theme .sv-sidebar-footer{border-top-color:#ffffff0a}html.dark-theme .sv-footer-x{background:#0b0b0d;color:#fff;box-shadow:0 4px 12px #0000006b,inset 0 0 0 1px #ffffff1f}html.dark-theme .sv-footer-x:hover{background:#000;box-shadow:0 6px 16px #0000008c,0 0 14px #ffffff24}html.dark-theme .ion-table-heading{color:#ddd;border-bottom-color:#ffffff1a}html.dark-theme .ion-table-section+.ion-table-section .ion-table-heading{margin-top:8px}html.dark-theme .ion-element{background-color:var(--element-bg);border-color:var(--border-color)}html.dark-theme .ion-element:hover{background-color:var(--element-hover);box-shadow:0 15px 30px -5px #00000073;border-color:#ffffff1f}html.dark-theme .ion-element.ion-cation{background-color:#332a14;border-color:#fde68a26}html.dark-theme .ion-element.ion-cation:hover{background-color:#44381a}html.dark-theme .ion-element.ion-cation .ion-charge{color:#d8a830}html.dark-theme .ion-element.ion-cation .ion-symbol{color:#f0c860}html.dark-theme .ion-element.ion-anion{background-color:#182038;border-color:#bfdbfe1f}html.dark-theme .ion-element.ion-anion:hover{background-color:#1e2a48}html.dark-theme .ion-element.ion-anion .ion-charge{color:#5888d0}html.dark-theme .ion-element.ion-anion .ion-symbol{color:#80a8f0}html.dark-theme .element.polyatomic-cation{background-color:#382a10;color:#f0c860}html.dark-theme .element.polyatomic-anion{background-color:#142840;color:#80b8e8}html.dark-theme .ion-detail-content{background:#181820;box-shadow:0 25px 50px -12px #0009}html.dark-theme .ion-detail-header{background:linear-gradient(135deg,#282837cc,#1e1e2acc)}html.dark-theme .ion-detail-content.ion-detail-cation .ion-detail-header{background:linear-gradient(135deg,#332a14,#44381a)}html.dark-theme .ion-detail-content.ion-detail-anion .ion-detail-header{background:linear-gradient(135deg,#182038,#1e2a48)}html.dark-theme .ion-detail-close:hover{color:#f87171}html.dark-theme .ions-quick-access{background:#fbbf2414;border-color:#fbbf2426}html.dark-theme .ions-quick-access:hover{background:#fbbf2424;border-color:#fbbf244d}html.dark-theme .ions-quick-access span{color:#d8a830}html.dark-theme .legend-item.ions-quick-access{background:linear-gradient(135deg,#f59e0b14,#d977060a);border-color:#f59e0b33}html.dark-theme .legend-item.ions-quick-access:hover{background:linear-gradient(135deg,#f59e0b24,#d977061a);border-color:#f59e0b59}html.dark-theme .tool-modal-title{color:var(--text-primary)}html.dark-theme .tool-input,html.dark-theme .tool-select,html.dark-theme .balancer-formula-input,html.dark-theme .realtime-input{background:#1a1a22;border-color:#ffffff14;color:var(--text-primary)}html.dark-theme .tool-input:focus,html.dark-theme .tool-select:focus,html.dark-theme .balancer-formula-input:focus,html.dark-theme .realtime-input:focus{border-color:#5568c8;box-shadow:0 0 0 3px #5568c826}html.dark-theme .tool-input::placeholder,html.dark-theme .realtime-input::placeholder{color:#555}html.dark-theme .tool-button,html.dark-theme .tool-button.primary-btn{background:linear-gradient(135deg,#e8e6f0,#c8c6d0);color:#111}html.dark-theme .tool-result-box{background:#1a1a22;border-color:#ffffff14}html.dark-theme .result-value{color:var(--text-primary)}html.dark-theme .tool-explanation-box,html.dark-theme .tool-breakdown-box{background:#14141ccc;border-color:#ffffff0f;color:var(--text-secondary)}html.dark-theme .tool-tips-section{background:#14141ccc}html.dark-theme .tool-tips-section h4{color:var(--text-secondary)}html.dark-theme .tool-tips-section p{color:var(--text-muted)}html.dark-theme .formula-chip{background:#1a1a22;border-color:#ffffff14;color:var(--text-secondary)}html.dark-theme .formula-chip:hover{background:#5568c8;border-color:#5568c8;color:#fff}html.dark-theme .result-label,html.dark-theme .tool-input-section label,html.dark-theme .tool-input-group label{color:var(--text-muted)}html.dark-theme .tool-modal-tags .grade-tag{background:#ffffff0f;color:var(--text-secondary)}html.dark-theme .tool-modal-tags .feature-tag{background:#10b9811a;color:#3cc999}html.dark-theme .toggle-label{color:var(--text-secondary)}html.dark-theme .molar-input-panel .tool-input-section{background:linear-gradient(180deg,#2c2e37f0,#23242cf5);border-color:#ffffff1f;box-shadow:0 10px 28px #00000047,inset 0 1px #ffffff0d}html.dark-theme .molar-input-panel .tool-input-section:hover{box-shadow:0 12px 30px #00000052,inset 0 1px #ffffff0f}html.dark-theme .molar-input-label{color:#d6deebc7!important}html.dark-theme .realtime-input{background:linear-gradient(180deg,#1a1c23,#171920)!important;border-color:#ffffff1a!important;color:#eef3fb!important;box-shadow:inset 0 1px #ffffff08,0 10px 22px #0000002e!important}html.dark-theme .realtime-input:focus{background:linear-gradient(180deg,#1d2028,#191c23)!important;border-color:#7284dc99!important;box-shadow:inset 0 1px #ffffff0a,0 0 0 3px #6366f11f,0 12px 24px #00000038!important}html.dark-theme .realtime-input::placeholder{color:#c4cbd65c!important}html.dark-theme .formula-live-preview{background:linear-gradient(180deg,#363a44e6,#2b2e38eb);border-color:#ffffff1f;box-shadow:0 8px 24px #0003,inset 0 1px #ffffff0d}html.dark-theme .formula-live-preview .preview-label{color:#b9c3d3b8}html.dark-theme .formula-live-preview .preview-formula{color:#eef3fb;text-shadow:none}html.dark-theme .formula-suggestion{background:linear-gradient(180deg,#3b3e48e6,#30333cf0);border-color:#ffffff1a;color:#ced6e2d1;box-shadow:0 8px 22px #0000002e,inset 0 1px #ffffff0a}html.dark-theme .molar-action-btn-secondary{background:linear-gradient(180deg,#626674f0,#525663f5);color:#edf2faeb;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 22px #0003,inset 0 1px #ffffff17}html.dark-theme .molar-action-btn-secondary:hover,html.dark-theme .molar-action-btn-secondary.active{background:linear-gradient(180deg,#6c7180f5,#5a5f6cfa);color:#f2f6fd}html.dark-theme .molar-action-btn-primary{background:linear-gradient(180deg,#2a3750fa,#212d44);border:1px solid rgba(122,151,220,.22);box-shadow:0 12px 30px #080c164d,0 6px 14px #1c386e2e,inset 0 1px #ffffff14}html.dark-theme .molar-example-chip{background:linear-gradient(180deg,#5a5e6be6,#4c505cf0);border-color:#ffffff1a;color:#f4f7fceb;box-shadow:0 8px 18px #00000029,inset 0 1px #ffffff0f}html.dark-theme .molar-example-chip .chip-name{color:#c2cbd9c2}html.dark-theme .molar-example-chip:hover,html.dark-theme .molar-example-chip.active{background:linear-gradient(180deg,#585d6ce6,#4a4f5cf0);border-color:#8a9ac74d;color:#f4f7fc}html.dark-theme .electronic-scale-wrapper{filter:brightness(.94) saturate(.92) contrast(.95);opacity:.96}html.dark-theme .electronic-scale-wrapper:after{background:radial-gradient(ellipse at center,rgba(0,0,0,.1) 0%,transparent 72%)}html.dark-theme .electronic-scale-base{box-shadow:0 8px #77869b,0 16px 30px #0000002e,inset 0 1px #ffffff73}html.dark-theme .scale-platform-top{filter:saturate(.8) brightness(.9)}html.dark-theme .scale-screen{box-shadow:inset 0 3px 10px #000000bf}html.dark-theme #scale-display-value,html.dark-theme .scale-screen span{text-shadow:none!important;filter:brightness(.9)}html.dark-theme .receipt-anim-container{filter:none}html.dark-theme .receipt-wrapper{background:linear-gradient(180deg,#fdfdfd,#f5f6f8);color:#303846;box-shadow:6px 8px 18px #00000029,10px 14px 30px #0000001f,0 0 0 1px #00000008}html.dark-theme .receipt-wrapper:after{background:linear-gradient(135deg,#f5f6f8 50%,transparent 50%),linear-gradient(-135deg,#f5f6f8 50%,transparent 50%);background-size:10px 8px;background-repeat:repeat-x}html.dark-theme .receipt-header,html.dark-theme .receipt-barcode,html.dark-theme .receipt-total-row,html.dark-theme .receipt-item-name,html.dark-theme .receipt-item-qty,html.dark-theme .receipt-date,html.dark-theme .receipt-footer{filter:none!important}html.dark-theme .scale-front-panel{filter:brightness(.95) contrast(.96)}html.dark-theme .toggle-label:hover{background:#ffffff0d}html.dark-theme .toggle-label input[type=checkbox]{border-color:#ffffff26;background-color:#1a1a22}html.dark-theme .balancer-feedback.balanced{background:#10b9811a;border-color:#10b98133;color:#3cc999}html.dark-theme .balancer-feedback.unbalanced{background:#f59e0b1a;border-color:#f59e0b33;color:#f0a040}html.dark-theme .kbd-key{background:#2a2a36;border-color:#ffffff1a;color:var(--text-secondary);box-shadow:0 1px #ffffff0f}html.dark-theme .show-calc-btn{background:#ffffff0a;color:var(--text-secondary);border-color:#ffffff14}html.dark-theme .show-calc-btn:hover{background:#ffffff14;border-color:#ffffff1f}html.dark-theme .calc-steps-content{background:#1a1a22;border-color:#ffffff0f}html.dark-theme .calc-step-row{color:var(--text-secondary);border-bottom-color:#ffffff0a}html.dark-theme .calc-step-row:last-child{border-top-color:#ffffff14;color:var(--text-primary)}html.dark-theme .tool-padding-label{color:var(--text-primary)}html.dark-theme .lego-stage{background:linear-gradient(135deg,#181820,#1a1a24);border-color:#ffffff0f}html.dark-theme .lego-empty-state p{color:#555}html.dark-theme .lego-group{background:#ffffff0a}html.dark-theme .lego-group-label{color:#555}html.dark-theme .lego-stage.has-result{border-color:#a78bfa33;background:linear-gradient(180deg,#1a1820,#181a24)}html.dark-theme .balancer-arrow{color:#555}html.dark-theme .feature-modal-body::-webkit-scrollbar-thumb{background:#ffffff1f}html.dark-theme .feature-modal-body::-webkit-scrollbar-thumb:hover{background:#fff3}html.dark-theme .tool-modal-loading{color:var(--text-secondary)}html.dark-theme .tool-modal-loading-error{color:#f87171}html.dark-theme .worksheet-container{color:var(--text-primary)}html.dark-theme .ion-visual-pane{background:#141418}html.dark-theme .coming-soon-badge{background:#ffffff0f;border-color:#ffffff1a;color:var(--text-primary)}html.dark-theme ::-webkit-scrollbar{width:6px;height:6px}html.dark-theme ::-webkit-scrollbar-track{background:transparent}html.dark-theme ::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}html.dark-theme ::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.theme-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.theme-toggle-label{display:flex;align-items:center;gap:10px;font-size:.92rem;font-weight:600;color:var(--text-primary)}.theme-toggle-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#0000000a;color:var(--text-primary);flex-shrink:0}html.dark-theme .theme-toggle-icon{background:#ffffff0f}html.theme-transitioning,html.theme-transitioning *,html.theme-transitioning *:before,html.theme-transitioning *:after{transition:background-color var(--dur-normal) var(--ease-smooth),color var(--dur-normal) var(--ease-smooth),border-color var(--dur-normal) var(--ease-smooth),box-shadow var(--dur-normal) var(--ease-smooth),background var(--dur-normal) var(--ease-smooth)!important}html.dark-theme .onboarding-overlay{background:#0009}html.dark-theme .worksheet-controls{background:#181820b3;border-color:#ffffff0f}html.dark-theme .option-btn{background:#ffffff0a;border-color:#ffffff14;color:var(--text-secondary)}html.dark-theme .option-btn:hover{background:#ffffff1a;border-color:#fff3;color:var(--text-primary)}html.dark-theme .option-btn.active{background:#e8e6f0;color:#0e0e12;border-color:#e8e6f0}html.dark-theme .checkbox-option{background:#ffffff0a;border-color:#ffffff0f}html.dark-theme .checkbox-option:hover{background:#ffffff14;border-color:#ffffff26}html.dark-theme .checkbox-option span{color:var(--text-primary)}html.dark-theme .checkbox-subtitle{color:var(--text-muted)}html.dark-theme .worksheet-preview{background:#14141cb3;border-color:#ffffff0f}html.dark-theme .preview-header{background:#181820cc;border-bottom-color:#ffffff0f}html.dark-theme .export-btn{background:#ffffff0a;border-color:#ffffff14;color:var(--text-secondary)}html.dark-theme .export-btn:hover:not(:disabled){border-color:var(--text-highlight);color:var(--text-highlight);background:#ffffff1a}html.dark-theme .preview-placeholder{color:#444}html.dark-theme .preview-summary-bar{background:#ffffff0d;border-color:#ffffff0f;color:#9a97a8}html.dark-theme .coef-input{background:#ffffff0a;border-color:#ffffff1a;color:#fff}html.dark-theme .coef-input:focus{border-color:#6366f1;background:#6366f10d}html.dark-theme .practice-actions{border-top-color:#ffffff0f}html.dark-theme .score-display{background:#ffffff0a;border-color:#ffffff0f}html.dark-theme .question-row.correct{background:linear-gradient(135deg,#10b9811a,#0596691a);border-color:#10b98133}html.dark-theme .question-row.incorrect{background:linear-gradient(135deg,#ef44441a,#dc26261a);border-color:#ef444433}html.dark-theme .coef-input.correct{background:#10b9811a;border-color:#10b981}html.dark-theme .coef-input.incorrect{background:#ef44441a;border-color:#ef4444}html.dark-theme .chem-tool-card{background:#1c1c2499;border-color:#ffffff0f}html.dark-theme .chem-tool-card:hover{background:#23232dcc;border-color:color-mix(in srgb,var(--tool-accent, var(--text-highlight)) 52%,transparent)}html.dark-theme .tool-input,html.dark-theme .tool-select,html.dark-theme .element-input-row input{background:#121218cc;color:#fff}html.dark-theme .tool-input:focus,html.dark-theme .tool-select:focus,html.dark-theme .element-input-row input:focus{background:#1e1e28e6;border-color:var(--text-highlight)}html.dark-theme .tool-button{background:#e8e6f0;color:#0e0e12}html.dark-theme .tool-button:hover{background:#fff;color:#000}html.dark-theme .element-input-row label{color:#605d6d}html.dark-theme .virtual-lab-stage{background:#121216;border-color:#ffffff0a}html.dark-theme .virtual-lab-scene{background:linear-gradient(165deg,#ffffff04,#0000000d);border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 3px 8px #0000002e,inset 0 1px 2px #ffffff08,0 0 0 1px #00000047}html.dark-theme .lab-ui-panel{background:#181820cc;border-color:#ffffff0f}html.dark-theme .virtual-lab-thermometer{background:linear-gradient(180deg,#40434ee6,#32353ff0);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 24px #00000038,inset 0 1px #ffffff0d}html.dark-theme .virtual-lab-thermo-track{background:#bcc4d238}html.dark-theme .virtual-lab-thermo-temp{color:#e2e9f3db}html.dark-theme .virtual-lab-thermo-label{color:#b6bfce8f}html.dark-theme .virtual-lab-btn{border:1px solid rgba(255,255,255,.08)}html.dark-theme .virtual-lab-btn.primary{background:linear-gradient(180deg,#3d5882f5,#2f4568fa);color:#f3f7fc;box-shadow:0 10px 24px #080c1647,0 4px 12px #2563eb24,inset 0 1px #ffffff14}html.dark-theme .virtual-lab-btn.primary:hover{background:linear-gradient(180deg,#476694fa,#364f76)}html.dark-theme .virtual-lab-btn.secondary{background:linear-gradient(180deg,#525662f0,#444854f5);color:#e7edf6e0;box-shadow:0 8px 18px #0000002e,inset 0 1px #ffffff0f}html.dark-theme .virtual-lab-btn.secondary:hover{background:linear-gradient(180deg,#5c616ff5,#4c515dfa);color:#f4f7fc}html.dark-theme .virtual-lab-element-picker{background:linear-gradient(180deg,#24262ffa,#1c1e26fc);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 40px #00000059,0 8px 18px #00000038}html.dark-theme .virtual-lab-picker-group{color:#aab4c59e}html.dark-theme .virtual-lab-picker-item{color:#e7ecf5e6}html.dark-theme .virtual-lab-picker-item:hover{background:#ffffff0f}html.dark-theme .virtual-lab-picker-item.active{background:#ffffff1a}html.dark-theme .virtual-lab-picker-sym{filter:brightness(.9) saturate(.92);box-shadow:inset 0 1px #ffffff14}html.dark-theme .virtual-lab-metal-cube{filter:brightness(.88) saturate(.92);box-shadow:0 6px 14px #0000003d,inset 0 1px #ffffff14}html.dark-theme .sponsor-card{background:#ffffff08;border-color:#ffffff14}html.dark-theme .sponsor-contact{border-top-color:#ffffff14}html.dark-theme #archive-detail-list{scrollbar-color:rgba(255,255,255,.22) transparent!important}html.dark-theme #archive-detail-list::-webkit-scrollbar-thumb{background:#ffffff26!important}html.dark-theme #archive-detail-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d!important}html.dark-theme .archive-detail-row{background:#ffffff08!important;border-color:#ffffff0f!important;box-shadow:0 4px 24px #00000026!important}html.dark-theme .archive-detail-row:hover{background:#ffffff0f!important;box-shadow:0 8px 32px #00000040!important}html.dark-theme .archive-detail-close:hover,html.dark-theme .archive-detail-close:active{background:#ffffffe6!important;color:#0f172a!important}html.dark-theme .archive-row-fallback{color:#fff9!important}html.dark-theme .archive-row-title{color:#f8fafc!important}html.dark-theme .archive-row-text{color:#cbd5e1!important}html.dark-theme .archive-row-badge{background:#ffffff14!important;color:#94a3b8!important}html.dark-theme .archive-row-cite-link{color:#94a3b8!important;background:#ffffff0d!important;border-color:#ffffff14!important}html.dark-theme .archive-row-cite-link:hover{color:#f8fafc!important;background:#ffffff1a!important;border-color:#ffffff26!important}html.dark-theme .archive-row-cite-text{color:#94a3b8!important}html.dark-theme .archive-row-image{box-shadow:0 4px 16px #00000073!important}html.dark-theme .atom-magnetic-field-toggle,html.dark-theme .atom-magnetic-field-control[data-enabled=true] .atom-magnetic-field-toggle{background:#ffffff0f;color:#999;opacity:1}html.dark-theme .atom-magnetic-field-toggle:hover{background:#ffffffe6;color:#111;opacity:1}@keyframes sponsorShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@keyframes sponsorFadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes sponsorGlow{0%,to{opacity:.4}50%{opacity:.7}}@keyframes sponsorCountUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sponsorSpin{to{transform:rotate(360deg)}}#sponsor-page{background:#000!important;padding-top:60px!important;overflow:hidden!important;align-items:stretch!important;justify-content:stretch!important}#sponsor-page.active{display:flex!important}.sponsor-viewport{width:100%;height:100%;padding:0;display:block;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.sp-section{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;box-sizing:border-box}.sp-reveal{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.sp-reveal.sp-visible{opacity:1;transform:translateY(0)}.sp-hero{min-height:100vh;padding:120px 40px 80px;text-align:center;background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(124,58,237,.12) 0%,transparent 70%),#000}.sp-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;background:#7c3aed1f;border:1px solid rgba(124,58,237,.2);color:#a78bfa;font-size:.82rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:28px;animation:sponsorFadeUp .6s ease both}.sp-hero-eyebrow svg{width:14px;height:14px}.sp-hero-title{font-size:clamp(3rem,7vw,5.5rem);font-weight:800;color:#fff;letter-spacing:-.04em;line-height:1.05;margin:0 0 24px;max-width:800px;animation:sponsorFadeUp .7s ease .1s both}.sp-hero-title .sp-gradient-text{background:linear-gradient(135deg,#a78bfa,#818cf8 40%,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sp-hero-subtitle{font-size:clamp(1.05rem,2vw,1.3rem);font-weight:400;color:#ffffff80;line-height:1.7;max-width:540px;margin:0 auto 48px;animation:sponsorFadeUp .7s ease .2s both}.sp-hero-cta{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;border-radius:999px;background:#fff;color:#000;font-size:1rem;font-weight:700;letter-spacing:-.01em;text-decoration:none;cursor:pointer;border:none;transition:transform var(--dur-normal) var(--ease-spring),box-shadow var(--dur-normal) var(--ease-spring);animation:sponsorFadeUp .7s ease .3s both}.sp-hero-cta:hover{transform:translateY(-2px) scale(var(--hover-scale));box-shadow:0 12px 40px #ffffff26}.sp-hero-cta:active{transform:scale(var(--press-scale))}.sp-hero-cta svg{transition:transform var(--dur-normal) var(--ease-spring)}.sp-hero-cta:hover svg{transform:translate(3px)}.sp-scroll-hint{margin-top:48px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff3;font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;animation:sponsorFadeUp .7s ease .5s both}.sp-scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,rgba(255,255,255,.3),transparent);animation:sponsorGlow 2s ease infinite}.sp-stats{padding:100px 40px;background:#000;border-top:1px solid rgba(255,255,255,.06)}.sp-stats-inner{display:flex;justify-content:center;gap:80px;max-width:900px;width:100%}.sp-stat{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:140px}.sp-stat-value{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:#fff;letter-spacing:-.03em;line-height:1}.sp-stat-value .sp-stat-accent{background:linear-gradient(135deg,#a78bfa,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sp-stat-label{font-size:.82rem;font-weight:500;color:#ffffff59;text-transform:uppercase;letter-spacing:.1em}.sp-realtime-badge{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#34d39914;border:1px solid rgba(52,211,153,.15);border-radius:999px;color:#34d399;font-size:.88rem;font-weight:600;margin-bottom:40px;opacity:0;transform:translateY(10px);transition:all .6s ease}.sp-realtime-badge.visible{opacity:1;transform:translateY(0)}.sp-pulse-dot{width:8px;height:8px;background:#34d399;border-radius:50%;position:relative}.sp-pulse-dot:after{content:"";position:absolute;inset:0;background:inherit;border-radius:inherit;animation:spPulse 2s cubic-bezier(.24,0,.38,1) infinite}@keyframes spPulse{0%{transform:scale(1);opacity:.8}to{transform:scale(3.5);opacity:0}}.sp-why{padding:120px 40px;background:linear-gradient(180deg,#000,#0a0a0a)}.sp-why-inner{max-width:960px;width:100%}.sp-section-label{font-size:.78rem;font-weight:600;color:#a78bfa;text-transform:uppercase;letter-spacing:.12em;margin-bottom:16px;text-align:center}.sp-section-title{font-size:clamp(2rem,4vw,3rem);font-weight:750;color:#fff;letter-spacing:-.03em;line-height:1.15;text-align:center;margin:0 0 64px}.sp-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.sp-feature-card{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:40px 32px;transition:all var(--dur-slow) var(--ease-spring)}.sp-feature-card:hover{background:#ffffff0f;border-color:#a78bfa4d;transform:translateY(-8px) scale(var(--hover-scale));box-shadow:0 30px 60px -12px #00000080}.sp-feature-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;background:#7c3aed1f;color:#a78bfa}.sp-feature-card h3{font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 10px;letter-spacing:-.01em}.sp-feature-card p{font-size:.88rem;font-weight:400;color:#ffffff73;line-height:1.6;margin:0}.sp-form-section{padding:120px 40px 100px;background:linear-gradient(180deg,#0a0a0a,#000);border-top:1px solid rgba(255,255,255,.04)}.sp-form-inner{max-width:560px;width:100%;margin:0 auto}.sp-form-card{display:flex;flex-direction:column;gap:20px;margin-top:48px}.sp-field{display:flex;flex-direction:column;gap:8px}.sp-label{font-size:.82rem;font-weight:600;color:#ffffffb3;letter-spacing:.01em}.sp-label-opt{font-weight:400;color:#ffffff40;margin-left:6px;font-size:.78rem}.sp-input,.sp-textarea{width:100%;padding:14px 18px;border:1.5px solid rgba(255,255,255,.1);border-radius:14px;background:#ffffff0a;color:#fff;font:inherit;font-size:.95rem;line-height:1.5;outline:none;transition:border-color .25s ease,background .25s ease,box-shadow .25s ease;-webkit-appearance:none}.sp-input::placeholder,.sp-textarea::placeholder{color:#fff3}.sp-input:focus,.sp-textarea:focus{border-color:#a78bfa80;background:#ffffff0f;box-shadow:0 0 0 3px #a78bfa14}.sp-textarea{min-height:130px;resize:vertical}.sp-submit-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:8px}.sponsor-status{font-size:.84rem;font-weight:600;color:#ffffff4d;opacity:0;transition:opacity .3s ease}.sponsor-status.visible{opacity:1}.sponsor-status.success{color:#34d399}.sponsor-status.error{color:#f87171}.sponsor-send-btn{min-width:120px;height:48px;padding:0 28px;border:0;border-radius:999px;background:#fff;color:#000;cursor:pointer;font:inherit;font-size:.95rem;font-weight:700;letter-spacing:-.01em;position:relative;overflow:hidden;transition:transform var(--dur-fast) var(--ease-snappy),box-shadow var(--dur-fast) var(--ease-snappy),opacity var(--dur-fast) var(--ease-snappy);display:flex;align-items:center;justify-content:center;gap:8px}.sponsor-send-btn:hover{transform:translateY(-2px) scale(var(--hover-scale));box-shadow:0 12px 30px #fff3}.sponsor-send-btn:active{transform:scale(var(--press-scale))}.sponsor-send-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.sponsor-send-btn.loading{pointer-events:none}.sponsor-send-btn.loading .sponsor-send-text{opacity:0}.sponsor-send-btn.loading:after{content:"";position:absolute;width:18px;height:18px;border:2.5px solid rgba(0,0,0,.15);border-top-color:#000;border-radius:50%;animation:sponsorSpin .6s linear infinite}.sponsor-send-btn.success{background:#34d399;color:#000}.sponsor-send-btn.error{background:#f87171;color:#000}.sp-privacy{text-align:center;font-size:.76rem;color:#fff3;margin-top:32px;line-height:1.6;display:flex;align-items:center;justify-content:center;gap:6px}.sp-privacy svg{opacity:.5;flex-shrink:0}.sp-footer{padding:48px 40px;border-top:1px solid rgba(255,255,255,.04);background:#000;text-align:center}.sp-footer p{font-size:.78rem;color:#fff3;margin:0}@media(max-width:900px){.sp-features-grid{grid-template-columns:1fr;gap:16px}.sp-stats-inner{gap:40px;flex-wrap:wrap}}@media(max-width:640px){.sp-hero{padding:100px 24px 60px}.sp-stats{padding:60px 24px}.sp-why{padding:80px 24px}.sp-form-section{padding:80px 24px 60px}.sp-stats-inner{gap:28px}.sp-stat{min-width:100px}.sp-submit-row{flex-direction:column;align-items:stretch}.sponsor-send-btn{width:100%}.sponsor-status{text-align:center}}.layout-customizer-fab{position:fixed;left:22px;bottom:38px;z-index:1250;height:44px;padding:0 16px;border:1px solid rgba(0,0,0,.08);border-radius:999px;background:#ffffffc7;color:var(--text-primary);box-shadow:0 10px 28px #0f172a1f;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);cursor:pointer;display:inline-flex;align-items:center;gap:9px;font-family:inherit;font-size:.9rem;font-weight:750;transition:transform var(--dur-fast) var(--ease-snappy),box-shadow var(--dur-fast) var(--ease-snappy),background var(--dur-fast) var(--ease-snappy),border-color var(--dur-fast) var(--ease-snappy)}.layout-customizer-fab:hover{transform:translateY(-2px) scale(var(--hover-scale));background:#fffffff2;border-color:#00000024;box-shadow:var(--shadow-md)}.layout-customizer-fab:active{transform:translateY(0) scale(var(--press-scale))}.layout-customizer-fab svg{flex:0 0 auto}.customizer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#c8c3be33;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;justify-content:center;align-items:center;z-index:11000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--dur-normal) var(--ease-smooth),visibility var(--dur-normal) steps(1,end)}.customizer-overlay.active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--dur-normal) var(--ease-smooth),visibility 0s steps(1,start)}.customizer-modal{background:var(--modal-bg-glass);border:1px solid rgba(0,0,0,.06);width:calc(100vw - clamp(10px,6vw,200px));min-width:800px;height:calc(100vh - clamp(16px,10vh,200px));max-width:1300px;max-height:750px;border-radius:32px;box-shadow:0 40px 100px -20px #0000001f;display:flex;overflow:hidden;transform:scale(.95);opacity:0;transition:transform var(--dur-normal) var(--ease-spring),opacity var(--dur-normal) var(--ease-smooth);color:var(--text-primary);font-family:inherit}.customizer-overlay.active .customizer-modal{transform:scale(1);opacity:1}.customizer-preview-pane{width:42%;padding:36px 30px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border-right:1px solid var(--border-color);background:#00000004;box-sizing:border-box;text-align:center;position:relative;overflow:hidden;z-index:1}.customizer-preview-pane:before{content:"";position:absolute;inset:-10px;z-index:-2;background-image:inherit;background-size:cover;background-position:center;filter:var(--preview-bg-blur, blur(0px)) var(--preview-bg-grayscale, grayscale(0));transition:filter .15s ease}.customizer-preview-pane:after{content:"";position:absolute;inset:0;z-index:-1;background-color:var(--preview-bg-overlay-color, transparent);transition:background-color .15s ease}.customizer-controls-pane{width:58%;display:flex;flex-direction:column;height:100%;box-sizing:border-box;background:transparent;position:relative}.customizer-preview-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-top:0;margin-bottom:5px}.customizer-preview-card-container{flex:1;display:flex;align-items:center;justify-content:center;width:100%}.customizer-preview-card-wrapper{--preview-scale: 3.8;transform:scale(var(--preview-scale));transform-origin:center center;display:flex;align-items:center;justify-content:center;width:64px;height:64px}.customizer-preview-card{width:64px;height:64px;background-color:var(--element-bg);border:1px solid var(--border-color);border-radius:9px;position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;container-type:inline-size;box-shadow:none;transition:all .25s ease}.customizer-preview-card.category-alkali-metal{background-color:var(--cat-alkali-bg)!important;color:var(--cat-alkali-fg)!important}.customizer-preview-card.category-alkaline-earth-metal{background-color:var(--cat-alkaline-bg)!important;color:var(--cat-alkaline-fg)!important}.customizer-preview-card.category-transition-metal{background-color:var(--cat-transition-bg)!important;color:var(--cat-transition-fg)!important}.customizer-preview-card.category-metalloid{background-color:var(--cat-metalloid-bg)!important;color:var(--cat-metalloid-fg)!important}.customizer-preview-card.category-post-transition-metal{background-color:var(--cat-post-bg)!important;color:var(--cat-post-fg)!important}.customizer-preview-card.category-other-nonmetal{background-color:var(--cat-other-bg)!important;color:var(--cat-other-fg)!important}.customizer-preview-card.category-halogen{background-color:var(--cat-halogen-bg)!important;color:var(--cat-halogen-fg)!important}.customizer-preview-card.category-noble-gas{background-color:var(--cat-noble-bg)!important;color:var(--cat-noble-fg)!important}.customizer-preview-card.category-lanthanide{background-color:var(--cat-lanthanide-bg)!important;color:var(--cat-lanthanide-fg)!important}.customizer-preview-card.category-actinide{background-color:var(--cat-actinide-bg)!important;color:var(--cat-actinide-fg)!important}.customizer-preview-card.category-unknown{background-color:var(--cat-unknown-bg)!important;color:var(--cat-unknown-fg)!important}.customizer-element-switcher{width:min(280px,82%);margin-top:18px}.customizer-select{width:min(320px,100%);height:38px;border-radius:16px;border:1px solid var(--border-color);background:#0000000a;padding:0 36px 0 14px;font-size:.85rem;font-weight:600;color:var(--text-primary);outline:none;cursor:pointer;box-shadow:0 .5px 1px #00000005;font-family:inherit;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%236b6b72' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:14px 14px;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customizer-select:focus{border-color:var(--text-secondary);background:#00000004;background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%236b6b72' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;box-shadow:0 0 0 3px #0000000a}.customizer-header{padding:28px 76px 18px 32px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.customizer-title{font-size:1.45rem;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.02em}.customizer-close-btn{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;background:#0000000a;border-radius:50%;color:#4f5d75;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:1.4rem;z-index:200}.customizer-close-btn:hover{background:#000000d9;color:#fff;transform:scale(1.1) rotate(90deg)}.customizer-close-btn:active{transform:scale(.92) rotate(90deg)}.customizer-sections-scroll{flex:1;overflow-y:auto;padding:22px 32px 80px;box-sizing:border-box}.customizer-sec{background:#ffffff85;border:1px solid rgba(255,255,255,.74);border-radius:12px;padding:15px 18px;margin-bottom:12px;box-shadow:0 1px 2px #00000006,0 7px 18px #0000000a,inset 0 1px #ffffffb8;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.customizer-sec-title{font-size:.95rem;font-weight:700;color:var(--text-primary);letter-spacing:0;margin-top:0;margin-bottom:12px}.customizer-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:15px}.customizer-optional-row{display:none}.customizer-row:last-child{margin-bottom:0}.customizer-label{font-size:.88rem;font-weight:550;color:var(--text-secondary);flex:1}.customizer-control-wrap{display:flex;align-items:center;gap:8px}.customizer-presets-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:5px;padding:4px;min-height:50px;border-radius:999px;background:var(--segment-track-bg);box-shadow:none;position:relative;isolation:isolate}.customizer-presets-grid:before{content:"";position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 16px) / 3);border-radius:999px;background:var(--segment-active-bg);box-shadow:var(--segment-active-shadow);transition:transform var(--dur-normal) var(--ease-spring),opacity var(--dur-fast) var(--ease-smooth);z-index:0}.customizer-presets-grid:not(:has(.customizer-preset-card.active)):before{opacity:0}.customizer-presets-grid:has(.customizer-preset-card:nth-child(2).active):before{transform:translate(calc(100% + 4px))}.customizer-presets-grid:has(.customizer-preset-card:nth-child(3).active):before{transform:translate(calc(200% + 8px))}.customizer-preset-card{min-width:0;min-height:42px;border:0;border-radius:999px;padding:8px 10px;background:transparent;cursor:pointer;color:var(--segment-text);font-family:inherit;transition:color var(--dur-fast) var(--ease-smooth),transform var(--dur-fast) var(--ease-snappy);text-align:center;position:relative;z-index:1}.customizer-preset-card:hover{background:transparent;color:var(--segment-text-hover)}.customizer-preset-card.active{background:transparent;color:var(--segment-text-active);box-shadow:none}.customizer-preset-card:active{transform:scale(var(--press-scale))}.customizer-preset-name{font-size:.9rem;font-weight:700;display:block}.customizer-slider-group{display:flex;align-items:center;gap:12px;width:200px}.customizer-range{-webkit-appearance:none;appearance:none;flex:1;height:5px;border-radius:999px;background:#00000014;outline:none}.customizer-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--text-primary);border:2px solid var(--bg-color);box-shadow:0 1px 4px #0003;cursor:pointer;transition:transform .1s ease}.customizer-range::-webkit-slider-thumb:hover{transform:scale(var(--hover-scale))}.customizer-val-badge{font-size:.72rem;font-weight:700;background:#0000000b;color:var(--text-secondary);padding:2px 6px;border-radius:6px;min-width:32px;text-align:center;font-variant-numeric:tabular-nums}.customizer-switch-label{position:relative;display:inline-block;width:44px;height:24px}.customizer-switch-label input{opacity:0;width:0;height:0}.customizer-switch-slider{position:absolute;cursor:pointer;inset:0;background-color:#00000014;transition:background-color .2s ease;border-radius:999px;box-shadow:inset 0 0 0 1px #00000005}.customizer-switch-slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background-color:#fff!important;transition:transform var(--dur-fast) var(--ease-spring);border-radius:50%;box-shadow:0 1px 3px #00000026}input:checked+.customizer-switch-slider{background-color:#2c2420!important}input:checked+.customizer-switch-slider:before{transform:translate(20px)!important}.customizer-segment{display:flex;background:var(--segment-track-bg);padding:3px;border-radius:99px}.customizer-segment-btn{border:none;background:transparent;padding:5px 14px;border-radius:99px;font-size:.8rem;font-weight:600;color:var(--segment-text);cursor:pointer;transition:all var(--dur-fast) var(--ease-snappy);font-family:inherit}.customizer-segment-btn:hover{color:var(--segment-text-hover)}.customizer-segment-btn.active{background:var(--segment-active-bg);color:var(--segment-text-active);box-shadow:var(--segment-active-shadow)}.customizer-color-row{display:flex;align-items:center;gap:10px}.customizer-color-btn,.customizer-color-picker-btn{width:22px!important;height:22px!important;border-radius:50%!important;border:1px solid rgba(0,0,0,.08)!important;cursor:pointer!important;transition:transform var(--dur-fast) var(--ease-snappy),outline var(--dur-fast) var(--ease-smooth)!important;padding:0!important;box-sizing:border-box!important;position:relative;overflow:hidden}.customizer-color-btn:hover,.customizer-color-picker-btn:hover{transform:scale(1.1)!important}.customizer-color-btn.active,.customizer-color-picker-btn.active{transform:scale(1.15)!important;border-color:transparent!important;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--text-primary)!important;outline:none!important}.customizer-color-picker-btn{background:linear-gradient(135deg,red,orange,#ff0,green,#00f,purple)}.customizer-color-input{position:absolute;top:-5px;left:-5px;width:32px;height:32px;opacity:0;cursor:pointer}.cust-dropdown-container{position:relative;width:200px;display:block}.customizer-element-switcher .cust-dropdown-container{width:100%;max-width:100%}.cust-dropdown-trigger{width:100%!important;text-align:left;display:block;line-height:36px;padding:0 36px 0 14px;box-sizing:border-box}.cust-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:var(--modal-bg-glass);backdrop-filter:blur(25px) saturate(160%);-webkit-backdrop-filter:blur(25px) saturate(160%);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 10px 30px #00000014;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.97);transition:opacity var(--dur-normal) var(--ease-smooth),visibility var(--dur-normal) steps(1,end),transform var(--dur-normal) var(--ease-spring);z-index:1000;padding:8px 6px 10px;box-sizing:border-box;display:flex;flex-direction:column;gap:3px;max-height:min(304px,calc(100vh - 32px));overflow-y:auto}.cust-dropdown-container.open .cust-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1);transition:opacity var(--dur-normal) var(--ease-smooth),visibility 0s steps(1,start),transform var(--dur-normal) var(--ease-spring)}.cust-dropdown-container.open-upward .cust-dropdown-menu{top:auto;bottom:calc(100% + 6px);transform:translateY(8px) scale(.97)}.cust-dropdown-container.open-upward.open .cust-dropdown-menu{transform:translateY(0) scale(1)}.cust-dropdown-item{display:flex;align-items:center;min-height:32px;padding:0 12px;border-radius:10px;font-size:.85rem;line-height:1.2;font-weight:550;color:var(--text-secondary);cursor:pointer;transition:background var(--dur-fast) var(--ease-smooth),color var(--dur-fast) var(--ease-smooth);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;min-width:0;width:100%;box-sizing:border-box}.cust-dropdown-item:hover{background:#0000000a;color:var(--text-primary)}.cust-dropdown-item.active{background:#0000000f;color:var(--text-primary);font-weight:700}html.dark-theme .cust-dropdown-item:hover{background:#ffffff0d;color:#fff}html.dark-theme .cust-dropdown-item.active{background:#ffffff14;color:#fff}.cust-dropdown-menu::-webkit-scrollbar{width:4px}.cust-dropdown-menu::-webkit-scrollbar-track{background:transparent}.cust-dropdown-menu::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}html.dark-theme .cust-dropdown-menu::-webkit-scrollbar-thumb{background:#ffffff1a}.customizer-input{width:200px;height:34px;border:1px solid var(--border-color);border-radius:12px;padding:0 10px;font-size:.85rem;font-weight:550;color:var(--text-primary);outline:none;background:#0000000a;font-family:inherit;transition:background .2s ease,border-color .2s ease}.customizer-input:focus{border-color:var(--text-secondary);background:#00000004}.customizer-footer{padding:16px 32px 26px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:#fff3}.customizer-btn{height:38px;padding:0 18px;border-radius:99px;border:none;font-size:.88rem;font-weight:700;cursor:pointer;transition:all var(--dur-fast) var(--ease-snappy);display:flex;align-items:center;justify-content:center;font-family:inherit}.customizer-btn-secondary{background:#0000000a;color:var(--text-primary)}.customizer-btn-secondary:hover{background:#00000012}.customizer-btn-secondary:active{transform:scale(var(--press-scale))}.customizer-inline-reset-btn{width:max-content;min-width:max-content;height:32px;padding:0 16px;flex:0 0 auto;white-space:nowrap;font-size:.85rem}.customizer-btn-primary{background:var(--text-primary);color:var(--bg-color);box-shadow:0 4px 12px #00000008}.customizer-btn-primary:hover{background:var(--text-secondary)}.customizer-btn-primary:active{transform:scale(var(--press-scale))}.customizer-right-btns{display:flex;gap:10px}.customizer-sections-scroll::-webkit-scrollbar{width:6px}.customizer-sections-scroll::-webkit-scrollbar-track{background:transparent}.customizer-sections-scroll::-webkit-scrollbar-thumb{background:#0000001f;border-radius:4px}.customizer-sections-scroll::-webkit-scrollbar-thumb:hover{background:#00000038}html.dark-theme .customizer-overlay{background:#00000073}html.dark-theme .layout-customizer-fab{background:#181820c7;border-color:#ffffff14;box-shadow:0 12px 34px #00000061}html.dark-theme .layout-customizer-fab:hover{background:#22222cf2;border-color:#ffffff29}html.dark-theme .customizer-preview-pane{background:#ffffff03}html.dark-theme .customizer-close-btn{background:#ffffff0f}html.dark-theme .customizer-close-btn:hover{background:var(--text-primary);color:var(--bg-color)}html.dark-theme .customizer-modal{border-color:#ffffff0f;box-shadow:0 40px 100px -20px #0000008c}html.dark-theme .customizer-sec{background:#1818208f;border-color:#ffffff14;box-shadow:0 1px 2px #0000001f,0 7px 18px #00000029,inset 0 1px #ffffff0a;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}html.dark-theme .customizer-preset-card{background:transparent;color:var(--segment-text)}html.dark-theme .customizer-preset-card:hover{background:transparent;color:var(--segment-text-hover)}html.dark-theme .customizer-preset-card.active{background:transparent;color:var(--segment-text-active)}html.dark-theme .customizer-presets-grid{background:var(--segment-track-bg)}html.dark-theme .customizer-presets-grid:before{background:var(--segment-active-bg);box-shadow:var(--segment-active-shadow)}html.dark-theme .customizer-range{background:#ffffff1a}html.dark-theme .customizer-val-badge{background:#ffffff14}html.dark-theme .customizer-switch-slider{background-color:#ffffff1f}html.dark-theme input:checked+.customizer-switch-slider{background-color:#f0a050!important}html.dark-theme .customizer-segment{background:var(--segment-track-bg)}html.dark-theme .customizer-segment-btn.active{background:var(--segment-active-bg);color:var(--segment-text-active)}html.dark-theme .customizer-select,html.dark-theme .customizer-input{background-color:#ffffff0f}html.dark-theme .customizer-select:focus,html.dark-theme .customizer-input:focus{background-color:#ffffff08;border-color:var(--text-secondary)}html.dark-theme .customizer-btn-secondary{background:#ffffff0f}html.dark-theme .customizer-btn-secondary:hover{background:#ffffff1a}html.dark-theme .customizer-sections-scroll::-webkit-scrollbar-thumb{background:#ffffff1f}html.dark-theme .customizer-sections-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff38}.customizer-select.custom-hidden{display:none!important}html.dark-theme .customizer-color-btn.active,html.dark-theme .customizer-color-picker-btn.active{box-shadow:0 0 0 2px #181820,0 0 0 4px var(--text-primary)!important}html.has-custom-bg,html.dark-theme.has-custom-bg{background-color:transparent!important}html body.has-custom-bg,html.dark-theme body.has-custom-bg{background:transparent!important;isolation:isolate}#custom-page-bg{position:fixed;inset:-20px;z-index:-10000;pointer-events:none;background-size:cover;background-position:center;background-repeat:no-repeat;transition:filter .15s ease,opacity .3s ease;display:none;transform:translateZ(0);will-change:transform,filter;backface-visibility:hidden;-webkit-backface-visibility:hidden}body.has-custom-bg #custom-page-bg{display:block}#custom-page-bg-overlay{position:fixed;inset:0;z-index:-9999;pointer-events:none;transition:background-color .15s ease;display:none;transform:translateZ(0);will-change:transform,background-color;backface-visibility:hidden;-webkit-backface-visibility:hidden}body.has-custom-bg #custom-page-bg-overlay{display:block}.custom-bg-thumbnail{width:80px;height:50px;border-radius:8px;border:1px solid var(--border-color);background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 2px 6px #0000001a}body.has-custom-bg .blank-page,html.dark-theme body.has-custom-bg .blank-page{background:transparent!important}body.has-custom-bg .chemistry-tools-page:before,body.has-custom-bg #settings-page:before,body.has-custom-bg #settings-page:after{display:none!important}html.has-custom-bg{--cat-alkali-bg: #b84a5c !important;--cat-alkaline-bg: #c27c5b !important;--cat-transition-bg: #ad9568 !important;--cat-post-bg: #526b9e !important;--cat-metalloid-bg: #477c68 !important;--cat-other-bg: #607d58 !important;--cat-halogen-bg: #bca05c !important;--cat-noble-bg: #7b5b9e !important;--cat-lanthanide-bg: #aa6b88 !important;--cat-actinide-bg: #9b3a4a !important;--cat-unknown-bg: #5e6b7d !important;--cat-poly-cation-bg: #b47c3c !important;--cat-poly-anion-bg: #4a779d !important}html.has-custom-bg #periodic-table .element:not(.empty),html.has-custom-bg #ions-table .element,html.has-custom-bg #ions-table .ion-element,html.has-custom-bg .customizer-preview-card{--text-primary: #000000 !important;--text-secondary: #000000 !important;--text-muted: #000000 !important;--border-color: rgba(0, 0, 0, .16) !important;box-shadow:0 4px 30px #0000000d!important}html.has-custom-bg #ions-table .element *,html.has-custom-bg #ions-table .ion-element *{color:#000!important}html.dark-theme.has-custom-bg #periodic-table .element:not(.empty),html.dark-theme.has-custom-bg #ions-table .element,html.dark-theme.has-custom-bg #ions-table .ion-element,html.dark-theme.has-custom-bg .customizer-preview-card{--text-primary: #ffffff !important;--text-secondary: rgba(255, 255, 255, .88) !important;--text-muted: rgba(255, 255, 255, .65) !important;--border-color: rgba(255, 255, 255, .18) !important;box-shadow:0 4px 30px #0003!important}html.dark-theme.has-custom-bg #ions-table .element *,html.dark-theme.has-custom-bg #ions-table .ion-element *{color:#fff!important}html.has-custom-bg .customizer-preview-card{transition:background-color .22s ease,border-color .22s ease!important}html.has-custom-bg .eit-property-trigger,html.has-custom-bg .eit-reset-btn{background:#ffffff73!important;backdrop-filter:blur(12px) saturate(120%)!important;-webkit-backdrop-filter:blur(12px) saturate(120%)!important;border:1px solid rgba(0,0,0,.12)!important;color:#000!important;box-shadow:0 4px 16px #0000000d,inset 0 1px #fff3!important;opacity:1!important}html.has-custom-bg .eit-property-trigger:hover,html.has-custom-bg .eit-reset-btn:hover{background:#fff9!important;border-color:#0003!important;color:#000!important;box-shadow:0 6px 20px #00000014,inset 0 1px #ffffff4d!important}html.has-custom-bg .eit-property-trigger:active,html.has-custom-bg .eit-reset-btn:active{transform:scale(.96)!important;background:#ffffffb3!important}html.dark-theme.has-custom-bg .eit-property-trigger,html.dark-theme.has-custom-bg .eit-reset-btn{background:#0f172a73!important;backdrop-filter:blur(12px) saturate(120%)!important;-webkit-backdrop-filter:blur(12px) saturate(120%)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff0d!important}html.dark-theme.has-custom-bg .eit-property-trigger:hover,html.dark-theme.has-custom-bg .eit-reset-btn:hover{background:#0f172a99!important;border-color:#fff3!important;color:#fff!important;box-shadow:0 6px 20px #00000040,inset 0 1px #ffffff14!important}html.dark-theme.has-custom-bg .eit-property-trigger:active,html.dark-theme.has-custom-bg .eit-reset-btn:active{transform:scale(.96)!important;background:#0f172ab3!important}html.has-custom-bg .legend-item{background:#ffffff73!important;backdrop-filter:blur(12px) saturate(120%)!important;-webkit-backdrop-filter:blur(12px) saturate(120%)!important;border:1px solid rgba(0,0,0,.12)!important;box-shadow:0 2px 8px #0000000a,inset 0 1px #fff3!important;color:#000!important;opacity:1!important;transition:transform .25s cubic-bezier(.23,1,.32,1),background-color .25s ease,border-color .25s ease!important}html.has-custom-bg .legend-item:hover{background:#fff9!important;border-color:#0003!important;color:#000!important;box-shadow:0 4px 12px #00000014,inset 0 1px #ffffff4d!important}html.has-custom-bg .legend-item.active{background:#000!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 24px #00000026!important}html.has-custom-bg .legend-item.active .legend-swatch{border-color:#ffffff4d!important}html.dark-theme.has-custom-bg .legend-item{background:#0f172a73!important;backdrop-filter:blur(12px) saturate(120%)!important;-webkit-backdrop-filter:blur(12px) saturate(120%)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 2px 8px #00000026,inset 0 1px #ffffff0d!important;color:#fff!important;opacity:1!important}html.dark-theme.has-custom-bg .legend-item:hover{background:#0f172a99!important;border-color:#fff3!important;color:#fff!important;box-shadow:0 4px 12px #00000040,inset 0 1px #ffffff14!important}html.dark-theme.has-custom-bg .legend-item.active{background:#fff!important;color:#0f1115!important;border-color:transparent!important;box-shadow:0 8px 24px #0000004d!important}html.dark-theme.has-custom-bg .legend-item.active .legend-swatch{border-color:#0000004d!important}html.has-custom-bg .legend-swatch.alkali-metal{background-color:var(--cat-alkali-bg)!important}html.has-custom-bg .legend-swatch.alkaline-earth-metal{background-color:var(--cat-alkaline-bg)!important}html.has-custom-bg .legend-swatch.transition-metal{background-color:var(--cat-transition-bg)!important}html.has-custom-bg .legend-swatch.post-transition-metal{background-color:var(--cat-post-bg)!important}html.has-custom-bg .legend-swatch.metalloid{background-color:var(--cat-metalloid-bg)!important}html.has-custom-bg .legend-swatch.other-nonmetal,html.has-custom-bg .legend-swatch.non-metal{background-color:var(--cat-other-bg)!important}html.has-custom-bg .legend-swatch.halogen{background-color:var(--cat-halogen-bg)!important}html.has-custom-bg .legend-swatch.noble-gas{background-color:var(--cat-noble-bg)!important}html.has-custom-bg .legend-swatch.lanthanide{background-color:var(--cat-lanthanide-bg)!important}html.has-custom-bg .legend-swatch.actinide{background-color:var(--cat-actinide-bg)!important}html.has-custom-bg .legend-swatch.unknown,html.has-custom-bg .legend-swatch.undefined{background-color:var(--cat-unknown-bg)!important}html.dark-theme.has-custom-bg .legend-swatch{border-color:#fff3!important}html.has-custom-bg .chem-tool-card{background:#ffffff73!important;backdrop-filter:blur(16px) saturate(120%)!important;-webkit-backdrop-filter:blur(16px) saturate(120%)!important;border:1px solid rgba(0,0,0,.12)!important;box-shadow:0 10px 30px #0000000a,inset 0 1px #ffffff40!important;color:#000!important}html.has-custom-bg .chem-tool-card:hover{background:#fff9!important;border-color:#0003!important;box-shadow:0 18px 40px #00000014,inset 0 1px #fff6!important}html.has-custom-bg .chem-tool-card .chem-tool-name,html.has-custom-bg .chem-tool-card .chem-tool-desc,html.has-custom-bg .chem-tool-card .chem-tool-number{color:#000!important}html.dark-theme.has-custom-bg .chem-tool-card{background:#0f172a73!important;backdrop-filter:blur(16px) saturate(120%)!important;-webkit-backdrop-filter:blur(16px) saturate(120%)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 10px 30px #0003,inset 0 1px #ffffff0d!important;color:#fff!important}html.dark-theme.has-custom-bg .chem-tool-card:hover{background:#0f172a99!important;border-color:#ffffff40!important;box-shadow:0 18px 40px #0000004d,inset 0 1px #ffffff14!important}html.dark-theme.has-custom-bg .chem-tool-card .chem-tool-name,html.dark-theme.has-custom-bg .chem-tool-card .chem-tool-desc,html.dark-theme.has-custom-bg .chem-tool-card .chem-tool-number{color:#fff!important}html.has-custom-bg .worksheet-generator-page{background:transparent!important}html.has-custom-bg .worksheet-controls{background:#ffffff73!important;backdrop-filter:blur(16px) saturate(120%)!important;-webkit-backdrop-filter:blur(16px) saturate(120%)!important;border:1px solid rgba(0,0,0,.12)!important;box-shadow:0 8px 32px #0000000d!important}html.dark-theme.has-custom-bg .worksheet-controls{background:#0f172a73!important;backdrop-filter:blur(16px) saturate(120%)!important;-webkit-backdrop-filter:blur(16px) saturate(120%)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 8px 32px #0003!important}html.has-custom-bg .worksheet-preview{background:#ffffff4d!important;backdrop-filter:blur(16px) saturate(120%)!important;-webkit-backdrop-filter:blur(16px) saturate(120%)!important;border:1px solid rgba(0,0,0,.12)!important;box-shadow:0 8px 32px #0000000d!important}html.dark-theme.has-custom-bg .worksheet-preview{background:#0f172a4d!important;backdrop-filter:blur(16px) saturate(120%)!important;-webkit-backdrop-filter:blur(16px) saturate(120%)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 8px 32px #0003!important}html.has-custom-bg .preview-header{background:#ffffff40!important;border-bottom:1px solid rgba(0,0,0,.12)!important}html.dark-theme.has-custom-bg .preview-header{background:#0f172a40!important;border-bottom:1px solid rgba(255,255,255,.12)!important}html.has-custom-bg .worksheet-controls .option-btn,html.has-custom-bg .worksheet-controls .checkbox-option{background:#ffffff4d!important;border-color:#0000001a!important;color:#000!important}html.has-custom-bg .worksheet-controls .option-btn:hover,html.has-custom-bg .worksheet-controls .checkbox-option:hover{background:#ffffff80!important;border-color:#0000002e!important}html.has-custom-bg .worksheet-controls .option-btn.active,html.has-custom-bg .worksheet-controls .checkbox-option.active{background:#000!important;color:#fff!important;border-color:transparent!important}html.dark-theme.has-custom-bg .worksheet-controls .option-btn,html.dark-theme.has-custom-bg .worksheet-controls .checkbox-option{background:#ffffff0a!important;border-color:#ffffff14!important;color:#ffffffe0!important}html.dark-theme.has-custom-bg .worksheet-controls .option-btn:hover,html.dark-theme.has-custom-bg .worksheet-controls .checkbox-option:hover{background:#ffffff1a!important;border-color:#fff3!important}html.dark-theme.has-custom-bg .worksheet-controls .option-btn.active,html.dark-theme.has-custom-bg .worksheet-controls .checkbox-option.active{background:#fff!important;color:#0f1115!important;border-color:transparent!important}html.has-custom-bg .worksheet-paper{background:#fff!important;border-radius:4px!important;padding:30px 40px!important;box-shadow:0 4px 6px -1px #0000000d,0 10px 20px -3px #00000014!important;border:1px solid rgba(0,0,0,.06)!important;color:#000!important}html.has-custom-bg .worksheet-paper *{color:#000!important;border-color:#00000026!important}html.has-custom-bg .worksheet-paper .correct-answer,html.has-custom-bg .worksheet-paper .match-yes{color:#059669!important}html.has-custom-bg .worksheet-paper .match-no{color:#dc2626!important}html.dark-theme.has-custom-bg .worksheet-paper{background:#181820!important;border-radius:4px!important;padding:30px 40px!important;box-shadow:0 4px 6px -1px #0003,0 10px 20px -3px #0006!important;border:1px solid rgba(255,255,255,.05)!important;color:#fff!important}html.dark-theme.has-custom-bg .worksheet-paper *{color:#fff!important;border-color:#ffffff26!important}html.dark-theme.has-custom-bg .worksheet-paper .correct-answer,html.dark-theme.has-custom-bg .worksheet-paper .match-yes{color:#34c759!important}html.dark-theme.has-custom-bg .worksheet-paper .match-no{color:#ff453a!important}.debug-opacity-floater{position:fixed;left:22px;bottom:92px;z-index:4000;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:10px 14px;border-radius:16px;background:#ffffffc7;border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 28px #0f172a1f;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);font-family:inherit;font-size:.82rem;font-weight:600;color:var(--text-primary)}html.dark-theme .debug-opacity-floater{background:#1e293bc7;border:1px solid rgba(255,255,255,.08);color:#fff}.debug-opacity-slider-row{display:flex;align-items:center;gap:10px;width:100%}.debug-opacity-floater input[type=range]{width:90px;accent-color:var(--accent, #3b82f6);cursor:pointer;margin:0}.debug-opacity-floater span.slider-label{display:inline-block;width:95px;white-space:nowrap}.debug-opacity-floater span.slider-val{display:inline-block;width:32px;text-align:right;white-space:nowrap}html.zp-lite-mode .customizer-sec{background:#ffffffad!important}html.zp-lite-mode.dark-theme .customizer-sec{background:#181820b8!important}html.zp-lite-mode .eit-property-trigger,html.zp-lite-mode .eit-reset-btn{background:#fffffff2!important;color:#000!important;border-color:#00000026!important}html.zp-lite-mode.dark-theme .eit-property-trigger,html.zp-lite-mode.dark-theme .eit-reset-btn{background:#1e293bf2!important;color:#fff!important;border-color:#ffffff26!important}html.zp-lite-mode .legend-item{background:#f1f5f9f2!important;color:#000!important;border-color:#0000001f!important}html.zp-lite-mode.dark-theme .legend-item{background:#1e293bf2!important;color:#fff!important;border-color:#ffffff1f!important}html.zp-lite-mode .chem-tool-card{background:#fff!important;color:#000!important;border-color:#0000001f!important}html.zp-lite-mode.dark-theme .chem-tool-card{background:#1e293b!important;color:#fff!important;border-color:#ffffff1f!important}html.zp-lite-mode .worksheet-controls,html.zp-lite-mode .worksheet-preview{background:#fff!important;border-color:#0000001f!important}html.zp-lite-mode.dark-theme .worksheet-controls,html.zp-lite-mode.dark-theme .worksheet-preview{background:#181820!important;border-color:#ffffff1f!important}html.zp-lite-mode .debug-opacity-floater{background:#fff!important;border-color:#00000026!important}html.zp-lite-mode.dark-theme .debug-opacity-floater{background:#1e293b!important;border-color:#ffffff26!important}.customizer-color-palette-row{display:flex;align-items:center;gap:8px;flex-shrink:0;max-width:380px}.cust-color-palette-swatches{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.cust-color-palette-btn{width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.12);cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease,border-color .2s ease;padding:0;box-sizing:border-box;flex-shrink:0}.cust-color-palette-btn.default{position:relative;margin-right:4px}html.dark-theme .cust-color-palette-btn{border-color:#ffffff26}.cust-color-palette-btn:hover{transform:scale(1.2)}.cust-color-palette-btn.active{transform:scale(1.25);box-shadow:0 0 0 2px var(--bg-color, #ffffff),0 0 0 4px var(--text-primary);border-color:transparent!important;outline:none}html.dark-theme .cust-color-palette-btn.active{box-shadow:0 0 0 2px #181820,0 0 0 4px var(--text-primary)}.customizer-sec{position:relative;z-index:1}.customizer-sec:has(.cust-dropdown-container.open){z-index:10!important}.customizer-select[disabled],.customizer-input[disabled],.customizer-range[disabled],.cust-dropdown-trigger[disabled],.cust-dropdown-container.disabled{opacity:.42!important;pointer-events:none!important;cursor:not-allowed!important}.layout-customizer-fab[hidden]{display:none!important}html.has-custom-bg .eit-property-trigger,html.has-custom-bg .eit-reset-btn,html.has-custom-bg .legend-item{background:#f8f6f24d!important;border-color:#ffffff47!important;backdrop-filter:blur(18px) saturate(135%)!important;-webkit-backdrop-filter:blur(18px) saturate(135%)!important;box-shadow:0 8px 24px #1e16101a,inset 0 1px #ffffff80!important}html.has-custom-bg .eit-property-trigger,html.has-custom-bg .eit-reset-btn{height:34px;border-radius:12px;padding-inline:12px;box-shadow:0 6px 18px #1e161014,inset 0 1px #ffffff5c!important}html.has-custom-bg .eit-property-trigger:hover,html.has-custom-bg .eit-reset-btn:hover,html.has-custom-bg .legend-item:hover{background:#ffffff75!important;border-color:#ffffff9e!important}html.dark-theme.has-custom-bg .eit-property-trigger,html.dark-theme.has-custom-bg .eit-reset-btn,html.dark-theme.has-custom-bg .legend-item{background:#0d121c57!important;border-color:#ffffff29!important}html.has-custom-bg .chemistry-tools-page .og-title,html.has-custom-bg .chem-tools-subtitle{color:#fff!important;text-shadow:0 2px 3px rgba(0,0,0,.68),0 8px 26px rgba(0,0,0,.72)!important}html.has-custom-bg .ion-table-heading{color:#fff!important;border-bottom-color:#ffffff9e!important;text-shadow:0 2px 3px rgba(0,0,0,.72),0 7px 22px rgba(0,0,0,.7)!important}html.has-custom-bg .chem-tools-subtitle{opacity:.9}html.has-custom-bg .chem-tool-card,html.has-custom-bg .worksheet-controls,html.has-custom-bg .worksheet-preview{border-color:#ffffff61!important;backdrop-filter:blur(22px) saturate(130%)!important;-webkit-backdrop-filter:blur(22px) saturate(130%)!important;box-shadow:0 18px 46px #1e161021,inset 0 1px #ffffff7a!important}html.has-custom-bg #settings-page{--settings-card-bg: rgba(244, 239, 232, .6);--settings-card-border: rgba(255, 255, 255, .38);--settings-soft-bg: rgba(255, 255, 255, .22);--settings-shadow: 0 18px 48px rgba(32, 22, 14, .14), inset 0 1px 0 rgba(255, 255, 255, .46);--text-primary: #211c18;--text-secondary: rgba(33, 28, 24, .7);--text-muted: rgba(33, 28, 24, .52)}html.has-custom-bg .sv-card,html.has-custom-bg .sv-link-card,html.has-custom-bg .sv-changelog{border-radius:24px;backdrop-filter:blur(24px) saturate(132%)!important;-webkit-backdrop-filter:blur(24px) saturate(132%)!important}html.has-custom-bg .sv-link-card{background:#f4efe88a}html.has-custom-bg .sv-link-card:hover{background:#fffcf7b3;box-shadow:0 20px 50px #20160e2e,inset 0 1px #ffffff9e}html.has-custom-bg .sv-link-card-desc,html.has-custom-bg .sv-link-card-official,html.has-custom-bg .sv-suggest-hint{color:var(--text-secondary)!important}html.has-custom-bg .sv-suggest-input,html.has-custom-bg .sv-chip{background:#fff3;border-color:#ffffff4d}html.has-custom-bg .sv-unit-pill{background:var(--segment-track-bg)}html.dark-theme.has-custom-bg #settings-page{--settings-card-bg: rgba(14, 19, 28, .62);--settings-card-border: rgba(255, 255, 255, .14);--settings-soft-bg: rgba(255, 255, 255, .07);--settings-shadow: 0 20px 52px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .08);--text-primary: #f7f5f2;--text-secondary: rgba(247, 245, 242, .72);--text-muted: rgba(247, 245, 242, .5)}html.dark-theme.has-custom-bg .sv-link-card{background:#0e131c8c}html.dark-theme.has-custom-bg .sv-link-card:hover{background:#161d29b8}.bloom-picker-modal-backdrop{position:absolute;inset:0;z-index:50;background:#0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.34,1.56,.64,1);border-radius:inherit}html.dark-theme .bloom-picker-modal-backdrop{background:#0009}.bloom-picker-modal-backdrop.show{opacity:1;pointer-events:auto}.bloom-picker-wrapper:has(.picker-container.open){z-index:100;position:relative}.customizer-row:has(.picker-container.open){z-index:100;position:relative}.customizer-sec:has(.picker-container.open){z-index:100;position:relative}.customizer-controls-pane-scroll:has(.picker-container.open){z-index:100}.customizer-modal:has(.picker-container.open) .customizer-sec:not(:has(.picker-container.open)),.customizer-modal:has(.picker-container.open) .customizer-row:not(:has(.picker-container.open)),.customizer-modal:has(.picker-container.open) .customizer-sec-title,.customizer-modal:has(.picker-container.open) .customizer-preset-grid{filter:none;opacity:1;pointer-events:auto}.customizer-modal:has(.picker-container.open) .customizer-sec:not(:has(.picker-container.open)),.customizer-modal:has(.picker-container.open) .customizer-row:not(:has(.picker-container.open)),.customizer-modal:has(.picker-container.open) .customizer-sec-title,.customizer-modal:has(.picker-container.open) .customizer-preset-grid,.customizer-modal:has(.picker-container.open) .customizer-header{filter:blur(5px);opacity:.3;pointer-events:none;transition:filter .35s ease,opacity .35s ease}.customizer-sec,.customizer-row,.customizer-sec-title,.customizer-preset-grid,.customizer-header{transition:filter .35s ease,opacity .35s ease}.customizer-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}.customizer-grid-2 .customizer-row{margin-bottom:0;flex-direction:column;align-items:flex-start;gap:8px}.customizer-grid-2 .customizer-row .customizer-slider-group{width:100%}html[dir=rtl] .global-nav,html[dir=rtl] #main-container,html[dir=rtl] #periodic-table,html[dir=rtl] .ions-container,html[dir=rtl] .ions-table-shell,html[dir=rtl] .ion-table-grid,html[dir=rtl] .playground-shell,html[dir=rtl] #playground-lesson-root,html[dir=rtl] .pg-studio-surface,html[dir=rtl] .worksheet-container,html[dir=rtl] .settings-viewport,html[dir=rtl] .sponsor-viewport,html[dir=rtl] #modal-content-primary,html[dir=rtl] #ion-modal .ion-modal-content,html[dir=rtl] #card-customizer-modal .customizer-modal,html[dir=rtl] #welcome-modal .modal-content,html[dir=rtl] #changelog-modal .modal-content,html[dir=rtl] #user-inbox-modal .modal-content,html[dir=rtl] .nav-brand-section,html[dir=rtl] .nav-center-group,html[dir=rtl] .nav-right-section,html[dir=rtl] .headline-content,html[dir=rtl] .headline-left-group,html[dir=rtl] .info-row,html[dir=rtl] .sv-link-card,html[dir=rtl] .sv-anim-row,html[dir=rtl] .sp-submit-row,html[dir=rtl] .customizer-header,html[dir=rtl] .customizer-element-switcher{direction:ltr}html[dir=rtl] .element .number,html[dir=rtl] .element .symbol,html[dir=rtl] .element .mass,html[dir=rtl] .element .electron-config,html[dir=rtl] .ion-table-cell .symbol,html[dir=rtl] .ion-element .ion-symbol,html[dir=rtl] .symbol-base,html[dir=rtl] .script-stack,html[dir=rtl] .ion-symbol,html[dir=rtl] .ion-arrow,html[dir=rtl] .headline-symbol,html[dir=rtl] .headline-numbers,html[dir=rtl] .headline-mass,html[dir=rtl] .headline-atomic,html[dir=rtl] .config-formula,html[dir=rtl] .checkbox-subtitle,html[dir=rtl] .pg-equation,html[dir=rtl] .pg-formula,html[dir=rtl] .pg-coefficient-row,html[dir=rtl] .unit-setting-btn,html[dir=rtl] .sv-speed-val,html[dir=rtl] .sp-stat-value,html[dir=rtl] .customizer-val-badge,html[dir=rtl] .hex-text,html[dir=rtl] .hex-input,html[dir=rtl] input[type=number],html[dir=rtl] input[type=email],html[dir=rtl] code,html[dir=rtl] pre,html[dir=rtl] .katex{direction:ltr;unicode-bidi:isolate}html[dir=rtl] .element .name,html[dir=rtl] .ion-table-heading,html[dir=rtl] .ion-element .ion-name,html[dir=rtl] .headline-name,html[dir=rtl] .info-label,html[dir=rtl] .controls-header h2,html[dir=rtl] .controls-header p,html[dir=rtl] .control-group>label,html[dir=rtl] .checkbox-text>span:first-child,html[dir=rtl] .pg-eyebrow,html[dir=rtl] .pg-main h2,html[dir=rtl] .pg-main h3,html[dir=rtl] .pg-main p,html[dir=rtl] .pg-lesson-copy,html[dir=rtl] .pg-question-copy,html[dir=rtl] .sv-link-card-title,html[dir=rtl] .sv-link-card-desc,html[dir=rtl] .sv-link-card-official,html[dir=rtl] .sv-anim-label,html[dir=rtl] .sv-unit-label,html[dir=rtl] .sv-suggest-hint,html[dir=rtl] .sv-chip,html[dir=rtl] .sv-changelog-title,html[dir=rtl] .sv-changelog-item,html[dir=rtl] .sp-hero-eyebrow,html[dir=rtl] .sp-hero-title,html[dir=rtl] .sp-hero-subtitle,html[dir=rtl] .sp-section-label,html[dir=rtl] .sp-section-title,html[dir=rtl] .sp-feature-card h4,html[dir=rtl] .sp-feature-card p,html[dir=rtl] .sp-stat-label,html[dir=rtl] .sp-label,html[dir=rtl] .sp-privacy,html[dir=rtl] .customizer-title,html[dir=rtl] .customizer-preview-title,html[dir=rtl] .customizer-sec-title,html[dir=rtl] .customizer-preset-name,html[dir=rtl] [data-cust-i18n],html[dir=rtl] .modal-title,html[dir=rtl] .modal-subtitle{direction:rtl;text-align:right;unicode-bidi:plaintext}html[dir=rtl] input[type=text],html[dir=rtl] textarea,html[dir=rtl] .sp-input:not([type=email]){direction:rtl;text-align:right;unicode-bidi:plaintext}:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-xs: .25rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-pill: 9999px;--color-canvas: var(--bg-color, #f7f5f2);--color-surface: var(--element-bg, #ffffff);--color-surface-hover: var(--element-hover, #f0ede8);--color-text: var(--text-primary, #1f2937);--color-text-muted: var(--text-secondary, #6b7280);--color-border: var(--border-color, rgba(15, 23, 42, .12));--color-accent: var(--text-highlight, #b45309);--color-success: #16803c;--color-warning: #a85d00;--color-danger: #c23934;--color-focus-ring: #2563eb;--motion-duration-instant: 80ms;--motion-duration-fast: var(--dur-fast, .15s);--motion-duration-normal: var(--dur-normal, .25s);--motion-duration-slow: var(--dur-slow, .4s);--motion-ease-standard: var(--ease-smooth, cubic-bezier(.2, 0, 0, 1));--motion-ease-emphasized: var(--ease-spring, cubic-bezier(.2, .8, .2, 1))}@media(prefers-reduced-motion:reduce){:root{--motion-duration-instant: 0ms;--motion-duration-fast: 0ms;--motion-duration-normal: 0ms;--motion-duration-slow: 0ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}html,body{max-width:100%;overflow-x:clip}.modal-overlay,.modal-content,.feature-modal-body,.about-container,.settings-view,.tools-container{min-width:0;max-width:100%}.modal-content :is(img,svg,canvas,video){max-width:100%}@media(max-width:799px){.modal-content{width:calc(100vw - 20px);min-width:0;max-height:calc(100vh - 20px);border-radius:20px}.about-container,.modal-content.welcome-redesign{min-width:0}.about-container{flex-direction:column;overflow-y:auto}}.support-prompt{--global-nav-scale: 1;position:absolute;z-index:250;inset-inline-end:68px;top:20px;display:inline-flex;align-items:center;gap:9px;height:40px;max-width:min(620px,calc(100% - 180px));padding:0 4px 0 0;border:0;border-radius:999px;box-sizing:border-box;background:#fffcf5eb;box-shadow:0 6px 22px #452b121f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity var(--motion-duration-normal) var(--motion-ease-standard),transform var(--motion-duration-normal) var(--motion-ease-standard)}.support-prompt-visible{opacity:1;transform:translateY(0);pointer-events:auto}.support-prompt-message{margin:0;font-size:12px;font-weight:600;line-height:1.3;color:var(--color-text-muted, #5d544f)}.support-prompt-close{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--color-text-muted, #5d544f);cursor:pointer;font:inherit;font-size:18px;line-height:1}.support-prompt-close:hover{background:#0000000f;color:var(--color-text, #2c2420)}.support-prompt .support-prompt-action{width:auto;min-width:32px;max-width:170px;height:32px;padding-inline:8px 10px;justify-content:flex-start}.support-prompt .support-prompt-action:hover{max-width:170px;padding-inline:8px 10px;transform:none;background:#f59e0b38;box-shadow:var(--shadow-xs)}.support-prompt .nav-btn-text{display:inline-block;max-width:130px;margin-inline-start:6px;opacity:1;font-size:12px}.support-prompt .support-prompt-action:hover .nav-btn-text{max-width:130px;margin-inline-start:6px}.support-prompt :is(.support-prompt-action,.support-prompt-close):focus-visible{outline:2px solid var(--color-focus-ring, #2563eb);outline-offset:2px}html.dark-theme .support-prompt{background:#1e1b18e6;box-shadow:0 6px 22px #00000047}@media(max-width:640px){.support-prompt{inset-inline-start:16px;inset-inline-end:64px;top:16px;max-width:none;border-radius:18px}.support-prompt-message{max-width:230px}}