: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%);--ion-anim-play-state: running;--global-nav-scale: 1}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}html{overscroll-behavior:none}body{background-color:var(--bg-color);color:var(--text-primary);font-family:Inter,-apple-system,sans-serif;height:100dvh;width:100vw;overflow-x:auto;overflow-y:hidden;overscroll-behavior:none;padding:0;margin:0}.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}.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}.worksheet-generator-page{padding-top:40px}.global-nav{position:fixed;top:12px;left:50%;transform:translate(-50%);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 .3s ease,padding .3s ease,top .3s ease,border-radius .3s ease}@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}.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:#0000000a;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:#fff;box-shadow:0 1px 3px #0000001a;transition:transform .35s cubic-bezier(.34,1.56,.64,1),width .3s cubic-bezier(.34,1.56,.64,1);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:#444;font-size:calc(.9rem * var(--global-nav-scale));font-weight:600;line-height:1.05;cursor:pointer;transition:color .25s ease;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:#000}.nav-pill-btn.active{color:#1d1d1f}.unit-setting-btn.active{color:#1d1d1f!important}.sv-nav-pill-slider{position:absolute;top:4px;left:0;height:calc(100% - 8px);border-radius:18px;background:#fff;box-shadow:0 1px 3px #0000001a;opacity:0;z-index:0;pointer-events:none;transition:transform .35s cubic-bezier(.34,1.56,.64,1),width .3s cubic-bezier(.34,1.56,.64,1),opacity .2s ease}.nav-right-section{display:flex;align-items:center;justify-content:flex-end;gap:calc(12px * var(--global-nav-scale));flex:1;min-width:0}.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:0 .5px 1px #0000000a;transition:all .25s cubic-bezier(.25,.46,.45,.94);font-family:inherit;letter-spacing:-.01em}.lang-dropdown-toggle:hover{color:#1d1d1f;background:#00000012;box-shadow:0 1px 3px #00000014}.lang-dropdown-toggle:active{transform:scale(.96);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 .25s cubic-bezier(.34,1.56,.64,1),color .2s ease}.lang-dropdown.open .lang-chevron{transform:rotate(180deg);color:#374151}.lang-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:148px;background:linear-gradient(180deg,#fffffff0,#f8f8faed);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:14px;border:1px solid rgba(0,0,0,.08);box-shadow:0 14px 38px #00000024,0 4px 12px #00000014;opacity:0;visibility:hidden;transform:translateY(-6px) scale(.97);transition:opacity .2s ease,visibility .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1);z-index:10002;padding:6px;display:flex;flex-direction:column;gap:2px}.lang-dropdown.open .lang-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.lang-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 12px;border:none;border-radius:9px;background:none;text-align:left;font-size:13px;font-weight:550;color:#2f3136;cursor:pointer;transition:background .15s ease,color .15s ease;font-family:inherit;white-space:nowrap}.lang-option:hover{background:#0000000e;color:#15161a}.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(200px * var(--global-nav-scale));width:100%}.element-search-icon{position:absolute;left:calc(11px * var(--global-nav-scale));pointer-events:none;color:#86868b;flex-shrink:0;transition:color .2s ease}.element-search-wrapper:focus-within .element-search-icon{color:#007aff}.element-search-input{width:100%;height:calc(34px * var(--global-nav-scale));padding:0 calc(12px * var(--global-nav-scale)) 0 calc(32px * var(--global-nav-scale));border:none;border-radius:calc(18px * var(--global-nav-scale));background:#0000000a;font-size:calc(13px * var(--global-nav-scale));font-family:inherit;color:#1d1d1f;outline:none;transition:background .25s ease,box-shadow .25s ease,width .3s ease}.element-search-input::placeholder{color:#86868b;font-weight:400}.element-search-input:focus{background:#ffffffd9;box-shadow:0 0 0 2px #007aff40}.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}.element-search-results.visible{max-height:400px;overflow-y:auto;opacity:1;transform:translateY(0) scale(1);padding:5px}.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{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;font-size:16px;font-weight:700;flex-shrink:0;line-height:1;letter-spacing:-.02em;position:relative;box-shadow:0 1px 3px #0000000f;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.element-search-item-number{position:absolute;top:3px;left:4px;font-size:8px;font-weight:800;color:#fffffff2;line-height:1}.element-search-item-info{display:flex;flex-direction:column;gap:1px;min-width:0}.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-name mark{background:#007aff26;color:inherit;border-radius:2px;padding:0 1px}.element-search-item-detail{font-size:11px;color:#86868b;letter-spacing:-.01em}.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 .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}body.hide-nav .copyright-notice{opacity:0}#settings-page.active~.copyright-notice{opacity:0}.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{position:relative;align-items:stretch;justify-content:stretch;height:100%;overflow:hidden}#settings-page:before{content:"";position:absolute;top:10%;left:20%;width:50vw;height:50vw;background:radial-gradient(circle at center,rgba(102,126,234,.12) 0%,rgba(236,72,153,.08) 40%,transparent 70%);filter:blur(80px);z-index:-1;pointer-events:none;animation:settingsAmbient 15s ease-in-out infinite alternate}#settings-page:after{content:"";position:absolute;bottom:-10%;right:15%;width:45vw;height:45vw;background:radial-gradient(circle at center,rgba(16,185,129,.08) 0%,rgba(59,130,246,.1) 40%,transparent 70%);filter:blur(80px);z-index:-1;pointer-events:none;animation:settingsAmbientReverse 20s ease-in-out infinite alternate}@keyframes settingsAmbient{0%{transform:translate(0) scale(1)}to{transform:translate(-10%,10%) scale(1.1)}}@keyframes settingsAmbientReverse{0%{transform:translate(0) scale(1)}to{transform:translate(10%,-10%) scale(1.2)}}.settings-viewport{width:100%;max-width:min(1440px,calc(100vw - 32px));height:100%;display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,1.3fr) minmax(280px,1fr);grid-template-rows:auto;grid-template-areas:"sidebar main changelog";justify-content:center;align-items:stretch;gap:18px 28px;padding:30px 28px 88px;margin:0 auto;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-ms-overflow-style:none;scrollbar-width:none}.settings-viewport::-webkit-scrollbar{display:none}.sv-sidebar{grid-area:sidebar;display:flex;flex-direction:column;justify-content:flex-start;gap:16px;min-width:0;align-self:stretch;overflow:visible;height:100%}.sv-sidebar-footer{margin-top:auto;padding:18px 16px 12px;display:flex;align-items:center;gap:12px;border-top:1px solid rgba(0,0,0,.04);font-family:inherit}.sv-sidebar-footer .lang-dropdown-toggle{height:38px;padding:0 14px;background:#fff9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.1);border-radius:19px;box-shadow:0 2px 4px #00000005;color:var(--text-secondary);transition:all .3s ease}.sv-sidebar-footer .lang-dropdown-toggle:hover{background:#fff;border-color:#00000026;color:var(--text-primary);transform:translateY(-1px);box-shadow:0 4px 8px #0000000a}.sv-sidebar-footer .lang-dropdown-menu{bottom:100%;top:auto!important;left:0!important;right:auto!important;margin-bottom:12px;margin-top:0!important;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);background:#ffffffd1;border:1px solid rgba(255,255,255,.4);border-radius:18px;box-shadow:0 10px 30px #00000014;min-width:200px}.footer-separator{width:1px;height:20px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.06),transparent)}.sv-footer-discord{display:flex;align-items:center;justify-content:center;width:48px;height:38px;background:#5865f2;border-radius:19px;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #5865f24d;text-decoration:none;line-height:0}.sv-footer-discord svg{display:block}.sv-footer-discord:hover{background:#4752c4;transform:translateY(-2px) scale(1.04);box-shadow:0 6px 16px #5865f266}.sv-footer-reddit{display:flex;align-items:center;justify-content:center;width:48px;height:38px;background:#ff4500;border-radius:19px;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ff45004d;text-decoration:none;line-height:0}.sv-footer-reddit svg{display:block}.sv-footer-reddit:hover{background:#e03d00;transform:translateY(-2px) scale(1.04);box-shadow:0 6px 16px #ff450066}body.lang-menu-blur #page-settings .sv-main,body.lang-menu-blur #page-settings .sv-changelog{filter:blur(2.5px);opacity:.8;pointer-events:none}body.lang-menu-blur #page-settings .sv-sidebar>section,body.lang-menu-blur #page-settings .sv-sidebar>.sv-links-group{filter:blur(1.5px);opacity:.7;pointer-events:none}#page-settings .sv-main,#page-settings .sv-changelog,#page-settings .sv-sidebar>section,#page-settings .sv-links-group{transition:filter .4s cubic-bezier(.2,0,.2,1),opacity .4s ease}.sv-version-tag{margin-left:auto;font-size:.68rem;font-family:inherit;font-weight:500;color:var(--text-muted);opacity:.45;letter-spacing:.03em;text-transform:uppercase}.sv-links-group{display:flex;flex-direction:column;gap:16px}.sv-link-card-discord .sv-link-card-icon{background:#5865f21f;color:#5865f2}.sv-card-anim{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start;min-height:240px}.sv-card-anim .sv-anim-controls{flex-grow:1;display:flex;flex-direction:column;justify-content:space-evenly;padding:10px 0}.sv-main{grid-area:main;display:flex;flex-direction:column;justify-content:flex-start;gap:16px;width:100%;max-width:none;justify-self:stretch}.sv-card-suggest,.sv-card-suggest .sv-suggest-row{flex-grow:1;display:flex;flex-direction:column}#settings-suggestion-input{flex-grow:1;min-height:120px}.sv-changelog{grid-area:changelog;height:100%;display:flex;flex-direction:column;overflow:visible}.sv-changelog-list{flex:1;overflow-y:auto}.sv-link-card{display:flex;align-items:center;gap:18px;padding:16px 20px;background:#ffffffa6;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.55);border-radius:18px;cursor:pointer;text-decoration:none;color:inherit;transition:all .25s cubic-bezier(.25,1,.5,1);box-shadow:0 4px 12px #00000005,inset 0 2px 4px #fffc;font-family:inherit;text-align:left}.sv-link-card:hover{background:#fff;transform:scale(1.02);box-shadow:0 8px 24px #0000000d,inset 0 2px 4px #fff;border-color:#0000000f}.sv-link-card:active{transform:scale(.97)}.sv-link-card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#f8f9fa;color:#343a40;flex-shrink:0;box-shadow:inset 0 1px 3px #0000000d,inset 0 2px 5px #00000005,0 2px 6px #00000008}.sv-icon-warm{background:#ff8c321a;color:#d97706}.sv-icon-blue{background:#3b82f61a;color:#3b82f6}@keyframes coffeeShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.sv-link-card-text{display:flex;flex-direction:column;gap:1px;min-width:0}.sv-link-card-title{font-size:.97rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.sv-link-card-desc{font-size:.82rem;color:var(--text-muted);font-weight:500}.sv-link-arrow{margin-left:auto;opacity:0;transition:opacity .2s ease,transform .2s ease;flex-shrink:0;color:var(--text-muted)}.sv-link-card:hover .sv-link-arrow{opacity:.45;transform:translate(2px)}.sv-link-card-github .sv-link-card-icon{background:#24292f0f;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-card{background:#ffffffa6;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-radius:18px;border:1px solid rgba(255,255,255,.55);box-shadow:0 1px 3px #00000008,0 8px 24px #0000000f;padding:24px;display:flex;flex-direction:column;gap:18px;transition:box-shadow .25s ease}.sv-card:hover{box-shadow:0 2px 6px #0000000a,0 12px 32px #00000017}.sv-card-icon-row{display:flex;align-items:center;gap:12px}.sv-card-icon-row h3{font-size:1.08rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.sv-icon-circle{width:36px;height:36px;border-radius:10px;background:#0000000a;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-primary)}.sv-icon-purple{background:#667eea1a;color:#667eea}.sv-anim-controls{display:flex;flex-direction:column;gap:14px}.sv-anim-row{display:flex;align-items:center;justify-content:space-between}.sv-anim-label{font-size:.92rem;font-weight:600;color:var(--text-primary)}.sv-speed-val{font-weight:500;color:var(--text-muted);font-size:.88rem;margin-left:4px}.sv-play-btn{width:36px;height:36px;border-radius:10px;border:1.5px solid rgba(0,0,0,.08);background:#ffffffb3;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.sv-play-btn .icon-play{display:none}.sv-play-btn:hover{background:#0000000d;border-color:#00000024}.sv-play-btn:active{transform:scale(.92)}.sv-slider{-webkit-appearance:none;appearance:none;width:100%;max-width:240px;height:5px;border-radius:3px;background:#00000014;outline:none}.sv-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#1d1d1f;cursor:pointer;box-shadow:0 1px 4px #00000040;transition:transform .12s ease}.sv-slider::-webkit-slider-thumb:hover{transform:scale(1.18)}.sv-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#1d1d1f;border:none;cursor:pointer;box-shadow:0 1px 4px #00000040}.sv-card-suggest{gap:12px}.sv-suggest-hint{font-size:.89rem;color:var(--text-secondary);line-height:1.45;margin:-4px 0 0}.sv-suggest-chips{display:flex;flex-wrap:wrap;gap:6px}.sv-chip{padding:6px 14px;border-radius:20px;border:1.5px solid rgba(0,0,0,.07);background:#ffffff80;color:var(--text-secondary);font-size:.84rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease;white-space:nowrap}.sv-chip:hover{background:#0000000d;border-color:#0003;color:#111827}.sv-chip.active{background:#111827;border-color:#111827;color:#fff}.sv-suggest-row{position:relative;display:flex;flex-direction:column;background:#ffffffb3;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);border:1px solid rgba(0,0,0,.04);border-radius:20px;transition:all .25s cubic-bezier(.25,.8,.25,1);overflow:hidden;box-shadow:0 4px 16px #00000005,inset 0 2px 4px #fff9}.sv-suggest-row:focus-within{border-color:#00000026;box-shadow:0 8px 24px #0000000f,inset 0 2px 4px #ffffffe6;background:#fffffff2;transform:translateY(-1px)}.sv-suggest-input{width:100%;padding:16px 18px 8px;border:none;background:transparent;font-family:inherit;font-size:.92rem;font-weight:500;color:var(--text-primary);outline:none;resize:none;min-height:80px;max-height:300px;line-height:1.55;box-sizing:border-box}.sv-suggest-input::placeholder{color:var(--text-muted)}.sv-suggest-actions-bottom{display:flex;align-items:center;justify-content:space-between;padding:8px 14px 14px 18px}.sv-suggest-send{position:relative;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 24px;border-radius:20px;border:none;background:#111827;color:#fff;font-family:inherit;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #00000014;white-space:nowrap;overflow:hidden}.nav-pill-btn:active,.sv-chip:active,.option-btn:active,.preview-tab:active,.generate-btn:active,.export-btn:active,.modal-help-btn:active,.sv-danger-btn:active{transform:scale(.95);transition:transform .1s cubic-bezier(.4,0,.2,1)}.sv-send-content-default{display:flex;align-items:center;gap:8px;transition:all .3s ease}.sv-send-content-success{position:absolute;top:50%;left:50%;transform:translate(-50%,-20%) scale(.8);opacity:0;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.sv-suggest-send:hover{background:#1f2937;box-shadow:0 4px 8px #0000001f}.sv-suggest-send:active{transform:scale(.95);box-shadow:0 1px 2px #0000000d;transition-duration:.1s}.sv-suggest-send.sent{background:#10b981;box-shadow:0 4px 8px #10b98133}.sv-suggest-send.sent .sv-send-content-default{transform:translateY(-20px);opacity:0}.sv-suggest-send.sent .sv-send-content-success{transform:translate(-50%,-50%) scale(1);opacity:1}body.reduce-motion *{animation-duration:.001ms!important;transition-duration:.001ms!important}.sv-toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.sv-toggle input{opacity:0;width:0;height:0}.sv-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#0000001f;transition:background-color .3s;border-radius:24px;box-shadow:inset 0 1px 3px #00000014}.sv-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:transform .3s cubic-bezier(.34,1.56,.64,1);border-radius:50%;box-shadow:0 1px 4px #00000026}.sv-toggle input:checked+.sv-toggle-slider{background-color:#10b981}.sv-toggle input:checked+.sv-toggle-slider:before{transform:translate(20px)}.sv-danger-btn{background:#ef444414;color:#dc2626;border:1px solid rgba(239,68,68,.2);padding:6px 14px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.sv-danger-btn:hover{background:#ef4444;color:#fff;transform:translateY(-1px) scale(1.02);box-shadow:0 4px 10px #ef444440}.sv-danger-btn:active{transform:scale(.96) translateY(0)}.sv-suggest-status{font-size:.84rem;font-weight:500;min-height:1em;transition:all .2s ease;pointer-events:none}.sv-suggest-status.success{color:#16a34a}.sv-changelog{grid-area:changelog;display:flex;flex-direction:column;gap:16px;min-width:0;align-self:stretch;padding:22px 20px;border-radius:18px;background:#ffffff8c;backdrop-filter:blur(20px) saturate(165%);-webkit-backdrop-filter:blur(20px) saturate(165%);border:1px solid rgba(255,255,255,.52);box-shadow:0 1px 3px #00000008,0 8px 24px #0000000f}.sv-changelog-title{font-size:1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.sv-changelog-list{display:flex;flex-direction:column;gap:16px;overflow-y:auto;overflow-x:hidden;padding-right:8px;flex:1 1 0;min-height:0}.sv-changelog-list::-webkit-scrollbar{width:3px}.sv-changelog-list::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.changelog-entry{padding-bottom:14px;border-bottom:1px solid rgba(0,0,0,.05)}.changelog-entry:last-child{border-bottom:none;padding-bottom:0}.changelog-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.changelog-version{font-size:.88rem;font-weight:700;color:var(--text-primary);background:#0000000a;padding:3px 10px;border-radius:6px}.changelog-date{font-size:.82rem;color:var(--text-muted);font-weight:500}.changelog-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:3px}.changelog-items li{font-size:.9rem;color:var(--text-secondary);line-height:1.55;padding-left:14px;position:relative}.changelog-items li:before{content:"·";position:absolute;left:0;color:var(--text-muted);font-weight:700}.sv-unit-controls{margin-top:12px;gap:0}.sv-unit-row+.sv-unit-row{margin-top:16px}.sv-unit-row{justify-content:space-between!important;align-items:center!important;gap:14px;flex-wrap:wrap}.sv-unit-icon{background:#10b9811a;color:#059669}.sv-unit-label{font-weight:500}.sv-unit-pill{margin-left:auto;max-width:100%;background:#0000000a;padding:4px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}@media(max-width:1500px){.settings-viewport{max-width:min(1400px,calc(100vw - 28px));grid-template-columns:minmax(240px,1fr) minmax(340px,1.4fr) minmax(260px,1fr);grid-template-areas:"sidebar main changelog";gap:20px 24px;padding:26px 24px 84px}.sv-main{max-width:none;justify-self:stretch}.sv-sidebar{max-width:none}.sv-link-card{min-height:80px;padding:17px 18px}}@media(max-width:1180px){.settings-viewport{grid-template-columns:1fr 1fr;grid-template-areas:"sidebar main" "changelog main";gap:20px;padding:24px 20px 88px}.sv-sidebar{display:flex;max-width:100%}.sv-main{max-width:100%}.sv-changelog{display:flex}.sv-link-card{min-height:auto}}@media(max-height:820px){.settings-viewport{padding-bottom:56px}}@media(max-width:900px){.settings-viewport{grid-template-areas:"main" "changelog"}.sv-sidebar{display:none}}@media(max-width:640px){.sv-card{padding:20px}.sv-unit-row{align-items:stretch!important}.sv-unit-pill{width:100%;justify-content:flex-start}.sv-unit-pill .nav-pill-btn{flex:1 1 0;min-width:0;text-align:center;padding:8px 12px}.sv-suggest-row{flex-direction:column;align-items:stretch}.sv-suggest-send{width:100%;min-width:0}.sv-suggest-actions-bottom{flex-direction:column;gap:12px;align-items:stretch;padding:12px 14px 14px}.sv-suggest-status{text-align:center}}.sv-pill-group{display:flex;align-items:center;background:#fff6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:3px;border-radius:9999px;box-shadow:0 4px 15px #00000008,inset 0 2px 5px #ffffffb3;border:1px solid rgba(255,255,255,.6);position:relative}.sv-pill-btn{padding:6px 16px;border:none;border-radius:9999px;background:transparent;color:#444;font-size:.85rem;font-weight:600;cursor:pointer;transition:color .25s ease;white-space:nowrap;position:relative;z-index:1}.sv-pill-btn:hover:not(.active){color:#000}.sv-pill-btn.active{color:#1d1d1f}.sv-pill-slider{position:absolute;top:3px;bottom:3px;background:#fff;border-radius:9999px;box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a;transition:transform .3s cubic-bezier(.25,1,.5,1),width .3s cubic-bezier(.25,1,.5,1);z-index:0}@media(max-height:760px){.sv-card-anim{min-height:80px}#settings-suggestion-input{min-height:40px;height:auto!important;flex:1 1 0!important}.sv-suggest-chips,.sv-suggest-hint{display:none}.sv-changelog{padding:16px 14px}.sv-changelog-list{gap:12px}.physics-support-rod{height:60px!important}}@media(max-height:680px){.settings-viewport{padding-top:10px;padding-bottom:20px;gap:12px;grid-template-rows:minmax(0,1fr)}.sv-sidebar,.sv-main,.sv-changelog{gap:8px;min-height:0}.sv-card{padding:12px 16px;min-height:0}.sv-card-icon-row{margin-bottom:4px}.sv-card-anim{min-height:0;flex:1 1 0}.sv-card-anim .sv-anim-controls{justify-content:center;gap:2px;min-height:0;flex:1 1 0}.sv-card-suggest,.sv-suggest-row{min-height:0;flex:1 1 0}#settings-suggestion-input{min-height:0!important;height:auto!important;padding:6px 12px;flex:1 1 0!important}#settings-suggestion-input::placeholder{color:transparent}.sv-suggest-actions-bottom{padding:4px 10px 8px}.sv-suggest-send{height:32px;padding:0 16px;font-size:.8rem}#settings-suggestion-input::-webkit-scrollbar{display:none}#settings-suggestion-input{scrollbar-width:none}.sv-link-card{min-height:0!important;padding:8px 16px;gap:12px;flex-shrink:1}.sv-link-card-icon{width:32px;height:32px}.sv-link-card-title{font-size:.9rem}.sv-link-card-desc{font-size:.75rem}.sv-anim-row{margin-bottom:4px}.physics-support-rod{height:45px!important}}.periodic-table{--series-gap: 96px;display:grid;grid-template-columns:repeat(18,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:0 .5px 1px #0000000a;transition:all .25s cubic-bezier(.25,.46,.45,.94)}.eit-property-trigger:hover{color:#1d1d1f;background:#00000012;box-shadow:0 1px 3px #00000014}.eit-property-trigger:active{transform:scale(.96);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 .3s cubic-bezier(.34,1.56,.64,1)}.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:0 0 0 1px #0000000d,0 1px 4px #00000014}.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:0 1px 4px #0000004d,0 0 #1d1d1f00;pointer-events:auto;cursor:ew-resize;margin-top:-5px;transition:transform .15s ease,box-shadow .2s ease}.eit-range-input::-webkit-slider-thumb:hover{transform:scale(1.25);box-shadow:0 2px 8px #00000059,0 0 0 4px #1d1d1f14}.eit-range-input::-webkit-slider-thumb:active{transform:scale(1.15);box-shadow:0 1px 4px #00000059,0 0 0 6px #1d1d1f1f}.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:0 1px 4px #0000004d,0 0 #1d1d1f00;pointer-events:auto;cursor:ew-resize;transition:transform .15s ease,box-shadow .2s ease}.eit-range-input::-moz-range-thumb:hover{transform:scale(1.25);box-shadow:0 2px 8px #00000059,0 0 0 4px #1d1d1f14}.eit-mode-group{display:inline-flex;align-items:center;gap:0;--eit-mode-pad: 3px;padding:var(--eit-mode-pad);border-radius:18px;background:#0000000a;border:none;height:32px;box-sizing:border-box;flex-shrink:0;position:relative}.eit-mode-slider{position:absolute;top:var(--eit-mode-pad);left:0;height:calc(100% - (var(--eit-mode-pad) * 2));border-radius:15px;background:#fff;box-shadow:0 1px 3px #0000001a;transition:transform .35s cubic-bezier(.34,1.56,.64,1),width .3s cubic-bezier(.34,1.56,.64,1);z-index:0;pointer-events:none}.eit-mode-btn{border:none;background:transparent;color:#444;font-size:.82rem;font-weight:600;padding:0 14px;height:100%;border-radius:15px;cursor:pointer;transition:color .25s ease;font-family:inherit;position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}html[lang=ur] .eit-mode-btn,html[lang=fa] .eit-mode-btn,html[lang=ar] .eit-mode-btn{padding:0 18px}.eit-mode-btn:hover:not(.active){color:#1d1d1f}.eit-mode-btn.active{color:#1d1d1f;background:transparent}.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:0 .5px 1px #0000000a;transition:all .25s cubic-bezier(.25,.46,.45,.94);display:inline-flex;align-items:center;justify-content:center}.eit-reset-btn:hover{color:#1d1d1f;background:#00000012;box-shadow:0 1px 3px #00000014}.eit-reset-btn:active{transform:scale(.96)}.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:0 14px 38px #00000024,0 4px 12px #00000014;opacity:0;pointer-events:none;z-index:500;white-space:nowrap;transform:translateY(-6px) scale(.96);transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.34,1.56,.64,1)}.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 .15s ease}.eit-chip:hover{background:#0000000e;color:#111827}.eit-chip.active{background:#00000014;color:#111827;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}.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 .3s cubic-bezier(.25,.8,.25,1),transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s cubic-bezier(.25,.8,.25,1),border-color .3s cubic-bezier(.25,.8,.25,1);border-radius:15%;position:relative;-webkit-user-select:none;user-select:none;border:1px solid var(--border-color);aspect-ratio:1;container-type:inline-size}#periodic-table.eit-active .element{transition:opacity .15s ease,filter .15s ease,transform .15s ease,box-shadow .15s ease,background-color .15s ease;contain:layout style;will-change:opacity,transform}#periodic-table .element.eit-colored{background-color:var(--eit-cell-color)!important;box-shadow:inset 0 0 0 1px #0f172a26}#periodic-table .element.eit-colored .symbol{color:#111827}#periodic-table .element.eit-colored .number,#periodic-table .element.eit-colored .name{color:#111827b8}#periodic-table .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 .element.eit-no-data .symbol,#periodic-table .element.eit-no-data .number,#periodic-table .element.eit-no-data .name{color:#6b7280}#periodic-table .element.eit-dimmed{opacity:.22;filter:grayscale(.65);transform:scale(.96)}#periodic-table .element.eit-out-range{opacity:.58;filter:saturate(.9)}#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.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-mode-group{height:26px;--eit-mode-pad: 2px}.eit-mode-btn{font-size:.72rem;padding:0 8px}.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:translateY(-4px) scale(1.1);z-index:100;box-shadow:0 15px 30px -5px #00000026;border-color:#0000001a}#periodic-table.eit-menu-open .element{opacity:.55;filter:saturate(.6) blur(2px);transform:scale(.96);transition:all .3s cubic-bezier(.25,.8,.25,1)}#periodic-table.eit-menu-open .element:hover{opacity:1;filter:saturate(1) blur(0);transform:scale(1.05)}#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:0;pointer-events:none;z-index:150;justify-content:center;align-self:center;justify-self:center;align-content:center}#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:pointer;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}.legend-item.ions-quick-access{background:linear-gradient(135deg,#f59e0b1a,#d977060d);border:1px solid rgba(245,158,11,.3);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(1.05);z-index:2;box-shadow:0 4px 12px #0000001a}#periodic-table.highlighting .element:not(.highlighted){opacity:.5;filter:grayscale(.2);transform:scale(.98);transition:opacity .3s ease,filter .3s ease,transform .3s ease}#periodic-table.highlighting .element.highlighted{transform:scale(1.05);z-index:100;box-shadow:0 0 12px #00000026;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) * .5);left:calc(var(--tvmin, 1vmin) * .6);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}.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(10px,10vh,200px));max-width:1300px;max-height:750px;border-radius:32px;box-shadow:0 40px 100px -20px #0000001f;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}.modal-content.welcome-redesign{background:#fff;border:none;box-shadow:0 50px 120px -30px #00000026}.modal-content.changelog-modal-content{background:#fff;border:none;box-shadow:0 50px 120px -30px #00000026;flex-direction:column;align-items:center;justify-content:flex-start;position:relative}.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 .2s;box-shadow:0 4px 12px #00000005}.changelog-card:hover{background:#fff;border-color:#6366f133;transform:translate(4px);box-shadow:0 8px 24px #6366f10f}.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 .2s;font-size:1.4rem}.modal-close:hover{background:#000000d9;color:#fff;transform:rotate(90deg)}.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}.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}.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}.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}.green-rectangle,.yellow-rectangle,.blue-rectangle,.red-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;box-sizing:border-box;max-width:100%;min-width:0;background:#dbc59c;box-shadow:0 3px 8px #dbc59c66;position:relative}.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(-50%) translateY(50%)}.texture-toggle-btn{background:#fff3;border:1px solid rgba(255,255,255,.4);border-radius:8px;padding:4px 10px;cursor:pointer;font-size:14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#333;margin-right:8px;transition:all .2s ease;z-index:50;display:flex;align-items:center;justify-content:center;height:28px}.texture-toggle-btn:hover{background:#fff6;transform:scale(1.05)}.slider-dots{display:flex;justify-content:center;gap:10px}.dot{width:8px;height:8px;border-radius:50%;background:#0000001a;transition:all .3s ease;cursor:pointer;position:relative}.dot.active{background:#000;transform:scale(1.2)}.dot.locked{box-shadow:0 0 0 2px #0000004d}.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:#0000001a;color:#0009;transform:scale(1.05)}.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;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}.element-identity{display:grid;grid-template-columns:auto 1fr;align-items:center;padding-right:0;width:100%;gap:0;min-height:70px}.symbol-wrapper{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:2}.element-symbol{font-size:3.2rem;font-weight:800;line-height:1;letter-spacing:-2px;color:var(--modal-text-main);position:relative;z-index:1;padding-left:0}.element-number{display:none}.element-text{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;container-type:inline-size;text-align:center;width:100%;padding-left:10px}.element-name{font-size:clamp(2.8rem,15cqi,3.2rem);font-weight:700;letter-spacing:-.02em;color:var(--modal-text-main);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:clip}.element-text[data-name-length=very-short] .element-name{font-size:clamp(3.6rem,20cqi,4.2rem)}.element-text[data-name-length=very-short]{padding-left:0;transform:translate(-24px)}.element-text[data-name-length=short] .element-name{font-size:clamp(3.2rem,18cqi,3.8rem)}.element-text[data-name-length=short]{padding-left:5px;transform:translate(-12px)}.element-text[data-name-length=medium] .element-name{font-size:clamp(2.8rem,15cqi,3.2rem)}.element-text[data-name-length=long] .element-name{font-size:clamp(2.4rem,12cqi,2.8rem)}.element-category{font-size:.75rem;font-weight:600;color:var(--modal-text-sub);text-transform:uppercase;letter-spacing:.05em;background:#0000000a;padding:4px 10px;border-radius:100px;align-self:flex-start;margin-top:4px;white-space:nowrap}.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}.level-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:32px}.stat-box{display:flex;flex-direction:column;align-items:flex-start;padding:0;border:none;background:none;box-shadow:none}.stat-label{font-size:.7rem;font-weight:600;letter-spacing:.05em;color:#86868b;text-transform:uppercase;margin-bottom:6px}.stat-data-row{display:flex;flex-direction:row;align-items:baseline;gap:4px}.stat-value{font-size:2.4rem;font-weight:700;letter-spacing:-.02em;color:var(--modal-text-main);line-height:1}.stat-unit{display:inline-block;font-size:1.4rem;color:#86868b;font-weight:500;margin-left:2px}.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}.particle-display{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}.particle-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 12px #0000000a;padding:16px 12px;border-radius:24px;transition:all .2s ease}.particle-item:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000014}.particle-item:before{content:"";display:block;width:8px;height:8px;border-radius:50%;margin-bottom:2px}.p-item:before{background:#ff3b30}.e-item:before{background:#007aff}.n-item:before{background:#8e8e93}.p-count{font-weight:700;color:#1d1d1f;margin-left:0;font-size:1.4rem;line-height:1.1}.p-label{font-weight:500;color:#86868b;font-size:.85rem;text-transform:capitalize}.p-item .p-label:before,.e-item .p-label:before,.n-item .p-label:before{display:none}.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}.exam-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 40px;margin-bottom:12px}.exam-cell{display:flex;flex-direction:column;align-items:flex-start}.exam-label{font-size:.7rem;font-weight:600;letter-spacing:.05em;color:#86868b;text-transform:uppercase;margin-bottom:4px}.exam-value{font-size:1.1rem;font-weight:600;color:var(--modal-text-main)}.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,#dcebff99,#fff0 70%);border-left:1px solid rgba(0,0,0,.04);display:flex;justify-content:center;align-items:center;overflow:hidden}#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}.subatomic-grid{display:flex;gap:8px;pointer-events:auto}.sa-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 6px #0000000a;padding:8px 10px;border-radius:12px;min-width:60px;transition:all .2s ease;cursor:default;-webkit-backdrop-filter:none;backdrop-filter:none}.sa-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.sa-item:before{content:"";display:block;width:6px;height:6px;border-radius:50%;margin-bottom:6px}.sa-item:nth-child(1):before{background:#ff3b30;box-shadow:none}.sa-item:nth-child(2):before{background:#007aff;box-shadow:none}.sa-item:nth-child(3):before{background:#8e8e93;box-shadow:none}.sa-value{font-size:1.1rem;font-weight:600;color:var(--modal-text-main);line-height:1;font-family:Inter,sans-serif;margin-bottom:2px;letter-spacing:0;text-shadow:none}.sa-label{font-size:.65rem;color:var(--modal-text-sub);font-weight:500;text-transform:capitalize;letter-spacing:0;opacity:.9;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: 20px;--compact-divider-gap: 16px;--compact-particles-gap: 8px;--compact-particles-margin: 20px;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;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}.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}.l2-top-stack{display:flex;flex-direction:column;gap:10px}.l2-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}.l2-summary-item{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;text-align:center}.l2-summary-label{font-size:clamp(.58rem,1.15vw,.72rem);text-transform:uppercase;letter-spacing:clamp(.3px,.08vw,.8px);opacity:.5;font-weight:650;white-space:nowrap;line-height:1.1}.l2-summary-value{font-size:clamp(1rem,2.5vw,1.35rem);font-weight:750;letter-spacing:-.02em;line-height:1.02;color:#111827;min-width:0;word-break:break-word;overflow-wrap:break-word}.l2-configuration-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:2px 4px 0;text-align:center}.l2-configuration-label{font-size:clamp(.6rem,1.15vw,.72rem);text-transform:uppercase;letter-spacing:clamp(.35px,.08vw,.85px);opacity:.5;font-weight:700;line-height:1.05}.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:760px){.green-rectangle .card-info-container,.yellow-rectangle .card-info-container,.red-rectangle .card-info-container{--compact-top-row-gap: 16px;--compact-divider-gap: 12px;--compact-particles-gap: 6px;--compact-particles-margin: 16px}}@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%)}}.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}.glass-panel-title{font-size:.65rem;text-transform:uppercase;letter-spacing:1px;opacity:.5;font-weight:800;margin-bottom:8px;color:#111827}.panel-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(0,0,0,.04)}.panel-row:last-child{border-bottom:none;padding-bottom:0}.panel-row:first-of-type{padding-top:0}.panel-label{font-size:.85rem;font-weight:500;opacity:.75;color:#374151}.panel-value{font-size:.95rem;font-weight:700;color:#111827;text-align:right}.panel-unit{font-size:.75rem;opacity:.6;font-weight:500;margin-left:2px}.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;width:100%;max-width:100%;box-sizing:border-box;padding:20px}.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:.6rem;text-transform:uppercase;font-weight:700;opacity:.5;letter-spacing:.5px;margin-bottom:2px}.l3-stat-value{font-size:.95rem;font-weight:750;color:#111827;line-height:1.25;font-feature-settings:"tnum";word-break:break-word}.l3-stat-unit{font-size:.75rem;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:.5rem;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}.oxidation-container{display:flex;align-items:center;gap:6px;margin-top:6px;flex-wrap:wrap}.ox-pill{padding:4px 10px;border-radius:10px;font-size:.85rem;font-weight:700;line-height:1;transition:transform .15s ease}.ox-pill.common{background:#1118271f;color:#111827;box-shadow:0 1px 3px #00000014}.ox-pill.possible{background:transparent;color:#6b7280;font-weight:500;font-size:.78rem;border:1.5px solid rgba(17,24,39,.15);padding:3px 8px}.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(.85rem,2.5vw,1.35rem);white-space:nowrap;letter-spacing:-.5px;line-height:1.35;flex-shrink:0}.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}.nav-segmented-control{background:#dcdcdc66;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:4px;border-radius:24px;gap:0;display:inline-flex;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #0000000d}.nav-segmented-control .action-btn{background:transparent;border:none;border-radius:20px;padding:6px 20px;margin:0;font-size:.85rem;font-weight:600;color:#666;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:none}.nav-segmented-control .action-btn:hover:not(.active){background:#ffffff80;color:#333;transform:none;box-shadow:none}.nav-segmented-control .action-btn.active{background:#fff;color:#1a1a1a;box-shadow:0 2px 8px #00000014;transform:none}.nav-text-tabs{display:flex;gap:24px;align-items:center;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:0!important}.nav-text-tabs .action-btn{background:transparent!important;border:none!important;box-shadow:none!important;padding:4px 0!important;margin:0!important;border-radius:0!important;color:var(--text-secondary);font-size:1rem;font-weight:500;position:relative;opacity:.5;transition:all .2s ease;min-width:auto;height:auto;display:inline-block;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.nav-text-tabs .action-btn:hover{transform:none!important;background:transparent!important;color:var(--text-primary);opacity:.8;border:none!important;box-shadow:none!important}.nav-text-tabs .action-btn.active{color:var(--text-primary);font-weight:700;opacity:1;background:transparent!important;box-shadow:none!important;border:none!important;transform:none!important}.nav-text-tabs .action-btn.active:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:var(--text-primary);border-radius:2px}.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}.time-point{display:flex;align-items:center;position:relative;font-size:1rem;color:#6b7280;font-weight:500}.time-point .tp-dot{width:12px;height:12px;background:#e5e7eb;border-radius:50%;position:absolute;left:-35px;top:50%;transform:translateY(-50%);border:2px solid #fafbfc;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}.time-point.passed .tp-dot{background:#22c55e}.time-point.active{font-weight:700;color:#1a1a2e}.time-point.active .tp-dot{background:#6366f1;width:14px;height:14px;left:-36px}.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: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:all .3s cubic-bezier(.34,1.56,.64,1);text-align:left;color:#4b5563}.email-row:hover{background:#fff;transform:translate(4px);border-color:#6366f133;box-shadow:0 6px 20px #6366f11a}.email-row:active{transform:translate(2px)}.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:60px;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}.chemistry-tools-page{padding:0;position:relative;overflow:hidden;height:100%}.chemistry-tools-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:60vh;background:radial-gradient(ellipse at top left,rgba(56,189,248,.12),transparent 70%),radial-gradient(ellipse at top right,rgba(167,139,250,.12),transparent 70%);z-index:0;pointer-events:none}html.dark-theme .chemistry-tools-page:before{background:radial-gradient(ellipse at top left,rgba(56,189,248,.05),transparent 70%),radial-gradient(ellipse at top right,rgba(167,139,250,.05),transparent 70%)}.chem-tools-container{max-width:1100px;width:100%;height:100%;padding:clamp(20px,4vh,60px) clamp(20px,4vw,60px);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1}.chem-tools-title{font-size:clamp(2rem,5vh,3.5rem);font-weight:800;color:var(--text-primary);margin-bottom:.5vh;text-align:center;letter-spacing:-.03em}.chem-tools-subtitle{font-size:clamp(.85rem,1.8vh,1.1rem);font-weight:600;color:var(--text-secondary);text-align:center;margin-bottom:clamp(20px,4vh,48px);letter-spacing:.15em;text-transform:uppercase;opacity:.7}.chem-tools-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:clamp(16px,2.5vh,32px) clamp(16px,2.5vw,32px);width:100%;flex:1;max-height:65vh}.chem-tools-grid>.chem-tool-card:last-child:nth-child(3){grid-column:1 / -1;width:100%;max-width:calc(50% - 16px);justify-self:center}@media(max-width:768px){.chem-tools-grid{grid-template-columns:1fr;max-height:none}.chem-tools-grid>.chem-tool-card:last-child:nth-child(3){grid-column:auto;max-width:none}}.chem-tool-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:clamp(20px,3vh,32px);padding:clamp(20px,3.5vh,40px) clamp(20px,3vw,40px);cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;justify-content:space-between;gap:clamp(12px,2vh,24px);position:relative;overflow:hidden;box-shadow:0 4px 20px #00000005,inset 0 2px #ffffff80;height:100%}html.dark-theme .chem-tool-card{background:#28282d99;box-shadow:0 4px 20px #0003,inset 0 2px #ffffff0d}.chem-tool-card:before{content:"";position:absolute;inset:0;border-radius:clamp(20px,3vh,32px);background:linear-gradient(135deg,#fff6,#fff0);z-index:0;pointer-events:none;opacity:.5;transition:opacity .4s ease}html.dark-theme .chem-tool-card:before{background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 100%)}.chem-tool-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px -8px #0000001a,0 0 0 1px var(--text-highlight);background:var(--element-bg)}.chem-tool-card:hover:before{opacity:1}.chem-tool-card:active{transform:translateY(-2px);box-shadow:0 8px 16px -8px #0000001a,0 0 0 1px var(--text-highlight)}.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:clamp(54px,10vh,72px);height:clamp(54px,10vh,72px);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:clamp(16px,2.5vh,20px);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:clamp(28px,4.5vh,36px);height:clamp(28px,4.5vh,36px);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:scale(1.08) rotate(-4deg);box-shadow:0 12px 24px #0000001a}.chem-tool-arrow{width:clamp(36px,6.5vh,44px);height:clamp(36px,6.5vh,44px);display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--border-color);color:var(--text-primary);opacity:0;transform:scale(.8) translate(-10px,10px);transition:all .4s cubic-bezier(.16,1,.3,1)}.chem-tool-arrow svg{width:clamp(18px,3.5vh,20px);height:clamp(18px,3.5vh,20px);transition:transform .4s cubic-bezier(.16,1,.3,1)}.chem-tool-card:hover .chem-tool-arrow{opacity:1;transform:scale(1) translate(0);background:var(--text-highlight);color:#fff;box-shadow:0 8px 16px #0000001a}.chem-tool-card:hover .chem-tool-arrow svg{transform:translate(2px)}.chem-tool-number{position:absolute;top:clamp(6px,1.2vh,8px);left:clamp(8px,1.5vh,10px);font-size:clamp(10px,1.6vh,11px);font-weight:800;color:inherit;opacity:.5}.chem-tool-info{display:flex;flex-direction:column;gap:clamp(8px,1.5vh,12px);position:relative;z-index:1}.chem-tool-name{font-size:clamp(1.25rem,2.5vh,1.6rem);font-weight:800;color:var(--text-primary);letter-spacing:-.02em;margin:0;transition:color .3s ease}.chem-tool-card:hover .chem-tool-name{color:var(--text-highlight)}.chem-tool-desc{font-size:clamp(.9rem,1.7vh,1rem);color:var(--text-secondary);line-height:1.6;margin:0;font-weight:500;opacity:.85}.balancer-icon{background:linear-gradient(135deg,#fcc,#ffe5cc);color:#c2410c}.molar-icon{background:linear-gradient(135deg,#fff2cc,#d9e2f3);color:#854d0e}.percent-icon{background:linear-gradient(135deg,#d1e7dd,#e2f0d9);color:#047857}.empirical-icon{background:linear-gradient(135deg,#e0ccff,#d9e2f3);color:#6d28d9}html.dark-theme .balancer-icon,html.dark-theme .molar-icon,html.dark-theme .percent-icon,html.dark-theme .empirical-icon{opacity:.9}.chem-tool-tags{display:flex;gap:clamp(6px,1vw,10px);margin-top:clamp(6px,1vh,10px);align-items:center}.grade-tag,.feature-tag{display:inline-flex;align-items:center;justify-content:center;height:clamp(22px,4vh,26px);padding:0 clamp(8px,1.5vw,12px);border-radius:clamp(6px,.8vh,8px);font-size:clamp(10px,1.6vh,12px);font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.grade-tag{background:#78350f14;color:#b45309;border:1px solid rgba(120,53,15,.15)}html.dark-theme .grade-tag{color:#fcd34d;background:#fcd34d1a;border-color:#fcd34d33}.feature-tag{background:#00000008;color:var(--text-secondary);border:1px solid rgba(0,0,0,.08)}html.dark-theme .feature-tag{background:#ffffff0d;border-color:#ffffff1a}.tools-title{font-size:3.5vmin;font-weight:800;color:var(--text-primary);margin-bottom:.8vmin;text-align:center;letter-spacing:-.03em}.tools-subtitle{font-size:1.1vmin;font-weight:600;color:var(--text-secondary);text-align:center;margin-bottom:4vmin;letter-spacing:.2em;text-transform:uppercase;opacity:.7}.tool-section{background:var(--element-bg);border:1px solid var(--border-color);border-radius:20px;padding:24px;margin-bottom:2vmin;box-shadow:0 4px 12px #0000000a;transition:all .3s cubic-bezier(.25,.8,.25,1)}.tool-section:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014;border-color:#0000001a}.tool-heading{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:12px;letter-spacing:-.02em}.tool-input-group{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.tool-input-group label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;opacity:.8}.tool-input,.tool-select{padding:14px 18px;border:1px solid var(--border-color);border-radius:12px;font-size:1.05rem;font-family:Inter,sans-serif;background:var(--bg-color);color:var(--text-primary);transition:all .3s cubic-bezier(.25,.8,.25,1)}.tool-input:focus,.tool-select:focus{outline:none;border-color:#0003;background:#fff;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.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 .3s cubic-bezier(.25,.8,.25,1);font-family:Inter,sans-serif}.tool-button:hover{background:var(--text-highlight);border-color:var(--text-highlight);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #0000001f}.tool-button:active{transform:translateY(0) scale(1)}.tool-result{background:var(--element-bg);border:1px solid var(--border-color);border-radius:16px;padding:20px;margin-top:20px;font-size:1.2rem;font-weight:700;color:var(--text-primary);font-family:Inter,sans-serif;text-align:center;box-shadow:0 2px 8px #0000000a}.tool-explanation{background:var(--bg-color);border:1px solid var(--border-color);border-left:4px solid var(--text-highlight);border-radius:12px;padding:20px;margin-top:16px;font-size:.95rem;line-height:1.6;color:var(--text-primary);box-shadow:0 2px 8px #0000000a}.tool-explanation h4{font-size:1rem;font-weight:700;margin-bottom:12px;color:var(--text-highlight);letter-spacing:-.01em}.tool-explanation ol,.tool-explanation ul{margin-left:20px;margin-top:8px}.tool-explanation li{margin-bottom:6px}.tool-check{background:var(--element-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-top:16px;box-shadow:0 2px 8px #0000000a}.tool-check h4{font-size:1rem;font-weight:700;margin-bottom:12px;color:var(--text-primary);letter-spacing:-.01em}.tool-check table{width:100%;border-collapse:collapse;margin-top:8px}.tool-check td{padding:8px;border-bottom:1px solid rgba(0,0,0,.05);font-family:Courier New,monospace}.tool-check td:first-child{font-weight:600}.tool-breakdown{background:var(--element-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-top:16px;box-shadow:0 2px 8px #0000000a}.tool-breakdown table{width:100%;border-collapse:collapse}.tool-breakdown th{text-align:left;padding:12px;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);border-bottom:1px solid var(--border-color);opacity:.8}.tool-breakdown td{padding:12px;border-bottom:1px solid var(--border-color);font-family:Inter,monospace;color:var(--text-primary)}.tool-breakdown tr:last-child td{border-bottom:none;font-weight:700;background:var(--bg-color);border-top:1px solid var(--border-color)}.formula-inputs-container{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.element-input-row{display:grid;grid-template-columns:120px 1fr 1fr;gap:12px;align-items:center}.element-input-row label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;opacity:.8}.element-input-row input{padding:10px 14px;border:1px solid var(--border-color);border-radius:12px;font-size:.95rem;font-family:Inter,sans-serif;background:var(--bg-color);color:var(--text-primary);transition:all .3s cubic-bezier(.25,.8,.25,1)}.element-input-row input:focus{outline:none;border-color:#0003;background:#fff;box-shadow:0 2px 8px #0000000f}.features-page{align-items:flex-start;padding-top:80px}.features-container{max-width:1200px;width:100%;padding:20px}.features-title{font-size:3.5vmin;font-weight:800;color:var(--text-primary);margin-bottom:.8vmin;text-align:center;letter-spacing:-.03em}.features-subtitle{font-size:1.1vmin;font-weight:600;color:var(--text-secondary);text-align:center;margin-bottom:4vmin;letter-spacing:.2em;text-transform:uppercase;opacity:.7}.ions-table-page .element{width:clamp(60px,5vw,90px);container-type:inline-size}.ions-table-page .element.ion-long-formula .symbol{font-size:22cqi}.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}.feature-detail-header{display:flex;align-items:center;gap:24px;margin-bottom:24px}.feature-detail-icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:var(--element-bg);border-radius:16px;border:1px solid var(--border-color);font-size:3rem;flex-shrink:0}.feature-detail-title{font-size:2.5rem;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;margin:0}.feature-detail-content{font-size:1rem;line-height:1.8;color:var(--text-primary)}.feature-detail-section{background:var(--element-bg);border:1px solid var(--border-color);border-radius:16px;padding:24px;margin-top:16px}.feature-detail-section h3{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-bottom:16px;letter-spacing:-.02em}.feature-detail-section p{font-size:.95rem;line-height:1.7;color:var(--text-secondary);margin-bottom:12px}.feature-detail-section ul{margin-left:24px;margin-top:12px}.feature-detail-section li{font-size:.95rem;line-height:1.7;color:var(--text-secondary);margin-bottom:8px}.tool-modal-title-group{display:flex;flex-direction:column;gap:6px}.tool-modal-content{display:flex;flex-direction:column;gap:24px}.tool-modal-content.empirical-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.empirical-left,.empirical-right{display:flex;flex-direction:column;gap:16px}.empirical-layout .tool-result-box,.empirical-layout .tool-explanation-box{grid-column:span 2}.compact-tips{padding:20px}.compact-tips h4{font-size:1rem;margin-bottom:10px}.compact-tips ol,.compact-tips ul{margin-left:20px;line-height:1.6}.compact-tips li{margin-bottom:6px;font-size:.95rem}.balancer-scale-container{display:flex;flex-direction:column;align-items:center;gap:24px;padding:20px;height:100%;background:linear-gradient(180deg,#fff,#f8fafc);border-radius:24px;overflow:hidden}.balance-scale-svg{width:100%;max-width:500px;height:auto;filter:drop-shadow(0 4px 15px rgba(0,0,0,.1))}.scale-stand,.scale-base{stroke:#94a3b8;fill:none}.scale-pivot{fill:#475569;stroke:#94a3b8;stroke-width:2}.scale-pivot-cap{fill:#64748b}.scale-beam-group{transform-origin:250px 95px;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.scale-beam{stroke:#e2e8f0;fill:none}.scale-chain{stroke:#94a3b8;stroke-width:2;fill:none}.scale-pan{fill:none;stroke:#e2e8f0;stroke-width:2;color:#e2e8f0}.scale-label{fill:#475569;font-size:13px;font-weight:600;font-family:Inter,sans-serif}.scale-pan,.left-suspension,.right-suspension{transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.scale-beam-group.tilt-left{transform:rotate(-12deg)}.scale-beam-group.tilt-right{transform:rotate(12deg)}.scale-beam-group.tilt-left-slight{transform:rotate(-6deg)}.scale-beam-group.tilt-right-slight{transform:rotate(6deg)}.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)}}.scale-beam-group.wobbling .left-pan,.scale-beam-group.wobbling .right-pan{animation:pan-wobble .6s ease-out}@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-inputs{display:flex;align-items:flex-start;gap:16px;width:100%;max-width:600px}.balancer-formula-input{padding:14px 18px;border:2px solid #e2e8f0;border-radius:12px;font-size:1.1rem;font-family:Inter,sans-serif;background:#fff;color:#1e293b;text-align:center;transition:all .3s ease}.balancer-formula-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.balancer-formula-input::placeholder{color:#94a3b8}.balancer-arrow{font-size:2rem;color:#94a3b8;font-weight:300}.atom-count-display{font-size:.8rem;color:#64748b;text-align:center;min-height:20px}.balancer-feedback{padding:12px 24px;border-radius:12px;background:#f1f5f9;border:1px solid #e2e8f0;text-align:center;min-height:48px;display:flex;align-items:center;justify-content:center}.feedback-text{color:#64748b;font-size:.95rem}.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)}.balanced-equation-display{padding:20px 32px;background:#22c55e1a;border:2px solid rgba(34,197,94,.3);border-radius:16px;text-align:center}.balanced-label{font-size:.85rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.balanced-value{font-size:1.8rem;font-weight:800;color:#22c55e;letter-spacing:.02em}.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-input-hint{font-size:.85rem;color:var(--text-muted);margin:0;font-style:italic}.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-result-box{background:linear-gradient(135deg,var(--element-bg) 0%,#f9f5ef 100%);border:2px solid var(--border-color);border-radius:16px;padding:28px;text-align:center}.big-value{font-size:2.5rem;font-weight:800;color:var(--text-highlight)}.unit{font-size:1.2rem;font-weight:600;color:var(--text-secondary);margin-left:8px}.tool-explanation-box,.tool-breakdown-box,.tool-check-box{background:var(--element-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px}.tool-explanation-box h4,.tool-breakdown-box h4,.tool-check-box h4{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:16px}.tool-explanation-box ol,.tool-explanation-box ul{margin-left:24px;line-height:1.8}.tool-explanation-box li{margin-bottom:8px;color:var(--text-primary)}.tool-tips-section h4{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:12px}.tool-tips-section ul,.tool-tips-section ol{margin-left:24px;line-height:1.7}.tool-tips-section li{color:var(--text-secondary);margin-bottom:8px}.tool-tips-section p{color:var(--text-secondary);line-height:1.6;margin-bottom:10px}.section-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:8px;vertical-align:middle;color:var(--text-highlight)}.section-icon svg{width:100%;height:100%}.section-icon.warning{color:#dc6b00}.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}.tool-modal-icon.percent-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857}.tool-modal-icon.empirical-icon{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4338ca}.tool-select{padding:12px 40px 12px 16px;border:1px solid var(--border-color);border-radius:12px;font-size:1rem;font-family:Inter,sans-serif;background:var(--bg-color);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%235D544F' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.tool-select:focus{outline:none;border-color:var(--text-highlight);box-shadow:0 0 0 3px #78350f1a}.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}.tool-tips-section h4,.tool-explanation-box h4,.tool-breakdown-box h4,.tool-check-box h4{display:flex;align-items:center;font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.electronic-scale-wrapper{position:relative;width:360px;margin:0 auto 60px;transform-style:preserve-3d;transform:rotateX(15deg) rotate(-3deg)}.electronic-scale-wrapper:after{content:"";position:absolute;bottom:-40px;left:50%;transform:translate(-50%) rotate(3deg);width:85%;height:30px;background:radial-gradient(ellipse at center,rgba(0,0,0,.13) 0%,transparent 70%);border-radius:50%;pointer-events:none}.scale-blocks-area{display:flex;align-items:flex-end;justify-content:center;gap:10px;height:100px;padding:10px;margin-bottom:0;position:relative;z-index:10}.element-block{position:relative;border-radius:12px;box-shadow:inset 0 0 15px #ffffff4d,inset 0 -2px 5px #0000001a,0 4px 8px #00000026;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);animation:blockBounceIn .45s cubic-bezier(.34,1.56,.64,1) both}@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:hover{transform:scale(1.08) translateY(-8px);z-index:10;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{opacity:1;transform:translate(-50%) translateY(0)}.electronic-scale-base{width:100%;height:100px;background:linear-gradient(180deg,#e2e8f0,#cbd5e1);border-radius:16px;box-shadow:0 8px #94a3b8,0 20px 40px #0003,inset 0 1px #fffc;display:flex;flex-direction:column;align-items:center;padding:15px 20px;position:relative;z-index:10}.electronic-scale-base:before{content:"";position:absolute;inset:0;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.5) 0%,transparent 50%);pointer-events:none}.scale-platform-top{width:280px;height:12px;border-radius:100px;margin-top:-6px;margin-bottom:10px;box-shadow:0 3px 6px #00000026;background:linear-gradient(to right,#78909c,#b0bec5 30%,#78909c 70%,#546e7a);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:220px;height:50px;background:#0a0f1a;border-radius:10px;display:flex;align-items:center;justify-content:flex-end;padding:0 15px;font-family:Courier New,monospace;font-size:1.8rem;color:#4ade80;box-shadow:inset 0 3px 10px #000000b3;border:2px solid #1e293b;letter-spacing:2px}.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-item-qty{color:#9ca3af;font-size:.75rem}.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-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-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-options-row{display:flex;justify-content:space-between;align-items:center;margin-top:12px;flex-wrap:wrap;gap:12px}.molar-exact-label{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#475569;cursor:pointer;font-weight:500}.molar-exact-label input[type=checkbox]{width:16px;height:16px;accent-color:#6366f1}.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:100%;height:35px;background:linear-gradient(180deg,#94a3b8,#64748b);border-bottom-left-radius:10px;border-bottom-right-radius:10px;display:flex;align-items:center;justify-content:center;position:relative;z-index:5;box-shadow:0 4px 8px #0003}.receipt-slot{width:260px;height:10px;background:#0a0f1a;border-radius:5px;box-shadow:inset 0 2px 4px #000000e6}.receipt-anim-container{position:absolute;top:218px;left:50%;transform:translate(-50%);width:240px;height:400px;z-index:9;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}.electronic-scale-wrapper{transform:rotateX(8deg) rotate(-2deg);width:320px}.molar-scale-stage{padding-bottom:250px}}.enter-hint{font-size:.8rem;color:#475569;margin-top:8px;text-align:right;display:flex;align-items:center;justify-content:flex-end;gap:4px;font-weight:500}.kbd-key{background:#e2e8f0;border:1px solid #cbd5e1;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:600;color:#334155;box-shadow:0 2px #94a3b8}.show-calc-btn{width:100%;padding:10px;background:#f1f5f9;color:#475569;border:1px solid #cbd5e1;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px}.show-calc-btn:hover{background:#e2e8f0;color:#1e293b}.calc-steps-content{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:15px;margin-top:10px;font-size:.9rem;box-shadow:0 4px 6px -1px #0000000d;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.calc-step-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed #f1f5f9}.calc-step-row:last-child{border-bottom:none;font-weight:700;color:#0f172a;padding-top:10px;margin-top:5px;border-top:2px solid #e2e8f0}.calc-step-formula{color:#64748b;font-family:SF Mono,monospace;font-size:.85rem}.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{background:#f8fafcb3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:16px 20px;margin-top:0;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;flex-grow:1;transition:all .2s ease}.molar-tips-header{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.molar-tips-header svg{color:#94a3b8}.molar-tips-apple .tips-item{display:block;padding:5px 0;font-size:.8rem;color:#64748b;line-height:1.5}.molar-tips-apple .tips-item:before{content:"";display:inline-block;width:5px;height:5px;background:#94a3b8;border-radius:50%;margin-right:8px;vertical-align:middle}.molar-tips-apple .tips-examples{margin-top:16px;padding:12px;background:#f8fafc;border-radius:12px}.molar-tips-apple .example-row{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:.8rem}.molar-tips-apple .example-row code{font-family:SF Mono,Monaco,monospace;font-size:.8rem;color:#475569;background:#fff;padding:3px 8px;border-radius:6px;border:1px solid #e2e8f0;min-width:90px}.molar-tips-apple .example-row span{color:#94a3b8}.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}.ions-table-page{z-index:50;overflow-x:hidden;overflow-y:auto;padding-top:0;padding-bottom:20px;align-items:flex-start}.ions-container{width:100%;max-width:1400px;display:block;overflow-x:hidden;overflow-y:visible;box-sizing:border-box;padding:90px 20px 0}.ions-table-shell{display:flex;flex-direction:column;gap:clamp(8px,2vh,20px);padding:10px 20px;width:100%;max-width:1400px;margin:0 auto;min-width:0!important;height:auto;overflow:visible;box-sizing:border-box}.ion-table-section{width:100%;min-width:0;margin-bottom:clamp(8px,2vh,20px)}.ion-table-heading{font-size:clamp(1rem,2vh,1.25rem);font-weight:800;color:#222;margin-bottom:clamp(6px,1vh,12px);border-bottom:2px solid #ddd;padding:8px 0 clamp(4px,.6vh,6px)}.ion-table-grid{display:flex;flex-wrap:wrap;gap:clamp(4px,1vh,8px);align-content:flex-start;width:100%;min-width:0}.ion-table-cell{flex-shrink:0;position:relative;--ion-symbol-scale: 1;width:clamp(52px,5.2vw,72px)}.ions-table-page .element{justify-content:center;align-items:center;gap:clamp(2px,2.4cqi,6px);padding:clamp(5px,5cqi,9px) clamp(4px,4cqi,7px);overflow:hidden;box-sizing:border-box}.ions-table-page .element .symbol{order:1;display:inline-flex;align-items:center;justify-content:center;font-size:calc(clamp(1.15rem,31cqi,2rem) * var(--ion-symbol-scale, 1));line-height:.95;letter-spacing:-.02em}.ions-table-page .element .name{order:2;display:block;overflow:hidden;white-space:nowrap;text-overflow:clip;width:100%;max-width:98%;min-height:0;flex-shrink:0;margin-top:0;font-size:clamp(.5rem,13.8cqi,1.06rem);line-height:1.12;letter-spacing:-.01em;text-align:center;opacity:.82}html[lang|=zh] .ions-table-page .element{gap:clamp(1px,1.8cqi,4px)}html[lang|=zh] .ions-table-page .element .symbol{font-size:calc(clamp(1.1rem,29.5cqi,1.94rem) * var(--ion-symbol-scale, 1));font-weight:700;opacity:1;letter-spacing:-.03em}html[lang|=zh] .ions-table-page .element .name{font-size:clamp(.75rem,16cqi,1.25rem);font-weight:700;line-height:1.05;letter-spacing:-.01em;opacity:.92;white-space:normal;display:flex;align-items:center;justify-content:center;text-align:center;min-height:2.1em;max-height:2.1em;overflow:hidden;word-break:break-all}html[lang|=zh] .ions-table-page .element .name.name-single{font-size:clamp(.95rem,21cqi,1.6rem)}html[lang|=zh] .ions-table-page .element .name.name-short{font-size:clamp(.85rem,19cqi,1.45rem)}.ion-table-cell.ion-long-formula .symbol{font-size:calc(clamp(.8rem,22cqi,1.4rem) * var(--ion-symbol-scale, 1))!important;letter-spacing:-.04em}.element.polyatomic-cation{background-color:#ffd9a3;color:#6b4312;border-color:#6b43121a}.element.polyatomic-anion{background-color:#cef;color:#1a4d6e;border-color:#1a4d6e1a}.ion-visual-pane{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;background:#fafaf9}.ion-visual-placeholder{z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:80%;text-align:center}.coming-soon-badge{font-size:.9rem;font-weight:800;letter-spacing:.2em;padding:8px 24px;background:#0000000d;border:1.5px solid rgba(0,0,0,.1);color:var(--text-primary);border-radius:50px;text-transform:uppercase;margin-bottom:8px}.ion-visual-hint{font-size:1.1rem;color:var(--text-secondary);line-height:1.5;font-weight:500}.headline-charge{font-size:1.8rem;font-weight:600;color:var(--text-secondary);opacity:.7;margin-top:4px}.ion-info-card{min-height:300px;display:flex;flex-direction:column;justify-content:center}.ion-formation-text{font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600;color:var(--text-primary);text-align:center;padding:12px;background:#fff6;border-radius:8px;margin-top:8px}.ions-table-page .element .symbol{display:inline-flex;align-items:center}.ions-table-page .element .symbol .symbol-base{display:inline}.ions-table-page .element .symbol .script-stack{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1;margin-left:2px;gap:1px}.ions-table-page .element .symbol .script-sup,.ions-table-page .element .symbol .script-sub,.ions-table-page .element .symbol .symbol-base sub,.ions-table-page .element .symbol sub,.ions-table-page .element .symbol sup,.ion-charge-sup{font-size:calc(18cqi * var(--ion-symbol-scale, 1));font-weight:600;color:inherit}.ions-table-page .element .symbol .symbol-base sub{vertical-align:baseline;position:relative;top:.4em}.ions-table-page .element .symbol>sub{vertical-align:baseline;position:relative;top:.4em}.ions-table-page .element .symbol .script-sup,.ions-table-page .element .symbol .script-sub{display:block;line-height:1}.ions-table-page .element .symbol .script-sub{position:relative;top:0}.ion-charge-sup{vertical-align:top;position:relative;top:-.5em;margin-left:2px}.ion-charge-corner{position:absolute;top:.4vmin;right:.4vmin;font-size:1.1vmin;font-weight:600;opacity:.7}#ions-table.periodic-table{display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-width:0!important;max-height:none!important;aspect-ratio:auto!important;height:auto!important;flex:none!important;width:100%!important}.ions-quick-access{background:#fbbf241f;border:1px solid rgba(251,191,36,.25);border-radius:10px;padding:6px 12px;transition:all .2s ease}.ions-quick-access:hover{background:#fbbf2433;border-color:#fbbf2466}.ions-quick-access .legend-swatch{width:14px;height:14px;border-radius:4px;background:linear-gradient(135deg,#fbbf24,#f59e0b);display:flex;align-items:center;justify-content:center}.ions-quick-access span{font-weight:500;font-size:clamp(11.5px,1.2vw,14px);color:#92400e}.ions-table-container{display:flex;flex-direction:column;height:100%;padding:16px;overflow:hidden}.ions-table-header{display:flex;justify-content:space-between;align-items:center;padding:0 8px 16px;border-bottom:1px solid var(--border-color);margin-bottom:16px}.ions-table-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.ions-table-legend{display:flex;gap:16px}.ions-legend-item{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary)}.ions-legend-swatch{width:16px;height:16px;border-radius:4px}.ions-legend-swatch.ion-cation{background:#fef3c7;border:1px solid #fde68a}.ions-legend-swatch.ion-anion{background:#dbeafe;border:1px solid #bfdbfe}.ions-table-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;flex:1;padding:8px}.ion-grid-spacer{height:8px}.ion-element{background-color:var(--element-bg);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4px;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);border-radius:10px;position:relative;-webkit-user-select:none;user-select:none;border:1px solid var(--border-color);min-height:50px}.ion-element:hover{background-color:var(--element-hover);transform:translateY(-4px) scale(1.08);z-index:100;box-shadow:0 15px 30px -5px #00000026;border-color:#0000001a}.ion-element.ion-cation{background-color:#fef3c7;border-color:#fde68a}.ion-element.ion-cation:hover{background-color:#fde68a}.ion-element.ion-anion{background-color:#dbeafe;border-color:#bfdbfe}.ion-element.ion-anion:hover{background-color:#bfdbfe}.ion-element.ion-polyatomic.ion-cation{background-color:#fef9c3;border-color:#fef08a}.ion-element.ion-polyatomic.ion-anion{background-color:#e0f2fe;border-color:#bae6fd}.ion-element .ion-charge{position:absolute;top:4px;left:6px;font-size:.65rem;font-weight:600;color:var(--text-secondary)}.ion-element.ion-cation .ion-charge{color:#92400e}.ion-element.ion-anion .ion-charge{color:#1e40af}.ion-element .ion-symbol{font-size:1.2rem;font-weight:700;color:var(--text-primary);line-height:1}.ion-element.ion-cation .ion-symbol{color:#78350f}.ion-element.ion-anion .ion-symbol{color:#1e3a8a}.ion-element .ion-name{font-size:.5rem;font-weight:500;color:var(--text-secondary);margin-top:2px;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ions-table-hint{text-align:center;color:var(--text-secondary);font-size:.8rem;margin:12px 0 0;padding-top:12px;border-top:1px solid var(--border-color)}.ion-detail-overlay{position:fixed;inset:0;background:#0009;display:none;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ion-detail-content{background:#fff;border-radius:20px;padding:32px;min-width:320px;max-width:400px;position:relative;box-shadow:0 25px 50px -12px #00000040;animation:ionModalFadeIn .3s ease}@keyframes ionModalFadeIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.ion-detail-content.ion-detail-cation{border-top:4px solid #f59e0b}.ion-detail-content.ion-detail-anion{border-top:4px solid #3b82f6}.ion-detail-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:1.8rem;color:var(--text-secondary);cursor:pointer;transition:color .2s;line-height:1}.ion-detail-close:hover{color:#ef4444}.ion-detail-header{text-align:center;padding:20px;background:linear-gradient(135deg,#fffc,#f9fafbcc);border-radius:12px;margin-bottom:20px}.ion-detail-cation .ion-detail-header{background:linear-gradient(135deg,#fef3c7,#fde68a)}.ion-detail-anion .ion-detail-header{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.ion-detail-charge{font-size:1rem;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.ion-detail-cation .ion-detail-charge{color:#92400e}.ion-detail-anion .ion-detail-charge{color:#1e40af}.ion-detail-symbol{font-size:3rem;font-weight:800;line-height:1;margin-bottom:8px}.ion-detail-cation .ion-detail-symbol{color:#78350f}.ion-detail-anion .ion-detail-symbol{color:#1e3a8a}.ion-detail-name{font-size:1.2rem;font-weight:600;color:var(--text-primary)}.ion-detail-info{display:flex;flex-direction:column;gap:12px}.ion-detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--background-color);border-radius:8px}.ion-detail-label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.ion-detail-value{font-size:.95rem;font-weight:600;color:var(--text-primary)}.ion-detail-hint{text-align:center;color:var(--text-secondary);font-size:.8rem;margin-top:20px;font-style:italic}.breakdown-table,.check-table{width:100%;border-collapse:collapse;margin-top:16px}.breakdown-table th,.check-table th{text-align:left;padding:14px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);border-bottom:2px solid var(--border-color);background:var(--element-bg)}.breakdown-table td,.check-table td{padding:14px;border-bottom:1px solid var(--border-color);font-size:1rem;color:var(--text-primary)}.breakdown-table .element-cell,.check-table .element-cell{font-weight:700;font-size:1.1rem}.breakdown-table .total-row td{background:var(--element-bg);border-top:2px solid var(--border-color);font-weight:700}.check-table .match-yes{color:#059669;font-weight:700}.check-table .match-no{color:#dc2626;font-weight:700}.balance-status{margin-top:16px;padding:12px 16px;border-radius:12px;font-size:1rem}.balance-status.balanced{background:#0596691a;border:1px solid rgba(5,150,105,.3);color:#047857}.balance-status.unbalanced{background:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#b91c1c}.percent-bars-container{display:flex;flex-direction:column;gap:12px;margin-top:12px}.percent-bar-row{display:flex;align-items:center;gap:12px}.bar-label{width:30px;font-weight:700;font-size:1.1rem;text-align:center;color:var(--text-primary)}.bar-track{flex:1;height:28px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.bar-fill{height:100%;border-radius:12px;transition:width .5s cubic-bezier(.25,.8,.25,1)}.bar-value{width:70px;text-align:right;font-weight:600;font-size:.95rem;color:var(--text-primary)}.formula-display{background:var(--element-bg);border:1px solid var(--border-color);border-radius:12px;padding:12px 16px;font-family:Courier New,monospace;font-size:1rem;font-weight:600;color:var(--text-primary);text-align:center}.note-text{font-size:.85rem;color:var(--text-muted);font-style:italic;margin-top:8px}.element-inputs-grid{display:flex;flex-direction:column;gap:12px;margin:16px 0}.element-inputs-grid .element-input-row{display:grid;grid-template-columns:140px 80px 1fr;gap:12px;align-items:center}.small-input{max-width:80px;text-transform:uppercase}.formula-result-row{display:flex;align-items:center;justify-content:center;gap:16px;margin:8px 0}.formula-label{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.formula-value{font-size:1.5rem;font-weight:800;color:var(--text-primary);font-family:Inter,sans-serif}.formula-value.highlight{color:var(--text-highlight);font-size:2rem}.error-message{background:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#b91c1c;padding:16px;border-radius:12px;font-weight:600;text-align:center}.element.polyatomic-cation:hover{background-color:#ffd18a!important;color:#52310b!important}.element.polyatomic-anion:hover{background-color:#b3e0ff!important;color:#123852!important}.ion-modal-content .modal-info-pane{display:flex;flex-direction:column;height:100%;padding-bottom:0;overflow:hidden}.ion-modal-content .level-header{flex-shrink:0}.ion-modal-content .simplified-element-box{flex:1;height:auto;min-height:0}.h-plus-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:16px;height:100%;width:100%;padding:8px;box-sizing:border-box}.visual-card{background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;border:1px solid rgba(255,255,255,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 12px #00000008}.visual-card:hover{transform:translateY(-2px);background:#fffc;box-shadow:0 8px 20px #0000000f}.card-label{font-size:.85rem;font-weight:600;color:#444;margin-top:10px;text-align:center;z-index:2}.card-title-sm{font-size:.7rem;text-transform:uppercase;font-weight:700;color:#888;margin-bottom:4px;letter-spacing:.05em;position:absolute;top:10px;left:12px}.beaker-wrapper{width:60px;height:70px;position:relative;display:flex;justify-content:center;align-items:flex-end}.beaker{width:40px;height:55px;border:3px solid #333;border-top:none;border-radius:0 0 8px 8px;position:relative;background:#ffffff4d;overflow:hidden}.beaker:before{content:"";position:absolute;top:-3px;left:-8px;width:12px;height:3px;background:#333;transform:rotate(-30deg)}.liquid{position:absolute;bottom:0;left:0;width:100%;height:60%;background:linear-gradient(to bottom,#ef4444,#991b1b);box-shadow:0 0 15px #ef444499;animation:liquidPulse 2s infinite ease-in-out}.liquid:after{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:#fff6}@keyframes liquidPulse{0%,to{box-shadow:0 0 10px #ef444466;height:60%}50%{box-shadow:0 0 25px #ef4444e6;height:62%}}.litmus-wrapper{cursor:pointer}.litmus-strip{width:60px;height:24px;background:#4cabeb;border-radius:2px;box-shadow:1px 1px 4px #0000001a;position:relative;transition:background-color .8s ease;display:flex;align-items:center;justify-content:center}.visual-card:hover .litmus-strip{background:#ef4444}.litmus-text{font-size:.6rem;color:#ffffffe6;font-weight:700}.bubble-container{width:60px;height:60px;position:relative;border-bottom:3px solid #ccc;cursor:pointer;overflow:hidden}.stone{width:40px;height:16px;background:#aaa;border-radius:50% 50% 4px 4px;position:absolute;bottom:0;left:10px}.bubble{width:8px;height:8px;background:#3b82f680;border:1px solid rgba(59,130,246,.8);border-radius:50%;position:absolute;bottom:16px;left:50%;opacity:0}.visual-card:hover .bubble:nth-child(1){animation:rise 1.5s infinite;animation-delay:0s;left:20px}.visual-card:hover .bubble:nth-child(2){animation:rise 1.8s infinite;animation-delay:.3s;left:35px}.visual-card:hover .bubble:nth-child(3){animation:rise 1.2s infinite;animation-delay:.6s;left:28px}@keyframes rise{0%{transform:translateY(0) scale(.8);opacity:0}20%{opacity:1}to{transform:translateY(-50px) scale(1.1);opacity:0}}.gauge-wrapper{width:80px;height:40px;position:relative;overflow:hidden}.gauge-bg{width:80px;height:80px;background:conic-gradient(from 270deg,#ef4444,#eab308,#22c55e 180deg);border-radius:50%;position:absolute;top:0;left:0;clip-path:polygon(0 0,100% 0,100% 50%,0 50%);transform:rotate(0)}.gauge-bg:after{content:"";position:absolute;top:15%;left:15%;width:70%;height:70%;background:#fffc;border-radius:50%}.gauge-needle{width:2px;height:35px;background:#333;position:absolute;bottom:0;left:50%;transform-origin:bottom center;transform:rotate(-85deg);z-index:5;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.gauge-hub{width:8px;height:8px;background:#333;border-radius:50%;position:absolute;bottom:-4px;left:calc(50% - 4px);z-index:6}.visual-card:hover .gauge-needle{animation:gaugeWobble .4s ease-in-out infinite alternate}@keyframes gaugeWobble{0%{transform:rotate(-88deg)}to{transform:rotate(-82deg)}}.h-plus-l2-container{display:flex;flex-direction:column;flex:1;height:100%;width:100%;padding:20px;box-sizing:border-box;gap:16px;color:#111827;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif}.h-plus-metrics-section{display:flex;flex-direction:column;gap:12px;background:#ffffff80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);border-radius:16px;padding:20px 24px;box-shadow:0 4px 15px #00000008;margin-bottom:4px}.h-plus-metric-row{display:flex;justify-content:space-between;align-items:center;padding:0;border-bottom:none}.h-plus-metric-row.highlight-row{background:#ef444414;border-radius:10px;padding:8px 12px;margin:4px -12px;border:1px solid rgba(239,68,68,.1)}.h-plus-metric-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;opacity:.6;font-weight:700;color:#4b5563}.h-plus-metric-value{font-size:1.1rem;font-weight:700;text-align:right;letter-spacing:-.01em;color:#1e293b}.h-plus-metric-value.highlight-value{color:#dc2626;font-size:1.2rem}.h-plus-metric-value.small-text{font-size:.9rem;font-weight:600;max-width:65%;text-align:right;white-space:nowrap;opacity:.9}.h-plus-visuals-section{display:grid;grid-template-columns:1fr 1fr;gap:16px;flex:1;min-height:0}.h-plus-visual-card{background:#ffffff80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;height:100%;width:100%;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1);cursor:pointer;box-shadow:0 4px 15px #00000008}.h-plus-visual-card:hover{transform:translateY(-4px);background:#fffc;box-shadow:0 12px 30px #00000014;border-color:#fffc}.visual-card-title{position:absolute;top:14px;left:0;width:100%;text-align:center;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#64748b;pointer-events:none}.visual-card-desc{position:absolute;bottom:12px;width:100%;text-align:center;font-size:.8rem;font-weight:600;color:#334155;transition:all .3s ease}.h-plus-visual-card:hover .visual-card-desc{color:#0f172a;transform:translateY(-2px)}.h-plus-visual-card .litmus-wrapper{margin-top:8px}.h-plus-visual-card .litmus-strip{width:60px;height:18px;background:#60a5fa;border-radius:4px;box-shadow:0 2px 5px #3b82f633;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all .4s ease}.h-plus-visual-card .litmus-text{font-size:.6rem;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.05em;z-index:2;opacity:.9}.h-plus-visual-card .litmus-strip:before{content:"";position:absolute;left:0;top:0;height:100%;width:0%;background:#ef4444;transition:width .5s cubic-bezier(.25,.8,.25,1);z-index:1}.h-plus-visual-card:hover .litmus-strip:before{width:100%}.h-plus-visual-card:hover .litmus-strip{box-shadow:0 4px 10px #ef44444d;transform:scale(1.05)}.h-plus-visual-card .bubble-container{width:48px;height:56px;margin-top:12px;position:relative;background:#e2e8f066;border:1.5px solid rgba(203,213,225,.6);border-top:none;border-radius:0 0 8px 8px;overflow:hidden}.h-plus-visual-card .stone{width:24px;height:8px;background:#94a3b8;border-radius:4px 4px 2px 2px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.h-plus-visual-card .bubble{width:6px;height:6px;background:#fff;border:1px solid #cbd5e1;border-radius:50%;position:absolute;bottom:12px;left:50%;opacity:0;z-index:5}@keyframes bubble-float{0%{opacity:0;transform:translate(-50%) scale(.5)}20%{opacity:.8;transform:translate(-50%,-4px) scale(1)}to{opacity:0;transform:translate(var(--dx, -50%),-35px) scale(.9)}}.h-plus-visual-card:hover .bubble:nth-child(1){--dx: -80%;animation:bubble-float 1.2s infinite}.h-plus-visual-card:hover .bubble:nth-child(2){--dx: -50%;animation:bubble-float 1.5s infinite .2s;width:4px;height:4px}.h-plus-visual-card:hover .bubble:nth-child(3){--dx: -20%;animation:bubble-float 1s infinite .4s;width:5px;height:5px}.flame-wrapper{width:60px;height:60px;display:flex;justify-content:center;align-items:flex-end;position:relative;padding-bottom:5px}.flame{width:30px;height:45px;border-radius:50% 50% 20% 20%;transform-origin:center bottom;animation:flicker 1s infinite alternate ease-in-out;filter:blur(8px);opacity:.9}@keyframes flicker{0%{transform:scale(1) skew(-2deg);opacity:.9}50%{transform:scale(1.05) skew(2deg);opacity:1}to{transform:scale(.95) skew(-1deg);opacity:.85}}.flame-crimson{background:radial-gradient(circle at 50% 80%,#fca5a5,#dc2626);box-shadow:0 0 20px #dc262699}.flame-orange{background:radial-gradient(circle at 50% 80%,#fdba74,#ea580c);box-shadow:0 0 20px #ea580c99}.flame-lilac{background:radial-gradient(circle at 50% 80%,#e9d5ff,#9333ea);box-shadow:0 0 20px #9333ea99}.battery-wrapper{width:60px;height:40px;position:relative;display:flex;align-items:center;justify-content:center}.battery-icon{width:40px;height:24px;border:2px solid #374151;border-radius:4px;position:relative;padding:2px}.battery-icon:after{content:"";position:absolute;right:-5px;top:6px;width:3px;height:8px;background:#374151;border-radius:0 2px 2px 0}.batt-charge{height:100%;width:100%;background:#10b981;border-radius:2px;animation:charge-pulse 2s infinite}.ion-flow{position:absolute;width:100%;height:100%}.ion-flow:before{content:"•";color:gold;font-size:20px;position:absolute;top:-10px;left:0;animation:flow-across 1.5s linear infinite}@keyframes charge-pulse{0%{width:20%;opacity:.5}to{width:100%;opacity:1}}@keyframes flow-across{0%{left:0;opacity:1}to{left:100%;opacity:0}}.solubility-wrapper{width:60px;height:50px;position:relative;display:flex;justify-content:center;align-items:flex-end}.water-beaker{width:40px;height:40px;border:2px solid rgba(59,130,246,.3);border-top:none;background:#3b82f61a;border-radius:0 0 8px 8px;position:relative;overflow:hidden}.salt-cube{width:12px;height:12px;background:#fff;border:1px solid #ddd;position:absolute;bottom:5px;left:50%;transform:translate(-50%);animation:dissolve 2s infinite forwards}.particles{position:absolute;width:100%;height:100%;top:0;left:0}.particles:before,.particles:after{content:"";position:absolute;width:4px;height:4px;background:#fffc;border-radius:50%;bottom:10px;left:50%;opacity:0;animation:particle-spread 2s infinite}.particles:after{animation-delay:.5s}@keyframes dissolve{0%{transform:translate(-50%) scale(1);opacity:1}80%{transform:translate(-50%) scale(.2);opacity:0}to{transform:translate(-50%) scale(0);opacity:0}}@keyframes particle-spread{0%{transform:translate(0);opacity:0}40%{opacity:1}to{transform:translate(var(--x, 10px),-20px);opacity:0}}.particles:before{--x: 10px}.particles:after{--x: -10px}.growth-wrapper{width:60px;height:60px;display:flex;align-items:flex-end;justify-content:center}.plant-stem{width:4px;background:#10b981;height:0;position:relative;border-radius:4px;animation:stem-grow 2s infinite ease-out}.plant-leaf{width:15px;height:15px;background:#10b981;border-radius:0 50%;position:absolute;top:0;right:-10px;transform:rotate(-10deg) scale(0);transform-origin:bottom left;animation:leaf-grow 2s infinite ease-out}@keyframes stem-grow{0%{height:0}50%{height:40px}to{height:40px}}@keyframes leaf-grow{0%,40%{transform:rotate(-10deg) scale(0)}80%{transform:rotate(-20deg) scale(1)}to{transform:rotate(-20deg) scale(1)}}.halide-wrapper{width:40px;height:60px;position:relative;margin:0 auto}.test-tube{width:20px;height:50px;border:2px solid rgba(100,116,139,.3);border-radius:0 0 10px 10px;background:#ffffff1a;position:relative;overflow:hidden;margin:0 auto}.ppt-cloud{width:100%;height:60%;background:#fff;filter:blur(4px);position:absolute;top:0;left:0;opacity:0;animation:precipitate 2s infinite}@keyframes precipitate{0%{opacity:0;transform:translateY(-10px)}40%{opacity:.8;transform:translateY(10px)}80%{opacity:1;transform:translateY(20px)}to{opacity:1;transform:translateY(20px)}}.photo-wrapper{width:50px;height:50px;position:relative;display:flex;align-items:center;justify-content:center}.film-strip{width:40px;height:30px;background:#e5e7eb;border:2px solid #9ca3af;position:relative;transition:background .3s;animation:darken-film 3s infinite}.film-strip:before,.film-strip:after{content:"";position:absolute;height:4px;width:100%;border-top:2px dashed #9ca3af;left:0}.film-strip:before{top:2px}.film-strip:after{bottom:2px;border-bottom:2px dashed #9ca3af;border-top:none}.sun-ray{position:absolute;top:-15px;right:-15px;width:20px;height:20px;background:#facc15;border-radius:50%;box-shadow:0 0 10px #facc15;animation:sun-shine 3s infinite}@keyframes darken-film{0%{background:#e5e7eb}50%{background:#9ca3af}to{background:#1f2937}}@keyframes sun-shine{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.bone-wrapper{width:60px;height:40px;position:relative;display:flex;justify-content:center;align-items:center}.bone-shape{width:40px;height:12px;background:#e2e8f0;position:relative;border-radius:4px}.bone-shape:before,.bone-shape:after{content:"";position:absolute;width:14px;height:14px;background:#e2e8f0;border-radius:50%;top:-1px}.bone-shape:before{left:-6px;box-shadow:0 10px #e2e8f0}.bone-lobes-left{position:absolute;left:-8px;top:-4px;width:14px;height:20px}.bone-lobes-left:before,.bone-lobes-left:after{content:"";position:absolute;width:12px;height:12px;background:#e2e8f0;border-radius:50%;left:0}.bone-lobes-left:before{top:0}.bone-lobes-left:after{bottom:-8px}.bone-lobes-right{position:absolute;right:-8px;top:-4px;width:14px;height:20px}.bone-lobes-right:before,.bone-lobes-right:after{content:"";position:absolute;width:12px;height:12px;background:#e2e8f0;border-radius:50%;right:0}.bone-lobes-right:before{top:0}.bone-lobes-right:after{bottom:-8px}.mineral-sparkle{position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:0 0 4px #fff;opacity:0;animation:sparkle 2s infinite}@keyframes sparkle{0%,to{transform:scale(0);opacity:0}50%{transform:scale(1);opacity:1}}.xray-wrapper{width:50px;height:60px;background:#1f2937;position:relative;overflow:hidden;border:2px solid #555}.rib-cage{position:absolute;top:10px;left:5px;right:5px;height:40px;border-left:2px solid #aaa;border-right:2px solid #aaa;display:flex;flex-direction:column;justify-content:space-evenly}.rib{width:100%;height:2px;background:#aaa;border-radius:2px}.xray-scan{position:absolute;top:-100%;left:0;width:100%;height:30%;background:linear-gradient(to bottom,transparent,rgba(34,197,94,.4),transparent);animation:xray-scan 3s infinite}@keyframes xray-scan{0%{top:-30%}to{top:130%}}.shield-wrapper{width:50px;height:60px;position:relative;display:flex;justify-content:center;align-items:center}.metal-plate{width:40px;height:40px;background:#94a3b8;position:relative;overflow:hidden;border-radius:4px}.rust-spot{position:absolute;width:10px;height:10px;background:#b91c1c;border-radius:50%;filter:blur(2px);top:50%;left:50%;transform:translate(-50%,-50%);opacity:1;animation:rust-heal 3s infinite}.zn-coating{position:absolute;top:0;left:0;width:100%;height:100%;background:#cbd5e199;opacity:0;animation:coating-appear 3s infinite}@keyframes rust-heal{0%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(.5);opacity:.5}90%{transform:translate(-50%,-50%) scale(0);opacity:0}to{transform:translate(-50%,-50%) scale(0);opacity:0}}@keyframes coating-appear{0%{opacity:0}40%{opacity:0}80%{opacity:.8}to{opacity:.8}}.pool-wrapper{width:60px;height:50px;background:#bfdbfe;position:relative;overflow:hidden;border-radius:0 0 8px 8px;border-top:2px solid #60a5fa}.germ{position:absolute;width:6px;height:6px;background:#047857;border-radius:50%;animation:germ-float 4s infinite linear}.shimmer{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.6),transparent);transform:skew(-20deg);animation:pool-shimmer 3s infinite}@keyframes germ-float{0%{transform:translate(0);opacity:1}50%{transform:translate(10px,-5px);opacity:.5}to{transform:translate(20px,10px);opacity:0}}@keyframes pool-shimmer{0%{left:-100%}to{left:200%}}.fire-wrapper{width:50px;height:60px;position:relative;display:flex;justify-content:center;align-items:flex-end}.small-flame{width:20px;height:30px;background:radial-gradient(#fcd34d,#ef4444);border-radius:50% 50% 20% 20%;position:absolute;bottom:5px;animation:flicker-die 3s infinite}.foam-spray{position:absolute;top:5px;left:50%;width:4px;height:0;background:#fff;transform:translate(-50%);animation:spray-down 3s infinite}.foam-pile{position:absolute;bottom:0;width:30px;height:10px;background:#fff;border-radius:10px 10px 0 0;opacity:0;transform:scale(0);animation:pile-up 3s infinite}@keyframes flicker-die{0%{transform:scale(1);opacity:1}40%{transform:scale(.8);opacity:.8}80%{transform:scale(.2);opacity:0}to{transform:scale(0);opacity:0}}@keyframes spray-down{0%{height:0;opacity:1}30%{height:40px;opacity:1}80%{height:40px;opacity:0}to{height:0;opacity:0}}@keyframes pile-up{0%{opacity:0;transform:scale(0)}40%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}.gland-wrapper{width:50px;height:50px;position:relative;display:flex;justify-content:center;align-items:center}.thyroid-shape{width:36px;height:20px;background:#f472b6;border-radius:20px;position:relative;animation:gland-pulse 3s infinite}.iodine-dot{position:absolute;width:4px;height:4px;background:#7e22ce;border-radius:50%;top:-10px;animation:absorb 3s infinite}.iodine-dot:nth-child(1){left:10%;animation-delay:0s}.iodine-dot:nth-child(2){left:50%;animation-delay:.5s}.iodine-dot:nth-child(3){right:10%;animation-delay:1s}@keyframes gland-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 0 10px #f472b680}}@keyframes absorb{0%{transform:translateY(0);opacity:1}50%{transform:translateY(15px);opacity:1}to{transform:translateY(15px);opacity:0}}.rust-wrapper{width:50px;height:50px;position:relative;display:flex;justify-content:center;align-items:center}.iron-bar{width:40px;height:12px;background:#64748b;border-radius:2px;position:relative;overflow:hidden}.rust-layer{position:absolute;top:0;left:0;width:0;height:100%;background:#b45309;animation:rust-spread 4s infinite linear}@keyframes rust-spread{0%{width:0}50%{width:100%}to{width:100%}}.gas-wrapper{width:50px;height:60px;position:relative;display:flex;justify-content:center;align-items:flex-end}.skull-icon{width:14px;height:12px;background:#4b5563;border-radius:6px 6px 4px 4px;position:absolute;bottom:5px;z-index:2}.skull-icon:before{content:"";position:absolute;bottom:-3px;left:4px;width:6px;height:4px;background:#4b5563;border-radius:2px}.skull-icon:after{content:"";position:absolute;top:4px;left:3px;width:3px;height:3px;background:#1f2937;border-radius:50%;box-shadow:5px 0 #1f2937}.gas-fume{position:absolute;bottom:0;width:10px;height:10px;background:#a3e635;border-radius:50%;filter:blur(4px);opacity:0;animation:fume-rise 2s infinite}.gas-fume:nth-child(1){left:30%;animation-delay:0s}.gas-fume:nth-child(2){left:50%;animation-delay:.5s}.gas-fume:nth-child(3){left:70%;animation-delay:1s}@keyframes fume-rise{0%{transform:translateY(0) scale(.5);opacity:0}20%{opacity:.6}to{transform:translateY(-40px) scale(2);opacity:0}}.led-wrapper{width:40px;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center}.led-bulb{width:20px;height:20px;background:#e5e7eb;border-radius:50% 50% 5px 5px;margin-bottom:2px;animation:led-blink 2s infinite}.led-legs{width:12px;height:12px;display:flex;justify-content:space-between}.leg{width:2px;height:100%;background:#9ca3af}@keyframes led-blink{0%,to{background:#e5e7eb;box-shadow:none}50%{background:#3b82f6;box-shadow:0 0 15px #3b82f6}}.chip-wrapper{width:50px;height:50px;display:flex;align-items:center;justify-content:center;position:relative}.chip-body{width:30px;height:30px;background:#1f2937;border:1px solid #4b5563;position:relative}.chip-legs{position:absolute;width:100%;height:100%;top:0;left:0}.chip-legs:before,.chip-legs:after{content:"";position:absolute;background:#9ca3af}.chip-legs:before{width:34px;height:20px;top:5px;left:-2px;z-index:-1;box-shadow:0 0 0 2px #1f2937}.data-flow{position:absolute;width:2px;height:2px;background:#22c55e;box-shadow:0 0 4px #22c55e;animation:data-zip 1s infinite linear}@keyframes data-zip{0%{top:2px;left:2px;opacity:1}25%{top:2px;left:26px}50%{top:26px;left:26px}75%{top:26px;left:2px}to{top:2px;left:2px;opacity:0}}.base-wrapper{width:40px;height:50px;border:2px solid rgba(139,92,246,.3);border-top:none;background:#8b5cf61a;border-radius:0 0 8px 8px;position:relative;overflow:hidden;margin:0 auto}.litmus-paper{width:8px;height:30px;background:#ef4444;position:absolute;left:50%;top:-10px;transform:translate(-50%);animation:turn-blue 3s infinite}@keyframes turn-blue{0%{background:#ef4444;top:-10px}40%{top:10px;background:#ef4444}60%{background:#3b82f6}80%{top:10px;background:#3b82f6}to{top:-10px;background:#3b82f6}}.tooth-wrapper{width:50px;height:50px;display:flex;justify-content:center;align-items:center;position:relative}.tooth-shape{width:24px;height:28px;background:#fff;border-radius:4px 4px 10px 10px;position:relative}.tooth-root{position:absolute;bottom:-8px;width:8px;height:12px;background:#fff;border-radius:0 0 50% 50%}.root-l{left:2px}.root-r{right:2px}.shield-glow{position:absolute;width:40px;height:44px;border:2px solid #3b82f6;border-radius:50%;opacity:0;animation:shield-pulse 3s infinite}@keyframes shield-pulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1);opacity:1}to{transform:scale(1.2);opacity:0}}.skull-icon{width:20px;height:14px;background:#4b5563;border-radius:6px 6px 4px 4px;position:absolute;bottom:5px;z-index:2;left:50%;transform:translate(-50%)}.skull-icon:before,.skull-icon:after{content:"";position:absolute;width:4px;height:4px;background:#1f2937;border-radius:50%;top:4px}.skull-icon:before{left:4px}.skull-icon:after{right:4px}.odor-wrapper{width:60px;height:60px;position:relative;display:flex;justify-content:center;align-items:flex-end}.egg-shape{width:30px;height:40px;background:#fef3c7;border-radius:50%/60% 60% 40% 40%;position:relative;border:1px solid #d1d5db}.egg-crack{position:absolute;top:15px;left:5px;width:20px;height:10px;border-top:2px solid #4b5563;border-radius:50%;transform:rotate(-10deg)}.egg-crack:before{content:"";position:absolute;top:-5px;left:5px;width:10px;height:10px;border-left:2px solid #4b5563;transform:rotate(45deg)}.stink-wave{position:absolute;width:2px;height:30px;background:#a3e635;border-radius:2px;opacity:0;animation:stink-rise 2s infinite ease-out}.s-left{left:10px;transform-origin:bottom;animation-delay:0s}.s-right{right:10px;transform-origin:bottom;animation-delay:.5s}@keyframes stink-rise{0%{transform:scaleY(.5) translate(0);opacity:0}50%{opacity:1}to{transform:scaleY(1.5) translate(10px);opacity:0}}.odor-wrapper{width:50px;height:60px;position:relative;display:flex;justify-content:center;align-items:flex-end;overflow:hidden}.odor-wave{position:absolute;width:2px;height:20px;background:#b4530966;border-radius:2px;bottom:-20px;animation:odor-waft 3s infinite ease-in-out}.odor-wave:nth-child(1){left:20%;animation-delay:0s}.odor-wave:nth-child(2){left:50%;animation-delay:1s}.odor-wave:nth-child(3){left:80%;animation-delay:.5s}@keyframes odor-waft{0%{transform:translateY(0) scaleY(.5) skew(0);opacity:0}50%{transform:translateY(-30px) scaleY(1.2) skew(10deg);opacity:.6}to{transform:translateY(-60px) scaleY(1.5) skew(-10deg);opacity:0}}.effervesce-wrapper{width:50px;height:60px;position:relative;border:2px solid rgba(0,0,0,.1);border-top:none;border-radius:0 0 10px 10px;background:#fff6;display:flex;justify-content:center;align-items:flex-end;overflow:hidden}.effervesce-bubble{position:absolute;background:#fffc;border-radius:50%;bottom:5px;animation:bubble-up-fast 1s infinite ease-in}@keyframes bubble-up-fast{0%{transform:translateY(0) scale(.5);opacity:0}50%{opacity:1}to{transform:translateY(-50px) scale(1.2);opacity:0}}.crystal-wrapper{width:60px;height:60px;position:relative;display:flex;justify-content:center;align-items:center}.crystal-core{width:6px;height:6px;background:#94a3b8;border-radius:50%;z-index:2;box-shadow:0 0 8px #fffc}.needle{position:absolute;width:4px;height:30px;background:#f8fafc;top:50%;left:50%;transform-origin:50% 50%;clip-path:polygon(50% 0%,100% 100%,0% 100%);filter:drop-shadow(0 0 4px rgba(255,255,255,.9));animation:needle-grow 2.5s infinite ease-out}@keyframes needle-grow{0%{transform:translate(-50%,-50%) rotate(var(--r)) translateY(-4px) scaleY(0);opacity:0}20%{opacity:1}50%{transform:translate(-50%,-50%) rotate(var(--r)) translateY(-15px) scaleY(1);opacity:1}to{transform:translate(-50%,-50%) rotate(var(--r)) translateY(-18px) scaleY(1.1);opacity:0}}.gate-wrapper{width:60px;height:50px;position:relative;display:flex;align-items:center;justify-content:center}.gate-post{width:4px;height:30px;background:#64748b;margin:0 10px}.gate-bar{position:absolute;width:30px;height:4px;background:#22c55e;left:15px;top:23px;transform-origin:left;animation:gate-open 2s infinite}@keyframes gate-open{0%,to{transform:rotate(0)}40%,60%{transform:rotate(-90deg)}}.meat-wrapper{width:50px;height:40px;background:#fda4af;border-radius:4px;position:relative;display:flex;align-items:center;justify-content:center;border:2px solid #f43f5e}.meat-shield{position:absolute;inset:-5px;border:2px dashed rgba(244,63,94,.4);border-radius:8px;animation:rotate 4s infinite linear}.bleach-wrapper{width:30px;height:50px;background:#818cf8;position:relative;overflow:hidden}.bleach-wave{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;transform:translateY(100%);animation:bleach-move 3s infinite}@keyframes bleach-move{0%{transform:translateY(100%)}50%,to{transform:translateY(0)}}.dna-wrapper{width:40px;height:60px;position:relative;display:flex;justify-content:space-around}.dna-strand{width:6px;height:6px;border-radius:50%;background:#3b82f6;animation:dna-spin 2s infinite ease-in-out}@keyframes dna-spin{0%,to{transform:translateY(0) scale(1);z-index:1}50%{transform:translateY(50px) scale(.6);z-index:0;opacity:.5}}.firework-wrapper{width:50px;height:50px;position:relative}.spark{position:absolute;width:4px;height:4px;background:#fbbf24;border-radius:50%;top:50%;left:50%;animation:spark-burst 1.5s infinite}@keyframes spark-burst{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(calc(var(--dx) * 25px),calc(var(--dy) * 25px)) scale(0);opacity:0}}.shirt-wrapper{width:50px;height:50px;position:relative;display:flex;justify-content:center}.shirt-body{width:40px;height:45px;background:#fff;border:1px solid #e2e8f0;clip-path:polygon(20% 0,80% 0,100% 20%,100% 100%,0 100%,0 20%)}.stain{position:absolute;width:15px;height:12px;background:#78350f;border-radius:40% 60% 50% 40%;top:20px;animation:fade-out 3s infinite}@keyframes fade-out{0%{opacity:.8}40%,to{opacity:0}}.rocket-wrapper{width:40px;height:60px;position:relative;display:flex;flex-direction:column;align-items:center;animation:shake .2s infinite}.rocket-head{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:15px solid #ef4444}.rocket-body{width:20px;height:30px;background:#f1f5f9;border:1px solid #cbd5e1}.rocket-flame{width:10px;height:20px;background:linear-gradient(#fbbf24,transparent);animation:flame-pulse .1s infinite}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-1px)}75%{transform:translate(1px)}}@keyframes flame-pulse{0%,to{height:15px;opacity:.8}50%{height:25px;opacity:1}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.binding-wrapper{width:50px;height:50px;position:relative;display:flex;align-items:center;justify-content:center}.binding-center{width:20px;height:20px;background:#94a3b8;border-radius:4px;position:relative;z-index:2}.metal-dot{position:absolute;width:8px;height:8px;background:#fbbf24;border-radius:50%;animation:bind-metal 2s infinite ease-in-out}.metal-dot:nth-child(2){animation-delay:1s}@keyframes bind-metal{0%{transform:scale(1) translate(25px);opacity:0}30%{opacity:1}to{transform:scale(.5) translate(0);opacity:0}}.geometry-wrapper{width:50px;height:40px;position:relative;display:flex;justify-content:center}.atom-central{width:12px;height:12px;background:#3b82f6;border-radius:50%;position:absolute;top:5px}.atom-side{width:10px;height:10px;background:#ef4444;border-radius:50%;position:absolute;animation:bent-slide 2s infinite ease-in-out}.side-l{top:25px;left:10px}.side-r{top:25px;right:10px}@keyframes bent-slide{0%,to{transform:scale(1)}50%{transform:translateY(-5px) scale(1.1)}}.wilting-wrapper{width:40px;height:50px;position:relative;display:flex;flex-direction:column;align-items:center}.wilting-stem{width:4px;height:30px;background:#065f46;transform-origin:bottom;animation:droop 3s infinite}.wilting-leaf{width:20px;height:12px;background:#059669;border-radius:50% 50% 0;position:absolute;top:5px;left:-15px;transform-origin:right bottom;animation:leaf-brown 3s infinite}@keyframes droop{0%,20%{transform:rotate(0);background:#065f46}80%,to{transform:rotate(45deg);background:#78350f}}@keyframes leaf-brown{0%,20%{background:#059669;transform:rotate(0)}80%,to{background:#78350f;transform:rotate(30deg)}}.planet-wrapper{width:50px;height:50px;position:relative;display:flex;justify-content:center;align-items:center}.planet-mars{width:34px;height:34px;background:radial-gradient(circle at 30% 30%,#fca5a1,#991b1b);border-radius:50%;position:relative;box-shadow:inset -5px -5px 10px #00000080}.crater{position:absolute;background:#0003;border-radius:50%;width:6px;height:4px}.planet-scanner{position:absolute;width:40px;height:2px;background:#22c55e99;box-shadow:0 0 8px #22c55e;top:10px;animation:scan-vertical 2s infinite ease-in-out}@keyframes scan-vertical{0%,to{transform:translateY(0);opacity:.2}50%{transform:translateY(30px);opacity:1}}.pulse-circle{width:20px;height:20px;background:#3b82f680;border-radius:50%;animation:pulse-grow 2s infinite}@keyframes pulse-grow{0%{transform:scale(.5);opacity:1}to{transform:scale(2);opacity:0}}.star-glow{width:10px;height:10px;background:#fbbf24;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:star-spin 4s infinite linear}@keyframes star-spin{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1.2)}}.colorless-wrapper{width:50px;height:50px;position:relative;display:flex;justify-content:center;align-items:center}.clear-drop{width:30px;height:30px;background:radial-gradient(circle at 30% 30%,#ffffffe6,#c8dcf04d);border-radius:50%;border:2px solid rgba(150,180,200,.4);position:relative;animation:water-shimmer 2s infinite ease-in-out}.ripple-ring{position:absolute;width:100%;height:100%;border:2px solid rgba(100,150,200,.3);border-radius:50%;animation:ripple-expand 2s infinite ease-out}.ripple-ring:nth-child(2){animation-delay:.5s}.ripple-ring:nth-child(3){animation-delay:1s}@keyframes water-shimmer{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}@keyframes ripple-expand{0%{transform:scale(1);opacity:.6}to{transform:scale(2);opacity:0}}.disproportion-wrapper{width:60px;height:50px;position:relative;display:flex;justify-content:center;align-items:center}.center-ion{width:16px;height:16px;background:linear-gradient(135deg,#b87333,#cd7f32);border-radius:50%;position:absolute;animation:split-center 3s infinite}.split-left{width:12px;height:12px;background:linear-gradient(135deg,#0ea5e9,#3b82f6);border-radius:50%;position:absolute;left:8px;opacity:0;animation:split-fly-left 3s infinite}.split-right{width:12px;height:12px;background:linear-gradient(135deg,#b87333,#8b5a00);border-radius:50%;position:absolute;right:8px;opacity:0;animation:split-fly-right 3s infinite}@keyframes split-center{0%,30%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:1}70%,to{transform:scale(0);opacity:0}}@keyframes split-fly-left{0%,50%{transform:translate(15px);opacity:0}70%{transform:translate(0);opacity:1}to{transform:translate(-5px);opacity:.8}}@keyframes split-fly-right{0%,50%{transform:translate(-15px);opacity:0}70%{transform:translate(0);opacity:1}to{transform:translate(5px);opacity:.8}}.blue-solution-wrapper{width:45px;height:50px;position:relative;display:flex;justify-content:center;align-items:flex-end}.blue-beaker{width:35px;height:40px;background:linear-gradient(180deg,#3b82f633,#0ea5e9cc);border:2px solid rgba(59,130,246,.5);border-radius:0 0 8px 8px;position:relative;overflow:hidden}.blue-liquid{position:absolute;bottom:0;width:100%;height:70%;background:linear-gradient(180deg,#38bdf8,#0284c7);animation:liquid-wave 2s infinite ease-in-out}.blue-bubble{position:absolute;width:4px;height:4px;background:#fff9;border-radius:50%;animation:bubble-rise-blue 2s infinite}.blue-bubble:nth-child(1){left:20%;animation-delay:0s}.blue-bubble:nth-child(2){left:50%;animation-delay:.5s}.blue-bubble:nth-child(3){left:75%;animation-delay:1s}@keyframes liquid-wave{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes bubble-rise-blue{0%{bottom:5px;opacity:1}to{bottom:35px;opacity:0}}.hemoglobin-wrapper{width:55px;height:55px;position:relative;display:flex;justify-content:center;align-items:center}.red-cell{width:40px;height:40px;background:radial-gradient(circle at 50% 50%,#fecaca,#ef4444);border-radius:50%;position:relative;animation:cell-pulse 2s infinite;box-shadow:inset 0 0 15px #b91c1c80}.red-cell:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:15px;height:15px;background:#7f1d1d66;border-radius:50%}.oxygen-dot{position:absolute;width:8px;height:8px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;animation:oxygen-bind 3s infinite}.oxygen-dot:nth-child(1){top:0;left:50%;transform:translate(-50%);animation-delay:0s}.oxygen-dot:nth-child(2){top:50%;right:0;transform:translateY(-50%);animation-delay:.5s}.oxygen-dot:nth-child(3){bottom:0;left:50%;transform:translate(-50%);animation-delay:1s}.oxygen-dot:nth-child(4){top:50%;left:0;transform:translateY(-50%);animation-delay:1.5s}@keyframes cell-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes oxygen-bind{0%,20%{opacity:0;transform:translate(-50%,-50%) scale(.5)}40%,80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.5)}}.golden-rain-wrapper{width:50px;height:55px;position:relative;overflow:hidden}.gold-drop{position:absolute;width:6px;height:10px;background:linear-gradient(180deg,#fbbf24,#f59e0b);border-radius:50%/60% 60% 40% 40%;animation:gold-fall 2s infinite;box-shadow:0 2px 4px #f59e0b80}.gold-drop:nth-child(1){left:10%;animation-delay:0s}.gold-drop:nth-child(2){left:30%;animation-delay:.3s}.gold-drop:nth-child(3){left:50%;animation-delay:.6s}.gold-drop:nth-child(4){left:70%;animation-delay:.9s}.gold-drop:nth-child(5){left:85%;animation-delay:.2s}.gold-pile{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:12px;background:linear-gradient(180deg,#f59e0b,#d97706);border-radius:50% 50% 0 0;animation:pile-glow 2s infinite}@keyframes gold-fall{0%{top:-10px;opacity:1}80%{opacity:1}to{top:45px;opacity:0}}@keyframes pile-glow{0%,to{box-shadow:0 0 5px #fbbf2480}50%{box-shadow:0 0 15px #fbbf24cc}}.deep-purple-wrapper{width:50px;height:50px;position:relative;display:flex;justify-content:center;align-items:center}.purple-core{width:30px;height:30px;background:radial-gradient(circle at 30% 30%,#a855f7,#6b21a8);border-radius:50%;animation:purple-pulse 2s infinite;box-shadow:0 0 20px #9333ea99}.purple-wave{position:absolute;width:40px;height:40px;border:3px solid rgba(147,51,234,.4);border-radius:50%;animation:purple-spread 2s infinite}.purple-wave:nth-child(2){animation-delay:.5s}.purple-wave:nth-child(3){animation-delay:1s}@keyframes purple-pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.1);filter:brightness(1.2)}}@keyframes purple-spread{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.8);opacity:0}}.oxidizer-wrapper{width:50px;height:55px;position:relative;display:flex;justify-content:center;align-items:flex-end}.oxidizer-base{width:20px;height:5px;background:#374151;border-radius:2px;position:relative}.oxidizer-flame{position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:30px solid #f97316;filter:blur(1px);animation:flame-dance .3s infinite alternate}.oxidizer-flame:before{content:"";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:20px solid #fbbf24}.spark{position:absolute;width:3px;height:3px;background:#fef08a;border-radius:50%;animation:spark-fly 1s infinite}.spark:nth-child(1){left:30%;animation-delay:0s}.spark:nth-child(2){left:50%;animation-delay:.3s}.spark:nth-child(3){left:70%;animation-delay:.6s}@keyframes flame-dance{0%{transform:translate(-50%) scaleY(1) scaleX(1)}to{transform:translate(-50%) scaleY(1.1) scaleX(.9)}}@keyframes spark-fly{0%{bottom:10px;opacity:1}to{bottom:50px;opacity:0;transform:translate(10px)}}.pigment-wrapper{width:50px;height:50px;position:relative;display:flex;justify-content:center;align-items:center}.paint-blob{width:35px;height:30px;background:linear-gradient(135deg,#fef08a,#facc15,#eab308);border-radius:60% 40% 50% 50%/50%;animation:blob-morph 4s infinite;box-shadow:2px 3px 8px #eab30866}.paint-drip{position:absolute;bottom:5px;width:6px;height:12px;background:linear-gradient(180deg,#facc15,#ca8a04);border-radius:50%/30% 30% 70% 70%;animation:drip-fall 3s infinite}@keyframes blob-morph{0%,to{border-radius:60% 40% 50% 50%/50%}25%{border-radius:50% 60% 40% 50%/40% 60% 50% 50%}50%{border-radius:40% 50% 60%/50% 40% 60% 50%}75%{border-radius:50% 40% 50% 60%/60% 50% 40%}}@keyframes drip-fall{0%,50%{transform:translateY(0);opacity:0}60%{transform:translateY(0);opacity:1}to{transform:translateY(10px);opacity:0}}.ph-shift-wrapper{width:50px;height:45px;position:relative;display:flex;justify-content:center;align-items:center}.ph-tube{width:20px;height:40px;background:linear-gradient(180deg,transparent 0%,transparent 20%,var(--ph-color, #facc15) 20%);border:2px solid #9ca3af;border-radius:0 0 10px 10px;position:relative;animation:ph-change 4s infinite}@keyframes ph-change{0%,25%{--ph-color: #facc15}50%,75%{--ph-color: #f97316}to{--ph-color: #facc15}}.acid-drop{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:6px;height:8px;background:#ef4444;border-radius:50%/30% 30% 70% 70%;animation:acid-drip 4s infinite}@keyframes acid-drip{0%,40%{top:-8px;opacity:1}50%{top:5px;opacity:0}to{top:-8px;opacity:0}}.volcano-wrapper{width:55px;height:55px;position:relative;display:flex;justify-content:center;align-items:flex-end}.volcano-cone{width:40px;height:35px;background:linear-gradient(180deg,#f97316,#78350f 60%);clip-path:polygon(50% 0%,0% 100%,100% 100%);position:relative}.volcano-ash{position:absolute;width:8px;height:8px;background:#166534;border-radius:50%;animation:ash-erupt 2s infinite}.volcano-ash:nth-child(1){left:40%;animation-delay:0s}.volcano-ash:nth-child(2){left:55%;animation-delay:.3s}.volcano-ash:nth-child(3){left:45%;animation-delay:.6s}.volcano-smoke{position:absolute;top:0;left:50%;transform:translate(-50%);width:15px;height:15px;background:#16653499;border-radius:50%;animation:smoke-rise 2s infinite}@keyframes ash-erupt{0%{top:5px;opacity:1;transform:translate(0)}to{top:-25px;opacity:0;transform:translate(var(--ash-x, 10px))}}.volcano-ash:nth-child(1){--ash-x: -15px}.volcano-ash:nth-child(2){--ash-x: 15px}.volcano-ash:nth-child(3){--ash-x: 5px}@keyframes smoke-rise{0%{top:5px;opacity:.8;transform:translate(-50%) scale(.5)}to{top:-20px;opacity:0;transform:translate(-50%) scale(1.5)}}.titration-wrapper{width:50px;height:55px;position:relative;display:flex;flex-direction:column;align-items:center}.burette-tip{width:4px;height:10px;background:#6b7280;position:relative}.titrant-drop{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:5px;height:6px;background:#22c55e;border-radius:50%;animation:titrant-fall 2s infinite}.flask-body{width:30px;height:25px;background:linear-gradient(180deg,transparent 0%,transparent 30%);border:2px solid #9ca3af;border-radius:0 0 15px 15px;margin-top:5px;overflow:hidden;position:relative}.flask-liquid{position:absolute;bottom:0;width:100%;height:70%;animation:color-transition 4s infinite}@keyframes titrant-fall{0%,80%{bottom:-5px;opacity:1}90%{bottom:-20px;opacity:1}to{bottom:-20px;opacity:0}}@keyframes color-transition{0%,30%{background:linear-gradient(180deg,#fb923c,#ea580c)}50%,80%{background:linear-gradient(180deg,#4ade80,#16a34a)}to{background:linear-gradient(180deg,#fb923c,#ea580c)}}.ammonia-wrapper{width:50px;height:50px;position:relative;display:flex;justify-content:center;align-items:center}.nose-icon{width:20px;height:25px;background:#fcd34d;border-radius:50% 50% 40% 40%;position:relative}.ammonia-wave{position:absolute;width:30px;height:8px;border:2px solid rgba(34,197,94,.5);border-radius:50%;animation:wave-approach 2s infinite}.ammonia-wave:nth-child(1){right:-25px;animation-delay:0s}.ammonia-wave:nth-child(2){right:-35px;animation-delay:.4s}.ammonia-wave:nth-child(3){right:-45px;animation-delay:.8s}@keyframes wave-approach{0%{opacity:0;transform:translate(20px)}50%{opacity:1}to{opacity:0;transform:translate(-10px)}}.soap-wrapper{width:50px;height:50px;position:relative;display:flex;justify-content:center;align-items:center}.soap-bar{width:30px;height:20px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:4px;position:relative;animation:soap-slide 3s infinite;box-shadow:2px 2px 5px #0000001a}.soap-bubble{position:absolute;background:radial-gradient(circle at 30% 30%,#fffc,#c8dcff4d);border-radius:50%;animation:bubble-pop 2s infinite}.soap-bubble:nth-child(1){width:8px;height:8px;top:-10px;left:5px;animation-delay:0s}.soap-bubble:nth-child(2){width:6px;height:6px;top:-8px;right:5px;animation-delay:.5s}.soap-bubble:nth-child(3){width:5px;height:5px;top:-12px;left:15px;animation-delay:1s}@keyframes soap-slide{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(5px) rotate(5deg)}}@keyframes bubble-pop{0%,70%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.buffer-wrapper{width:50px;height:50px;position:relative;display:flex;justify-content:center;align-items:center}.balance-beam{width:40px;height:4px;background:#6b7280;border-radius:2px;animation:balance-tilt 3s infinite ease-in-out;transform-origin:center}.balance-ball{position:absolute;width:10px;height:10px;border-radius:50%;top:-8px}.ball-acid{left:5px;background:linear-gradient(135deg,#ef4444,#dc2626)}.ball-base{right:5px;background:linear-gradient(135deg,#3b82f6,#2563eb)}.pivot-point{position:absolute;bottom:-8px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid #374151}@keyframes balance-tilt{0%,to{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}.hot-ice-wrapper{width:50px;height:50px;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.crystal-seed{width:8px;height:8px;background:#e5e7eb;transform:rotate(45deg);position:absolute;animation:crystal-grow 3s infinite}.crystal-branch{position:absolute;width:3px;height:0;background:linear-gradient(180deg,#f3f4f6,#d1d5db);animation:branch-grow 3s infinite}.crystal-branch:nth-child(1){transform:rotate(0);animation-delay:.2s}.crystal-branch:nth-child(2){transform:rotate(60deg);animation-delay:.4s}.crystal-branch:nth-child(3){transform:rotate(120deg);animation-delay:.6s}.crystal-branch:nth-child(4){transform:rotate(180deg);animation-delay:.8s}.crystal-branch:nth-child(5){transform:rotate(240deg);animation-delay:1s}.crystal-branch:nth-child(6){transform:rotate(300deg);animation-delay:1.2s}.heat-wave{position:absolute;width:100%;height:100%;border:2px solid rgba(239,68,68,.3);border-radius:50%;animation:heat-pulse 1.5s infinite}@keyframes crystal-grow{0%{transform:rotate(45deg) scale(.5)}50%{transform:rotate(45deg) scale(1.5)}to{transform:rotate(45deg) scale(.5)}}@keyframes branch-grow{0%,20%{height:0}60%{height:18px}to{height:0}}@keyframes heat-pulse{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:0}to{transform:scale(.8);opacity:.5}}.cyanide-wrapper{width:50px;height:50px;position:relative;display:flex;justify-content:center;align-items:center}.skull-shape{width:28px;height:30px;background:#fef3c7;border-radius:50% 50% 40% 40%;position:relative;animation:skull-throb 2s infinite}.skull-shape:before,.skull-shape:after{content:"";position:absolute;width:8px;height:10px;background:#1f2937;border-radius:50%;top:10px}.skull-shape:before{left:5px}.skull-shape:after{right:5px}.crossbones{position:absolute;bottom:2px;width:35px;height:8px}.bone{position:absolute;width:30px;height:4px;background:#fef3c7;border-radius:4px;top:50%;left:50%}.bone:first-child{transform:translate(-50%,-50%) rotate(45deg)}.bone:last-child{transform:translate(-50%,-50%) rotate(-45deg)}.danger-pulse{position:absolute;width:45px;height:45px;border:3px solid rgba(239,68,68,.5);border-radius:50%;animation:danger-ring 1.5s infinite}@keyframes skull-throb{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes danger-ring{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.5);opacity:0}}.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:300px 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;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}.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}.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}.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:-.02em}.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}.field-label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.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}.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:12px;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}.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:8px;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}.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:12px;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}.preview-summary-icon{color:#64748b;width:16px;height:16px}@media(max-height:800px){.controls-header p{font-size:.75rem;line-height:1.2;margin-bottom:0}.trust-text{font-size:.7rem;margin-top:6px;line-height:1.2}.checkbox-subtitle{font-size:.65rem;line-height:1.1}.worksheet-controls{gap:6px}}@media(max-height:680px){.controls-header p,.trust-text,.checkbox-subtitle{display:none}.checkbox-text-wrapper{justify-content:center}}@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}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.ion-anim *,.ion-anim *:before,.ion-anim *:after{animation-play-state:var(--ion-anim-play-state, running)!important}.ion-anim{width:80px;height:80px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:16px;transition:all .3s ease}.ion-anim:hover{transform:scale(1.05)}.ion-anim-ph{flex-direction:column;gap:4px;overflow:hidden}.ph-bar{width:64px;height:12px;background:linear-gradient(90deg,#ef4444,#f97316,#eab308,#84cc16,#22c55e);border-radius:6px;position:relative;box-shadow:inset 0 2px 4px #0003,0 1px 2px #0000001a;overflow:hidden}.ph-bar:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:phShine 4.5s ease-in-out infinite}@keyframes phShine{0%{left:-100%}to{left:100%}}.ph-pointer{width:6px;height:16px;background:linear-gradient(180deg,#1e293b,#475569);border-radius:3px;position:absolute;top:-2px;left:var(--ph-pos, 10%);box-shadow:0 2px 4px #0000004d;animation:phPointerMove 6s ease-in-out infinite}@keyframes phPointerMove{0%,to{left:var(--ph-pos, 10%)}50%{left:var(--ph-hover, 80%)}}.ph-drops{position:absolute;width:100%;height:100%}.ph-drop{position:absolute;width:4px;height:4px;border-radius:50%;top:-10px;animation:phDropFall 3.5s ease-in infinite}.ph-drop:nth-child(1){left:20%;background:#ef4444}.ph-drop:nth-child(2){left:50%;background:#eab308;animation-delay:1.2s}.ph-drop:nth-child(3){left:80%;background:#22c55e;animation-delay:1s}@keyframes phDropFall{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}.ph-label{font-size:.6rem;font-weight:700;color:#64748b}.ion-anim-bubble{overflow:hidden;background:#3b82f614}.bubble-rise{width:12px;height:12px;background:#3b82f6b3;border:2px solid rgba(59,130,246,.9);border-radius:50%;position:absolute;bottom:10px;opacity:0}.bubble-rise:nth-child(1){left:20%;width:9px;height:9px}.bubble-rise:nth-child(2){left:50%}.bubble-rise:nth-child(3){left:75%;width:7px;height:7px}.ion-anim-bubble .bubble-rise{animation:bubbleUp 6s ease-out infinite}.ion-anim-bubble .bubble-rise:nth-child(2){animation-delay:1.2s}.ion-anim-bubble .bubble-rise:nth-child(3){animation-delay:1s}@keyframes bubbleUp{0%{opacity:0;transform:translateY(0) scale(.6)}20%{opacity:1}to{opacity:0;transform:translateY(-40px) scale(1)}}.ion-anim-flame{align-items:flex-end;padding-bottom:6px}.flame-shape{width:28px;height:44px;background:var(--flame-color, radial-gradient(ellipse at 50% 100%, #fcd34d, #f97316));border-radius:50%/60% 60% 40% 40%;filter:blur(2px);animation:flameFlicker 4.5s ease-in-out infinite alternate;box-shadow:0 0 16px var(--flame-glow, rgba(249, 115, 22, .5))}@keyframes flameFlicker{0%{transform:scaleY(1) scaleX(1);opacity:.9}to{transform:scaleY(1.1) scaleX(.95);opacity:1}}.flame-orange{--flame-color: radial-gradient(ellipse at 50% 100%, #fcd34d, #f97316);--flame-glow: rgba(249, 115, 22, .5)}.flame-red{--flame-color: radial-gradient(ellipse at 50% 100%, #fca5a5, #dc2626);--flame-glow: rgba(220, 38, 38, .5)}.flame-violet{--flame-color: radial-gradient(ellipse at 50% 100%, #e9d5ff, #9333ea);--flame-glow: rgba(147, 51, 234, .5)}.flame-green{--flame-color: radial-gradient(ellipse at 50% 100%, #bbf7d0, #22c55e);--flame-glow: rgba(34, 197, 94, .5)}.flame-blue{--flame-color: radial-gradient(ellipse at 50% 100%, #bfdbfe, #3b82f6);--flame-glow: rgba(59, 130, 246, .5)}.flame-white{--flame-color: radial-gradient(ellipse at 50% 100%, #ffffff, #e2e8f0);--flame-glow: rgba(255, 255, 255, .6)}.ion-anim-dissolve{background:linear-gradient(180deg,#3b82f608,#3b82f61f);overflow:hidden}.dissolve-cube{width:24px;height:24px;background:linear-gradient(135deg,#94a3b8,#64748b);border:2px solid #475569;border-radius:4px;animation:dissolvePulse 5s ease-in-out infinite;box-shadow:0 2px 6px #0003;position:relative;z-index:2}.dissolve-cube:before{content:"";position:absolute;top:2px;left:2px;width:6px;height:6px;background:#fff6;border-radius:2px}@keyframes dissolvePulse{0%,to{transform:scale(1) rotate(0);opacity:1}25%{transform:scale(.9) rotate(2deg)}50%{transform:scale(.7) rotate(-2deg);opacity:.6}75%{transform:scale(.85) rotate(1deg)}}.dissolve-particle{position:absolute;width:5px;height:5px;background:#64748b;border-radius:50%;opacity:0}.dissolve-particle:nth-child(1){animation:particleSpread1 4s ease-out infinite}.dissolve-particle:nth-child(2){animation:particleSpread2 4s ease-out .15s infinite}.dissolve-particle:nth-child(3){animation:particleSpread3 4s ease-out .3s infinite}.dissolve-particle:nth-child(4){animation:particleSpread4 4s ease-out .45s infinite}.dissolve-particle:nth-child(5){animation:particleSpread5 4s ease-out .6s infinite}.dissolve-particle:nth-child(6){animation:particleSpread6 4s ease-out .75s infinite}.dissolve-particle:nth-child(7){animation:particleSpread7 4s ease-out .9s infinite}.dissolve-particle:nth-child(8){animation:particleSpread8 4s ease-out 1.05s infinite}@keyframes particleSpread1{0%{top:50%;left:50%;opacity:0;transform:scale(.5)}20%{opacity:1}to{top:15%;left:20%;opacity:0;transform:scale(1)}}@keyframes particleSpread2{0%{top:50%;left:50%;opacity:0;transform:scale(.5)}20%{opacity:1}to{top:10%;left:50%;opacity:0;transform:scale(1)}}@keyframes particleSpread3{0%{top:50%;left:50%;opacity:0;transform:scale(.5)}20%{opacity:1}to{top:15%;left:80%;opacity:0;transform:scale(1)}}@keyframes particleSpread4{0%{top:50%;left:50%;opacity:0;transform:scale(.5)}20%{opacity:1}to{top:50%;left:10%;opacity:0;transform:scale(1)}}@keyframes particleSpread5{0%{top:50%;left:50%;opacity:0;transform:scale(.5)}20%{opacity:1}to{top:50%;left:90%;opacity:0;transform:scale(1)}}@keyframes particleSpread6{0%{top:50%;left:50%;opacity:0;transform:scale(.5)}20%{opacity:1}to{top:85%;left:25%;opacity:0;transform:scale(1)}}@keyframes particleSpread7{0%{top:50%;left:50%;opacity:0;transform:scale(.5)}20%{opacity:1}to{top:90%;left:55%;opacity:0;transform:scale(1)}}@keyframes particleSpread8{0%{top:50%;left:50%;opacity:0;transform:scale(.5)}20%{opacity:1}to{top:80%;left:80%;opacity:0;transform:scale(1)}}.dissolve-ripple{position:absolute;width:20px;height:20px;border:2px solid rgba(100,116,139,.5);border-radius:50%;animation:dissolveRipple 4.5s ease-out infinite}.dissolve-ripple:nth-child(10){animation-delay:.7s}@keyframes dissolveRipple{0%{width:20px;height:20px;opacity:.8}to{width:70px;height:70px;opacity:0}}.ion-anim-orb{background:transparent;overflow:visible}.color-orb{width:46px;height:46px;background:var(--orb-color, #3b82f6);border-radius:50%;box-shadow:0 0 0 5px #ffffff4d,0 0 30px var(--orb-glow, rgba(59, 130, 246, .5)),inset 0 -8px 16px #0003,inset 0 8px 16px #ffffff4d;animation:orbPulse 5s ease-in-out infinite;position:relative;overflow:hidden}.color-orb:before{content:"";position:absolute;top:6px;left:10px;width:12px;height:8px;background:#ffffff80;border-radius:50%;transform:rotate(-30deg)}.color-orb:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(to top,rgba(0,0,0,.15),transparent);border-radius:0 0 50% 50%}@keyframes orbPulse{0%,to{transform:scale(1);box-shadow:0 0 0 4px #ffffff4d,0 0 25px var(--orb-glow, rgba(59, 130, 246, .5)),inset 0 -8px 16px #0003,inset 0 8px 16px #ffffff4d}50%{transform:scale(1.12);box-shadow:0 0 0 6px #fff6,0 0 40px var(--orb-glow, rgba(59, 130, 246, .7)),inset 0 -8px 16px #00000026,inset 0 8px 16px #fff6}}.orb-wave{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid var(--orb-color, #3b82f6);opacity:0;animation:orbWaveExpand 4.5s ease-out infinite}.orb-wave:nth-child(2){animation-delay:1.5s}.orb-wave:nth-child(3){animation-delay:1.2s}@keyframes orbWaveExpand{0%{transform:scale(1);opacity:.6}to{transform:scale(1.8);opacity:0}}.orb-bubble{position:absolute;background:#fff6;border-radius:50%}.orb-bubble:nth-child(4){width:6px;height:6px;bottom:10px;left:30%;animation:orbBubbleRise 4.5s ease-in-out infinite}.orb-bubble:nth-child(5){width:4px;height:4px;bottom:8px;left:55%;animation:orbBubbleRise 4.5s ease-in-out .5s infinite}.orb-bubble:nth-child(6){width:5px;height:5px;bottom:12px;left:70%;animation:orbBubbleRise 4.5s ease-in-out 1s infinite}@keyframes orbBubbleRise{0%{transform:translateY(0);opacity:.8}to{transform:translateY(-25px);opacity:0}}.orb-blue{--orb-color: #3b82f6;--orb-glow: rgba(59, 130, 246, .5)}.orb-green{--orb-color: #22c55e;--orb-glow: rgba(34, 197, 94, .5)}.orb-yellow{--orb-color: #eab308;--orb-glow: rgba(234, 179, 8, .5)}.orb-purple{--orb-color: #a855f7;--orb-glow: rgba(168, 85, 247, .5)}.orb-orange{--orb-color: #f97316;--orb-glow: rgba(249, 115, 22, .5)}.orb-red{--orb-color: #ef4444;--orb-glow: rgba(239, 68, 68, .5)}.orb-pink{--orb-color: #ec4899;--orb-glow: rgba(236, 72, 153, .5)}.orb-clear{--orb-color: rgba(255,255,255,.8);--orb-glow: rgba(255, 255, 255, .3);border:1px solid #e2e8f0}.ion-anim-pulse{background:radial-gradient(circle,rgba(239,68,68,.08) 0%,transparent 70%);overflow:visible}.pulse-center{width:28px;height:28px;background:var(--pulse-color, #ef4444);border-radius:50%;position:relative;z-index:3;box-shadow:0 0 20px var(--pulse-glow, rgba(239, 68, 68, .6)),inset 0 -4px 8px #0003,inset 0 4px 8px #ffffff4d;animation:pulseCore 3.5s ease-in-out infinite}.pulse-center:before{content:"";position:absolute;top:4px;left:6px;width:8px;height:6px;background:#fff6;border-radius:50%;transform:rotate(-30deg)}.pulse-center:after{content:"!";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}@keyframes pulseCore{0%,to{transform:scale(1);box-shadow:0 0 20px var(--pulse-glow, rgba(239, 68, 68, .6)),inset 0 -4px 8px #0003,inset 0 4px 8px #ffffff4d}50%{transform:scale(1.15);box-shadow:0 0 35px var(--pulse-glow, rgba(239, 68, 68, .8)),inset 0 -4px 8px #00000026,inset 0 4px 8px #fff6}}.pulse-ring{position:absolute;top:50%;left:50%;width:28px;height:28px;border:3px solid var(--pulse-color, #ef4444);border-radius:50%;transform:translate(-50%,-50%);opacity:0}.ion-anim-pulse .pulse-ring{animation:pulseExpand 6s ease-out infinite}.pulse-ring:nth-child(2){animation-delay:1s}.pulse-ring:nth-child(3){animation-delay:.8s}@keyframes pulseExpand{0%{width:28px;height:28px;opacity:.9;border-width:3px}to{width:70px;height:70px;opacity:0;border-width:1px}}.pulse-particle{position:absolute;width:5px;height:5px;background:var(--pulse-color, #ef4444);border-radius:50%;box-shadow:0 0 6px var(--pulse-glow, rgba(239, 68, 68, .6))}.pulse-particle:nth-child(4){animation:pulseFloat 4.5s ease-in-out infinite}.pulse-particle:nth-child(5){animation:pulseFloat 4.5s ease-in-out .5s infinite}.pulse-particle:nth-child(6){animation:pulseFloat 4.5s ease-in-out 1s infinite}.pulse-particle:nth-child(7){animation:pulseFloat 4.5s ease-in-out 1.5s infinite}.pulse-particle:nth-child(4){top:15%;left:20%}.pulse-particle:nth-child(5){top:20%;right:18%}.pulse-particle:nth-child(6){bottom:18%;left:22%}.pulse-particle:nth-child(7){bottom:15%;right:20%}@keyframes pulseFloat{0%,to{transform:scale(.6);opacity:.4}50%{transform:scale(1.2);opacity:1}}.pulse-wave{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,var(--pulse-color, #ef4444) 0%,transparent 70%);opacity:0;animation:pulseWave 4.5s ease-out infinite}.pulse-wave:nth-child(9){animation-delay:1s}@keyframes pulseWave{0%{width:30px;height:30px;opacity:.5}to{width:80px;height:80px;opacity:0}}.pulse-red{--pulse-color: #ef4444;--pulse-glow: rgba(239, 68, 68, .6)}.pulse-orange{--pulse-color: #f97316;--pulse-glow: rgba(249, 115, 22, .6)}.pulse-yellow{--pulse-color: #eab308;--pulse-glow: rgba(234, 179, 8, .6)}.ion-anim-battery{flex-direction:column;gap:2px}.battery-body{width:44px;height:24px;border:3px solid #1f2937;border-radius:5px;position:relative;overflow:hidden}.battery-body:after{content:"";position:absolute;right:-6px;top:5px;width:4px;height:12px;background:#1f2937;border-radius:0 3px 3px 0}.battery-fill{height:100%;width:30%;background:linear-gradient(90deg,#22c55e,#4ade80);animation:batteryCharge 4.5s ease-in-out infinite}@keyframes batteryCharge{0%,to{width:30%}50%{width:100%}}.ion-anim-crystal{background:linear-gradient(135deg,#38bdf814,#0ea5e926);overflow:hidden}.crystal-core{width:18px;height:18px;background:linear-gradient(135deg,#7dd3fc,#0ea5e9,#0284c7);transform:rotate(45deg);box-shadow:0 0 15px #0ea5e999,inset 0 0 8px #fff6;animation:crystalSpin 4s linear infinite;position:relative;z-index:3}.crystal-core:before{content:"";position:absolute;top:2px;left:2px;width:6px;height:6px;background:#ffffff80;border-radius:1px}@keyframes crystalSpin{0%{transform:rotate(45deg) scale(1)}25%{transform:rotate(45deg) scale(1.15)}50%{transform:rotate(45deg) scale(1)}75%{transform:rotate(45deg) scale(1.1)}to{transform:rotate(45deg) scale(1)}}.crystal-arm{position:absolute;width:5px;height:22px;background:linear-gradient(to top,#38bdf8,#0ea5e9,#0284c7);box-shadow:0 0 8px #38bdf880;z-index:2}.crystal-arm:nth-child(1){top:8px;left:50%;transform:translate(-50%);animation:crystalGrow1 2s ease-in-out infinite}.crystal-arm:nth-child(2){bottom:8px;left:50%;transform:translate(-50%);animation:crystalGrow1 2s ease-in-out .25s infinite}.crystal-arm:nth-child(3){top:50%;left:8px;transform:translateY(-50%) rotate(90deg);animation:crystalGrow2 2s ease-in-out .5s infinite}.crystal-arm:nth-child(4){top:50%;right:8px;transform:translateY(-50%) rotate(90deg);animation:crystalGrow2 2s ease-in-out .75s infinite}.crystal-arm-diag{position:absolute;width:4px;height:16px;background:linear-gradient(to top,#7dd3fc,#38bdf8);box-shadow:0 0 6px #7dd3fc66;z-index:1}.crystal-arm-diag:nth-child(5){top:12px;left:12px;transform:rotate(-45deg);animation:crystalGrowDiag 4.5s ease-in-out infinite}.crystal-arm-diag:nth-child(6){top:12px;right:12px;transform:rotate(45deg);animation:crystalGrowDiag 4.5s ease-in-out .3s infinite}.crystal-arm-diag:nth-child(7){bottom:12px;left:12px;transform:rotate(45deg);animation:crystalGrowDiag 4.5s ease-in-out .6s infinite}.crystal-arm-diag:nth-child(8){bottom:12px;right:12px;transform:rotate(-45deg);animation:crystalGrowDiag 4.5s ease-in-out .9s infinite}@keyframes crystalGrow1{0%,to{height:16px;opacity:.7}50%{height:26px;opacity:1}}@keyframes crystalGrow2{0%,to{height:14px;opacity:.7}50%{height:24px;opacity:1}}@keyframes crystalGrowDiag{0%,to{height:10px;opacity:.5}50%{height:18px;opacity:.9}}.crystal-sparkle{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:0 0 6px #7dd3fc}.crystal-sparkle:nth-child(9){top:15%;left:20%;animation:crystalSparkle 3.5s ease infinite}.crystal-sparkle:nth-child(10){top:25%;right:18%;animation:crystalSparkle 3.5s ease .3s infinite}.crystal-sparkle:nth-child(11){bottom:20%;left:22%;animation:crystalSparkle 3.5s ease .6s infinite}.crystal-sparkle:nth-child(12){bottom:25%;right:20%;animation:crystalSparkle 3.5s ease .9s infinite}@keyframes crystalSparkle{0%,to{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:1}}.ion-anim-electron{background:linear-gradient(90deg,#6366f10d,#6366f11a,#6366f10d)}.electron-wire{width:40px;height:3px;background:#64748b;border-radius:2px;position:relative;overflow:visible}.electron-dot{width:6px;height:6px;background:#6366f1;border-radius:50%;position:absolute;top:-1.5px;left:-6px;box-shadow:0 0 6px #6366f199;opacity:0}.ion-anim-electron .electron-dot{animation:electronMove 4.5s linear infinite}.electron-dot:nth-child(2){animation-delay:1.5s}.electron-dot:nth-child(3){animation-delay:1.2s}@keyframes electronMove{0%{left:-6px;opacity:0}10%{opacity:1}90%{opacity:1}to{left:40px;opacity:0}}.ion-anim-precipitate{background:linear-gradient(180deg,#f1f5f94d,#cbd5e166);overflow:hidden;flex-direction:column}.ppt-cloud{width:30px;height:22px;background:var(--ppt-color, #94a3b8);border-radius:50%;position:relative;box-shadow:0 4px 12px #00000059,inset 0 -2px 4px #0000001a;animation:pptFloat 4.5s ease-in-out infinite}@keyframes pptFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.05)}}.ppt-cloud:before,.ppt-cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.ppt-cloud:before{width:16px;height:16px;top:-7px;left:4px}.ppt-cloud:after{width:14px;height:14px;top:-5px;right:2px}.ppt-fall{position:absolute;width:6px;height:6px;background:var(--ppt-color, #cbd5e1);border-radius:50%;opacity:0}.ppt-fall:nth-child(1){left:25%;animation:pptFall 3.5s ease-in infinite}.ppt-fall:nth-child(2){left:45%;animation:pptFall 3.5s ease-in .3s infinite}.ppt-fall:nth-child(3){left:65%;animation:pptFall 3.5s ease-in .6s infinite}.ppt-fall:nth-child(4){left:35%;animation:pptFall 3.5s ease-in .9s infinite}.ppt-fall:nth-child(5){left:55%;animation:pptFall 3.5s ease-in 1.2s infinite}@keyframes pptFall{0%{top:35%;opacity:0;transform:scale(.5)}20%{opacity:.9}to{top:90%;opacity:.3;transform:scale(.8)}}.ppt-sediment{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:50px;height:10px;background:var(--ppt-color, #cbd5e1);border-radius:50%;opacity:.7;animation:pptGrow 6s ease-in-out infinite;box-shadow:0 -2px 4px #0000001a}@keyframes pptGrow{0%,to{width:40px;height:8px;opacity:.5}50%{width:56px;height:12px;opacity:.8}}.ppt-white{--ppt-color: #94a3b8}.ppt-cream{--ppt-color: #d97706}.ppt-yellow{--ppt-color: #eab308}.ppt-brown{--ppt-color: #78350f}.ppt-black{--ppt-color: #1f2937}.ppt-green{--ppt-color: #16a34a}.ppt-blue{--ppt-color: #3b82f6}.ion-anim-plant{align-items:flex-end;padding-bottom:4px;background:linear-gradient(to top,rgba(34,197,94,.08),transparent)}.plant-stem{width:4px;height:28px;background:#22c55e;border-radius:2px;position:relative;animation:plantGrow 4.5s ease-in-out infinite}@keyframes plantGrow{0%,to{height:28px}50%{height:38px}}.plant-leaf{width:16px;height:10px;background:#4ade80;border-radius:0 80%;position:absolute;transform-origin:left center;animation:leafWave 4.5s ease-in-out infinite}@keyframes leafWave{0%,to{transform:rotate(-20deg) scale(1);opacity:.8}50%{transform:rotate(-10deg) scale(1.1);opacity:1}}.plant-leaf:nth-child(1){top:2px;left:3px}.plant-leaf:nth-child(2){top:8px;right:3px;left:auto;border-radius:80% 0;animation-delay:.7s}.ion-anim-bone{background:linear-gradient(135deg,#fbbf240d,#fef3c726);overflow:hidden}.bone-shape{width:48px;height:18px;background:linear-gradient(180deg,#f5f5f4,#e7e5e4,#d6d3d1);border-radius:9px;position:relative;box-shadow:inset 0 2px 4px #fffc,inset 0 -2px 4px #0000001a,0 3px 6px #00000026;animation:boneStrength 6s ease-in-out infinite;z-index:2}@keyframes boneStrength{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.bone-shape:before,.bone-shape:after{content:"";position:absolute;width:16px;height:22px;background:linear-gradient(180deg,#f5f5f4,#e7e5e4);border-radius:50%;top:-2px;box-shadow:inset 0 2px 4px #fff9,0 2px 4px #0000001a}.bone-shape:before{left:-5px}.bone-shape:after{right:-5px}.bone-glow{position:absolute;width:56px;height:28px;border-radius:14px;background:radial-gradient(ellipse,rgba(251,191,36,.5) 0%,transparent 70%);animation:boneGlow 4.5s ease-in-out infinite;z-index:1}@keyframes boneGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.bone-particle{position:absolute;width:4px;height:4px;background:#fbbf24;border-radius:50%;box-shadow:0 0 6px #fbbf24cc;opacity:0}.bone-particle:nth-child(1){animation:boneAbsorb 4.5s ease-in infinite}.bone-particle:nth-child(2){animation:boneAbsorb 4.5s ease-in .4s infinite}.bone-particle:nth-child(3){animation:boneAbsorb 4.5s ease-in .8s infinite}.bone-particle:nth-child(4){animation:boneAbsorb 4.5s ease-in 1.2s infinite}.bone-particle:nth-child(5){animation:boneAbsorb 4.5s ease-in 1.6s infinite}.bone-particle:nth-child(1){top:10%;left:20%}.bone-particle:nth-child(2){top:15%;right:25%}.bone-particle:nth-child(3){bottom:15%;left:30%}.bone-particle:nth-child(4){bottom:10%;right:20%}.bone-particle:nth-child(5){top:50%;left:10%}@keyframes boneAbsorb{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.3) translate(10px,10px)}}.bone-ring{position:absolute;width:30px;height:16px;border:2px solid rgba(251,191,36,.4);border-radius:50%;animation:boneRing 3.5s ease-out infinite}.bone-ring:nth-child(7){animation-delay:1.2s}@keyframes boneRing{0%{width:30px;height:16px;opacity:.6}to{width:70px;height:40px;opacity:0}}.ion-anim-shield{background:transparent;overflow:visible}.shield-icon{width:40px;height:46px;background:linear-gradient(135deg,#3b82f6,#1d4ed8,#1e40af);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);position:relative;animation:shieldPulse 4.5s ease-in-out infinite;box-shadow:0 4px 12px #3b82f666}.shield-icon:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:14px;height:14px;background:#ffffff4d;border-radius:50%;animation:shieldCore 3.5s ease-in-out infinite}.shield-icon:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}@keyframes shieldCore{0%,to{transform:translate(-50%) scale(1);opacity:.3}50%{transform:translate(-50%) scale(1.3);opacity:.6}}@keyframes shieldPulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.06);filter:brightness(1.15)}}.shield-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:36px;border:2px solid rgba(59,130,246,.6);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);opacity:0;animation:shieldExpand 3.5s ease-out infinite}.shield-ring:nth-child(2){animation-delay:1.2s}.shield-ring:nth-child(3){animation-delay:1s}@keyframes shieldExpand{0%{width:30px;height:36px;opacity:.8}to{width:70px;height:80px;opacity:0}}.shield-spark{position:absolute;width:4px;height:4px;background:#60a5fa;border-radius:50%;box-shadow:0 0 6px #3b82f6}.shield-spark:nth-child(4){top:20%;left:15%;animation:sparkFloat 4.5s ease-in-out infinite}.shield-spark:nth-child(5){top:30%;right:15%;animation:sparkFloat 4.5s ease-in-out .4s infinite}.shield-spark:nth-child(6){bottom:30%;left:20%;animation:sparkFloat 4.5s ease-in-out .8s infinite}.shield-spark:nth-child(7){bottom:25%;right:20%;animation:sparkFloat 4.5s ease-in-out 1.2s infinite}@keyframes sparkFloat{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.ion-anim-water{background:linear-gradient(to bottom,#3b82f60d,#3b82f626);border-radius:14px 14px 50% 50%}.water-drop{width:14px;height:18px;background:linear-gradient(135deg,#93c5fd,#3b82f6);border-radius:50%/30% 30% 70% 70%;position:relative}.water-ripple{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:20px;height:6px;border:1.5px solid rgba(59,130,246,.5);border-radius:50%;animation:rippleOut 6s ease-out infinite}.water-ripple:nth-child(2){animation-delay:1s}@keyframes rippleOut{0%{width:20px;opacity:.8}to{width:40px;opacity:0}}.ion-anim-magnet{background:linear-gradient(180deg,#ef44440d,#3b82f614);overflow:hidden}.magnet-u{width:40px;height:28px;border:6px solid;border-top:none;border-radius:0 0 20px 20px;border-color:#ef4444;position:relative;box-shadow:0 4px 12px #ef44444d;animation:magnetPulse 3s ease-in-out infinite}@keyframes magnetPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.magnet-u:before{content:"";position:absolute;top:-6px;left:-6px;width:12px;height:14px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:3px 0 0}.magnet-u:after{content:"";position:absolute;top:-6px;right:-6px;width:12px;height:14px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:0 3px 0 0}.magnet-particle{position:absolute;width:8px;height:8px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;opacity:0;box-shadow:0 0 8px #fbbf2499}.ion-anim-magnet .magnet-particle{animation:magnetPull 4s ease-in infinite}.magnet-particle:nth-child(1){top:5px;left:15%}.magnet-particle:nth-child(2){top:10px;left:70%;animation-delay:1.3s}.magnet-particle:nth-child(3){top:0;left:45%;animation-delay:.7s}@keyframes magnetPull{0%{opacity:1;transform:translateY(-20px) scale(.6)}50%{opacity:1;transform:translateY(10px) scale(1)}to{opacity:0;transform:translateY(30px) scale(.8)}}.ion-anim-tooth{background:linear-gradient(180deg,#3b82f60d,#93c5fd1f);overflow:hidden}.tooth-shape{width:30px;height:38px;background:linear-gradient(180deg,#fff,#f5f5f4,#e7e5e4);border-radius:10px 10px 6px 6px;position:relative;box-shadow:0 3px 10px #0003,inset 0 2px 4px #fff,inset 0 -3px 6px #00000014;animation:toothShine 6s ease-in-out infinite;z-index:2}@keyframes toothShine{0%,to{filter:brightness(1)}50%{filter:brightness(1.1)}}.tooth-shape:before,.tooth-shape:after{content:"";position:absolute;bottom:-10px;width:10px;height:16px;background:linear-gradient(180deg,#f5f5f4,#e7e5e4);border-radius:0 0 5px 5px;box-shadow:0 3px 5px #0000001f}.tooth-shape:before{left:3px}.tooth-shape:after{right:3px}.tooth-sparkle{position:absolute;background:#fff;border-radius:50%;box-shadow:0 0 10px #ffffffe6,0 0 20px #93c5fd80}.tooth-sparkle:nth-child(1){width:10px;height:10px;top:8px;left:6px;animation:sparkleMain 4.5s ease infinite}.tooth-sparkle:nth-child(2){width:5px;height:5px;top:12px;right:8px;animation:sparkleSub 4.5s ease .3s infinite}.tooth-sparkle:nth-child(3){width:4px;height:4px;top:20px;left:10px;animation:sparkleSub 4.5s ease .6s infinite}@keyframes sparkleMain{0%,to{transform:scale(.8);opacity:.6;box-shadow:0 0 6px #fff9}50%{transform:scale(1.3);opacity:1;box-shadow:0 0 15px #fff,0 0 25px #93c5fd99}}@keyframes sparkleSub{0%,to{transform:scale(.6);opacity:.4}50%{transform:scale(1.2);opacity:1}}.tooth-shield{position:absolute;top:0;left:-5px;width:40px;height:45px;border:2px solid rgba(59,130,246,.4);border-radius:12px 12px 8px 8px;animation:toothProtect 4.5s ease-in-out infinite;z-index:1}@keyframes toothProtect{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.fluoride-particle{position:absolute;width:5px;height:5px;background:#60a5fa;border-radius:50%;box-shadow:0 0 6px #60a5facc;opacity:0}.fluoride-particle:nth-child(5){top:5%;left:15%;animation:fluorideAbsorb 4.5s ease-in infinite}.fluoride-particle:nth-child(6){top:10%;right:10%;animation:fluorideAbsorb 4.5s ease-in .4s infinite}.fluoride-particle:nth-child(7){top:35%;left:8%;animation:fluorideAbsorb 4.5s ease-in .8s infinite}.fluoride-particle:nth-child(8){top:40%;right:12%;animation:fluorideAbsorb 4.5s ease-in 1.2s infinite}@keyframes fluorideAbsorb{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.3) translateY(15px)}}.ion-anim-sun{background:linear-gradient(135deg,#fbbf241a,#fbbf2433)}.sun-core{width:28px;height:28px;background:#fbbf24;border-radius:50%;position:relative;box-shadow:0 0 16px #fbbf2499}.sun-ray{position:absolute;width:4px;height:10px;background:#fbbf24;border-radius:2px;transform-origin:center 22px;animation:sunRayPulse 3.5s ease-in-out infinite}@keyframes sunRayPulse{0%,to{height:10px;opacity:.7}50%{height:14px;opacity:1}}.ion-anim-pill{background:transparent}.pill-shape{width:44px;height:18px;border-radius:9px;overflow:hidden;display:flex;box-shadow:0 2px 6px #00000040;animation:pillFloat 4.5s ease-in-out infinite}.pill-half{flex:1;height:100%}.pill-half:first-child{background:linear-gradient(135deg,#ef4444,#dc2626)}.pill-half:last-child{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}@keyframes pillFloat{0%,to{transform:rotate(0)}50%{transform:rotate(-8deg) scale(1.05)}}.ion-anim-lightning{background:linear-gradient(180deg,#fbbf2414,#fbbf2433);overflow:hidden}.lightning-bolt{width:20px;height:36px;position:relative;filter:drop-shadow(0 0 8px rgba(251,191,36,.8))}.lightning-bolt:before{content:"";position:absolute;top:0;left:2px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid #fbbf24;border-bottom:18px solid #fbbf24;border-top:0}.lightning-bolt:after{content:"";position:absolute;bottom:0;right:2px;width:0;height:0;border-left:10px solid #fbbf24;border-right:10px solid transparent;border-top:18px solid #fbbf24;border-bottom:0}.ion-anim-lightning .lightning-bolt{animation:lightningFlash 5s ease infinite}@keyframes lightningFlash{0%,20%,40%,to{opacity:1;filter:drop-shadow(0 0 8px rgba(251,191,36,.8)) brightness(1)}10%,30%{opacity:0;filter:drop-shadow(0 0 0 transparent) brightness(2)}}.lightning-branch{position:absolute;width:3px;height:16px;background:#fcd34d;opacity:0;filter:blur(1px)}.lightning-branch:nth-child(1){top:10px;left:-8px;transform:rotate(-30deg);animation:branchFlash 4.5s ease infinite}.lightning-branch:nth-child(2){top:20px;right:-10px;transform:rotate(25deg);animation:branchFlash 4.5s ease .15s infinite}.lightning-branch:nth-child(3){bottom:15px;left:-6px;transform:rotate(-20deg);animation:branchFlash 4.5s ease .3s infinite}@keyframes branchFlash{0%,15%,to{opacity:0}5%,10%{opacity:.9}}.lightning-energy{position:absolute;width:60px;height:60px;border:2px solid rgba(251,191,36,.4);border-radius:50%;animation:energyPulse 5s ease-out infinite}.lightning-energy:nth-child(5){animation-delay:.33s}.lightning-energy:nth-child(6){animation-delay:.66s}@keyframes energyPulse{0%{width:20px;height:20px;opacity:.8}to{width:70px;height:70px;opacity:0}}.lightning-spark{position:absolute;width:3px;height:3px;background:#fff7ed;border-radius:50%;box-shadow:0 0 4px #fbbf24}.lightning-spark:nth-child(7){top:10%;left:20%;animation:sparkBurst 4s ease infinite}.lightning-spark:nth-child(8){top:30%;right:15%;animation:sparkBurst 4s ease .1s infinite}.lightning-spark:nth-child(9){bottom:20%;left:25%;animation:sparkBurst 4s ease .2s infinite}.lightning-spark:nth-child(10){bottom:35%;right:20%;animation:sparkBurst 4s ease .3s infinite}@keyframes sparkBurst{0%,to{transform:scale(0);opacity:0}50%{transform:scale(1.5);opacity:1}}.ion-anim-dna{background:linear-gradient(135deg,#9333ea0d,#9333ea1a);overflow:hidden}.dna-strand{width:24px;height:40px;position:relative}.dna-node{width:6px;height:6px;background:#a855f7;border-radius:50%;position:absolute;left:0}.dna-node:nth-child(1){top:0;animation:dnaWave 3.5s ease-in-out infinite}.dna-node:nth-child(2){top:10px;animation:dnaWave 3.5s ease-in-out .2s infinite}.dna-node:nth-child(3){top:20px;animation:dnaWave 3.5s ease-in-out .4s infinite}.dna-node:nth-child(4){top:30px;animation:dnaWave 3.5s ease-in-out .6s infinite}.dna-node-r{width:6px;height:6px;background:#c084fc;border-radius:50%;position:absolute;right:0}.dna-node-r:nth-child(5){top:0;animation:dnaWaveR 3.5s ease-in-out infinite}.dna-node-r:nth-child(6){top:10px;animation:dnaWaveR 3.5s ease-in-out .2s infinite}.dna-node-r:nth-child(7){top:20px;animation:dnaWaveR 3.5s ease-in-out .4s infinite}.dna-node-r:nth-child(8){top:30px;animation:dnaWaveR 3.5s ease-in-out .6s infinite}.dna-link{position:absolute;width:12px;height:2px;background:#d8b4fe;left:6px}.dna-link:nth-child(9){top:2px}.dna-link:nth-child(10){top:12px}.dna-link:nth-child(11){top:22px}.dna-link:nth-child(12){top:32px}@keyframes dnaWave{0%,to{transform:translate(0)}50%{transform:translate(6px)}}@keyframes dnaWaveR{0%,to{transform:translate(0)}50%{transform:translate(-6px)}}.ion-anim-gas{background:transparent;overflow:hidden}.gas-cloud{position:absolute;width:22px;height:16px;background:var(--gas-color, #6b7280);border-radius:50%;opacity:0;filter:blur(3px)}.gas-cloud:nth-child(1){left:10px;bottom:10px}.gas-cloud:nth-child(2){left:28px;bottom:14px;width:18px;height:14px}.gas-cloud:nth-child(3){left:44px;bottom:8px;width:16px;height:12px}.ion-anim-gas .gas-cloud{animation:gasFume 6s ease-out infinite}.gas-cloud:nth-child(2){animation-delay:1.2s!important}.gas-cloud:nth-child(3){animation-delay:1s!important}@keyframes gasFume{0%{opacity:0;transform:translateY(0) scale(.6)}30%{opacity:.8}to{opacity:0;transform:translateY(-30px) scale(1.3)}}.gas-gray{--gas-color: #6b7280}.gas-yellow{--gas-color: #eab308}.gas-green{--gas-color: #22c55e}.gas-brown{--gas-color: #92400e}.gas-clear{--gas-color: #94a3b8}.ion-anim-bleach{background:transparent;flex-direction:column;gap:4px}.bleach-paper{width:56px;height:40px;background-color:#fef3c7;border-radius:6px;box-shadow:0 2px 4px #00000026;animation:bleachPaper 5s ease-in-out infinite}@keyframes bleachPaper{0%{background-color:#fef3c7}25%{background-color:#fef9c3}50%{background-color:#fff}75%{background-color:#fef9c3}to{background-color:#fef3c7}}.bleach-wave{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:0;height:3px;background:#3b82f699;border-radius:2px;animation:bleachSpread 4.5s ease-out infinite}@keyframes bleachSpread{0%{width:0;opacity:1}to{width:50px;opacity:0}}.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}}.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:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:1.6rem;font-weight:700;color:#1d1d1f;letter-spacing:-.02em;margin:0}.rotate-device-text{font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:.95rem;color:#86868b;line-height:1.6;font-weight:450;margin:0}@media(pointer:coarse)and (max-width:1024px){.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:1025px){.mobile-landing{display:none!important}}body.is-desktop .desktop-only-overlay{display:none!important}.mobile-landing{width:100%;min-height:100vh;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;color:#1d1d1f;-webkit-font-smoothing:antialiased}.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}}.tool-modal-header{padding-bottom:16px;margin-bottom:20px}.tool-modal-title{font-size:1.6rem;font-weight:700;color:#1e293b;margin:0;letter-spacing:-.03em}.tool-modal-tags{display:flex;gap:8px}.tool-modal-tags .grade-tag,.tool-modal-tags .feature-tag{font-size:.7rem;padding:3px 8px;border-radius:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.tool-modal-tags .grade-tag{background:#f1f5f9;color:#64748b}.tool-modal-tags .feature-tag{background:#ecfdf5;color:#059669}.tool-modal-icon.balancer-icon{background:linear-gradient(135deg,#fef3c7,#fcd34d)}.tool-modal-icon.balancer-icon svg{color:#92400e}.tool-modal-icon.molar-icon{background:linear-gradient(135deg,#dbeafe,#93c5fd)}.tool-modal-icon.molar-icon svg{color:#1e40af}.tool-modal-icon.empirical-icon{background:linear-gradient(135deg,#f3e8ff,#c4b5fd)}.tool-modal-icon.empirical-icon svg{color:#6b21a8}.tool-modal-icon.blank-icon{background:linear-gradient(135deg,#f1f5f9,#cbd5e1)}.tool-modal-icon.blank-icon svg{color:#475569}.tool-input,.tool-select,.balancer-formula-input,.realtime-input{width:100%;padding:14px 16px;border:1.5px solid #e2e8f0;border-radius:12px;font-size:1.05rem;font-weight:500;font-family:SF Mono,Monaco,Consolas,monospace;background:#fff;color:#1e293b;transition:all .2s ease;box-sizing:border-box}.tool-input:focus,.tool-select:focus,.balancer-formula-input:focus,.realtime-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.tool-input::placeholder,.realtime-input::placeholder{color:#94a3b8}.tool-button,.tool-button.primary-btn{display:inline-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;font-family:Inter,-apple-system,sans-serif;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #00000014}.tool-button:hover,.tool-button.primary-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0000001f}.tool-button:active,.tool-button.primary-btn:active{transform:translateY(0)}.tool-button svg{width:18px;height:18px}.tool-input-section label,.tool-input-group label{display:block;font-size:.8rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.tool-result-box{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:20px;margin-top:16px}.result-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.result-value{font-size:1.6rem;font-weight:700;color:#1e293b}.tool-explanation-box,.tool-breakdown-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-top:12px;font-size:.9rem;color:#475569;line-height:1.6}.toggle-group{display:flex;flex-direction:column;gap:10px;margin-top:12px}.toggle-label{display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:500;color:#475569;cursor:pointer;padding:8px 12px;border-radius:12px;transition:background .15s ease}.toggle-label:hover{background:#f1f5f9}.toggle-label input[type=checkbox]{-webkit-appearance:none;appearance:none;width:18px;height:18px;border:1.5px solid #cbd5e1;border-radius:5px;cursor:pointer;background-color:#fff;position:relative;transition:all .2s ease}.toggle-label input[type=checkbox]:checked{background-color:#6366f1;border-color:#6366f1}.toggle-label input[type=checkbox]:checked:after{content:"";position:absolute;top:45%;left:50%;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg)}.tool-tips-section{background:#f8fafc;border-radius:12px;padding:16px;margin-top:16px}.tool-tips-section h4{font-size:.8rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px}.tool-tips-section p{font-size:.85rem;color:#64748b;margin:6px 0;line-height:1.5}.example-box{margin-top:12px}.example-box strong{font-size:.8rem;color:#64748b;font-weight:600}.formula-chip{display:inline-block;padding:6px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;font-size:.85rem;font-weight:600;color:#475569;cursor:pointer;transition:all .15s ease;font-family:SF Mono,Monaco,monospace}.formula-chip:hover{background:#6366f1;border-color:#6366f1;color:#fff;transform:translateY(-1px)}.balancer-inputs{display:flex;align-items:center;gap:12px;margin-bottom:16px}.balancer-input-group{flex:1}.balancer-input-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;display:block}.balancer-arrow{font-size:1.2rem;color:#94a3b8;font-weight:500;margin-top:20px}.balancer-feedback{padding:10px 14px;border-radius:12px;font-size:.85rem;font-weight:500;margin-bottom:12px}.balancer-feedback.balanced{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.balancer-feedback.unbalanced{background:#fef3c7;border:1px solid #fcd34d;color:#92400e}.lego-tool-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.lego-input-panel{display:flex;flex-direction:column;gap:12px}.lego-stage{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1.5px solid #e2e8f0;border-radius:12px;min-height:200px;padding:16px;display:flex;flex-direction:column;justify-content:center}.lego-blocks-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}.lego-empty-state{text-align:center;padding:24px}.lego-empty-state p{color:#94a3b8;font-size:.85rem;margin:0}.floating-blocks-anim{position:relative;width:160px;height:100px;margin:0 auto}.floating-block{position:absolute;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff;box-shadow:0 4px 12px #00000026;animation:floatBlock 3s ease-in-out infinite}.floating-block.fb-1{background:linear-gradient(135deg,#64748b,#475569);left:10px;top:20px;animation-delay:0s}.floating-block.fb-2{background:linear-gradient(135deg,#3b82f6,#2563eb);left:60px;top:5px;animation-delay:.4s}.floating-block.fb-3{background:linear-gradient(135deg,#ef4444,#dc2626);left:110px;top:25px;animation-delay:.8s}.floating-block.fb-4{background:linear-gradient(135deg,#22c55e,#16a34a);left:60px;top:50px;animation-delay:1.2s}@keyframes floatBlock{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(3deg)}}.lego-block{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:56px;min-height:56px;padding:10px 12px;border-radius:12px;font-weight:700;color:#fff;box-shadow:inset 0 -3px #00000026,inset 0 2px #fff3,0 3px 8px #0000001a;transition:transform .15s ease,box-shadow .15s ease}.lego-block:hover{transform:translateY(-2px);box-shadow:inset 0 -3px #00000026,inset 0 2px #fff3,0 6px 16px #00000026}.lego-block .block-symbol{font-size:1.2rem;font-weight:800;line-height:1}.lego-block .block-count{font-size:.7rem;opacity:.85;margin-top:2px}.lego-block.el-C{background:linear-gradient(135deg,#374151,#1f2937)}.lego-block.el-H{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.lego-block.el-O{background:linear-gradient(135deg,#f87171,#ef4444)}.lego-block.el-N{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.lego-block.el-S{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.lego-block.el-P{background:linear-gradient(135deg,#fb923c,#f97316)}.lego-block.el-Cl{background:linear-gradient(135deg,#34d399,#10b981)}.lego-block.el-default{background:linear-gradient(135deg,#94a3b8,#64748b)}.lego-group{display:flex;align-items:flex-end;justify-content:center;gap:6px;flex-wrap:wrap;padding:12px;background:#fff9;border-radius:12px;min-height:50px}.lego-group-label{width:100%;text-align:center;font-size:.65rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.multiplier-section{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;font-weight:700;color:#92400e}.multiplier-section .times-icon{font-size:1rem}.multiplier-section .multiplier-value{font-size:1.3rem;font-weight:800}.multiplier-section .multiplier-label{font-size:.7rem;opacity:.8}.molecular-result{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:12px;border:2px solid #34d399}.molecular-result .result-label{font-size:.65rem;font-weight:700;color:#047857;text-transform:uppercase}.molecular-result .result-formula{font-size:1.3rem;font-weight:800;color:#065f46;font-family:SF Mono,monospace}@keyframes blockAppear{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.lego-block.animate-in{animation:blockAppear .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes multiplierPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.multiplier-section.animate-in{animation:multiplierPop .5s cubic-bezier(.34,1.56,.64,1) forwards}.lego-stage.has-result{border-style:solid;border-color:#a78bfa;background:linear-gradient(180deg,#faf5ff,#f5f3ff)}.calc-steps-container{margin-top:12px}.show-calc-btn{width:100%;padding:10px 14px;background:#f8fafc;color:#475569;border:1px solid #e2e8f0;border-radius:12px;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease}.show-calc-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.show-calc-btn svg{width:16px;height:16px}.calc-steps-content{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px;margin-top:10px;animation:fadeSlideIn .2s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.calc-step-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:.9rem;color:#475569;border-bottom:1px dashed #f1f5f9}.calc-step-row:last-child{border-bottom:none;padding-top:10px;margin-top:6px;border-top:1px solid #e2e8f0;font-weight:700;color:#1e293b}.enter-hint{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:8px;font-size:.8rem;color:#475569;font-weight:500}.kbd-key{background:#e2e8f0;border:1px solid #cbd5e1;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:600;color:#334155;box-shadow:0 1px #94a3b8}.feature-modal-body::-webkit-scrollbar{width:6px}.feature-modal-body::-webkit-scrollbar-track{background:transparent}.feature-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.feature-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.tool-modal-loading{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#64748b;font-size:.95rem;font-weight:500;text-align:center}.tool-modal-loading-error{color:#b91c1c}