@import"https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;1,400&family=Playfair+Display:wght@700;900&family=JetBrains+Mono:wght@400;600&display=swap";: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}body.no-transition,body.no-transition *{transition:none!important}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:70px}.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[data-react-page=chemlab] .global-nav,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:not(:has(.sv-changelog)){max-width:min(1100px,calc(100vw - 32px));grid-template-columns:minmax(280px,1fr) minmax(360px,1.6fr);grid-template-areas:"sidebar main"}.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:not(#page-settings){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:not(#page-settings){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:not(#page-settings){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}}#page-settings.settings-viewport{display:flex;flex-direction:column;grid-template-columns:unset;grid-template-areas:unset;gap:0;max-width:1200px;padding:32px 32px 64px}.stg-page-header{margin-bottom:24px}.stg-page-title{font-size:1.7rem;font-weight:750;color:var(--text-primary, #1e293b);margin:0 0 4px;letter-spacing:-.5px}.stg-page-sub{font-size:.875rem;color:var(--text-muted, #94a3b8);margin:0}.stg-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}.stg-card-suggest{grid-column:1 / -1}.stg-card-changelog{grid-column:2}.stg-card{background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:18px;padding:22px 24px;box-shadow:0 1px 3px #0000000a,0 4px 12px #00000008;display:flex;flex-direction:column;gap:16px;box-sizing:border-box}.stg-card-head{display:flex;align-items:center;gap:12px}.stg-card-title{font-size:1rem;font-weight:700;color:var(--text-primary, #1e293b);margin:0}.stg-card-desc{font-size:.875rem;color:var(--text-muted, #94a3b8);margin:-8px 0 0;line-height:1.5}.stg-icon-wrap{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stg-icon-orange{background:#f973161a;color:#ea580c}.stg-icon-blue{background:#3b82f61a;color:#2563eb}.stg-icon-green{background:#10b9811a;color:#059669}.stg-icon-purple{background:#8b5cf61a;color:#7c3aed}.stg-icon-red{background:#ef44441a;color:#dc2626}.stg-icon-gray{background:#64748b1a;color:#64748b}.stg-lang-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stg-lang-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1.5px solid rgba(0,0,0,.08);border-radius:12px;background:#f8fafc;cursor:pointer;transition:all .2s ease;font-family:inherit}.stg-lang-btn:hover{border-color:#0000002e;background:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.stg-lang-btn.active{border-color:#6366f1;background:#6366f10f;box-shadow:0 0 0 3px #6366f11f}.stg-lang-flag{font-size:.72rem;font-weight:800;color:#64748b;background:#0000000d;padding:2px 6px;border-radius:5px;letter-spacing:.3px;min-width:28px;text-align:center}.stg-lang-btn.active .stg-lang-flag{background:#6366f126;color:#6366f1}.stg-lang-name{font-size:.875rem;font-weight:600;color:var(--text-primary, #1e293b)}.stg-anim-body{display:flex;flex-direction:column;gap:14px}.stg-anim-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.stg-anim-label{font-size:.875rem;font-weight:500;color:var(--text-secondary, #475569);flex:1}.stg-slider-wrap{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.stg-slider{flex:1;min-width:0}.stg-speed-badge{font-size:.78rem;font-weight:700;color:#6366f1;background:#6366f11a;padding:3px 8px;border-radius:6px;min-width:38px;text-align:center;white-space:nowrap}.stg-units-body{display:flex;flex-direction:column;gap:14px}.stg-unit-group{display:flex;align-items:center;justify-content:space-between;gap:10px}.stg-unit-label{font-size:.875rem;font-weight:500;color:var(--text-secondary, #475569);white-space:nowrap;min-width:90px}.stg-unit-pill{flex:1;max-width:180px}.stg-danger-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#ef444412;border:1.5px solid rgba(239,68,68,.2);border-radius:10px;color:#dc2626;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;align-self:flex-start}.stg-danger-btn:hover{background:#ef44441f;border-color:#ef444459}.stg-danger-btn:active{transform:scale(.98)}.stg-changelog-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto;max-height:220px;scrollbar-width:none}.stg-changelog-list::-webkit-scrollbar{display:none}@media(max-width:640px){#page-settings.settings-viewport{padding:20px 16px 60px}.stg-grid{grid-template-columns:1fr}.stg-card-changelog{grid-column:1}.stg-unit-group{flex-wrap:wrap}.stg-unit-pill{max-width:100%}}.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}body.dark .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-auto-rows:minmax(auto,1fr);gap:clamp(10px,1.5vh,18px) clamp(10px,1.5vw,18px);width:100%;flex:1;min-height:0}.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(16px,2.5vh,24px);padding:clamp(16px,2.5vh,28px) clamp(16px,2.5vw,28px);cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;justify-content:flex-start;gap:clamp(10px,1.5vh,16px);position:relative;overflow:hidden;box-shadow:0 4px 20px #00000005,inset 0 2px #ffffff80;height:100%}body.dark .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}body.dark .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(48px,7vh,64px);height:clamp(48px,7vh,64px);display:flex;align-items:center;justify-content:center;border-radius:clamp(12px,2vh,16px);position:relative;flex-shrink:0;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}body.dark .chem-tool-icon-box:after{box-shadow:inset 0 2px 4px #ffffff1a,inset 0 -2px 4px #0003}.chem-tool-icon-box svg{width:clamp(24px,3.5vh,30px);height:clamp(24px,3.5vh,30px);transition:transform .4s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.chem-tool-card:hover .chem-tool-icon-box{transform: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(1rem,2vh,1.3rem);font-weight:800;color:var(--text-primary);letter-spacing:-.02em;margin:0;line-height:1.3;transition:color .3s ease}.chem-tool-card:hover .chem-tool-name{color:var(--text-highlight)}.chem-tool-desc{font-size:clamp(.78rem,1.4vh,.88rem);color:var(--text-secondary);line-height:1.5;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}body.dark .balancer-icon,body.dark .molar-icon,body.dark .percent-icon,body.dark .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)}body.dark .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)}body.dark .feature-tag{background:#ffffff0d;border-color:#ffffff1a}.chem-tools-page-header{width:100%;text-align:center;margin-bottom:clamp(12px,2vh,24px);flex-shrink:0}.chem-tools-page-title{font-size:clamp(1.4rem,3.5vh,2rem);font-weight:800;color:var(--text-primary);margin:0 0 4px;letter-spacing:-.03em}.chem-tools-page-subtitle{font-size:clamp(.78rem,1.4vh,.9rem);color:var(--text-secondary);margin:0;opacity:.75}.chem-tool-card--cambridge{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:clamp(16px,3vw,40px);padding:clamp(14px,2vh,24px) clamp(18px,2.5vw,32px);grid-column:1 / -1}.cambridge-left{display:flex;align-items:center;gap:clamp(14px,2.5vw,24px);flex:1}.cambridge-text{flex:1;position:relative;z-index:1}.cambridge-title-row{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}.cambridge-title-row .chem-tool-name{font-size:clamp(1rem,2vh,1.25rem)}.cambridge-premium-badge{display:inline-flex;align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;font-size:.72rem;font-weight:800;padding:3px 10px;border-radius:999px;letter-spacing:.04em;text-transform:uppercase;flex-shrink:0}.cambridge-cta-wrap{flex-shrink:0;position:relative;z-index:1}.cambridge-cta-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#1e40af,#1d4ed8);color:#fff;border-radius:12px;padding:clamp(10px,1.8vh,14px) clamp(18px,2.5vw,28px);font-size:clamp(.85rem,1.6vh,1rem);font-weight:700;white-space:nowrap;pointer-events:none;box-shadow:0 4px 16px #1d4ed859}.chem-tool-card--cambridge:hover .cambridge-cta-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 24px #1d4ed880}@media(max-width:768px){.chem-tool-card--cambridge{flex-direction:column;align-items:flex-start}.cambridge-cta-wrap{align-self:stretch}.cambridge-cta-btn{width:100%;justify-content:center}}.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}}#darslik-page{display:none;flex-direction:row;height:calc(100vh - 70px);margin-top:70px;background:#f4f6f9;overflow:hidden;padding:10px 12px 12px;gap:10px}#darslik-page.active{display:flex}.dk-sidebar{width:280px;min-width:220px;max-width:320px;background:#fff;border-right:none;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 2px 12px #0000000f}.dk-sidebar-header{padding:18px 16px 12px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#1a7c3e,#2e9e56);color:#fff}.dk-sidebar-header h2{font-size:1rem;font-weight:700;margin:0 0 2px;letter-spacing:-.3px}.dk-sidebar-header p{font-size:.78rem;margin:0;opacity:.85}.dk-grade-tabs{display:flex;gap:4px;padding:10px 12px;border-bottom:1px solid #e2e8f0}.dk-grade-tab{flex:1;padding:6px 8px;font-size:.8rem;font-weight:600;border:1.5px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;cursor:pointer;transition:all .2s}.dk-grade-tab.active{background:#1a7c3e;border-color:#1a7c3e;color:#fff}.dk-toc{flex:1;overflow-y:auto;padding:8px 0}.dk-bob-header{padding:8px 16px 4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8}.dk-mavzu-btn{display:block;width:100%;text-align:left;padding:9px 16px 9px 24px;font-size:.84rem;color:#334155;background:none;border:none;cursor:pointer;transition:background .15s,color .15s;line-height:1.35;border-left:3px solid transparent}.dk-mavzu-btn:hover{background:#f1f5f9;color:#1a7c3e}.dk-mavzu-btn.active{background:#f0fdf4;color:#1a7c3e;font-weight:600;border-left-color:#1a7c3e}.dk-mavzu-btn .dk-num{display:inline-block;width:22px;height:22px;background:#e2e8f0;border-radius:50%;text-align:center;line-height:22px;font-size:.72rem;font-weight:700;margin-right:8px;flex-shrink:0}.dk-mavzu-btn.active .dk-num{background:#1a7c3e;color:#fff}.dk-main{flex:1;overflow-y:auto;padding:0;display:flex;flex-direction:column;border-radius:16px;background:#fff;box-shadow:0 2px 12px #0000000f}.dk-content{max-width:860px;width:100%;margin:0 auto;padding:28px 32px 60px}.dk-breadcrumb{font-size:.78rem;color:#94a3b8;margin-bottom:16px;display:flex;align-items:center;gap:6px}.dk-breadcrumb span{color:#1a7c3e;font-weight:500}.dk-topic-header{background:linear-gradient(135deg,#1a7c3e,#2e9e56);border-radius:12px;padding:20px 24px;color:#fff;margin-bottom:20px;position:relative;overflow:hidden}.dk-topic-header:after{content:"";position:absolute;right:-20px;top:-20px;width:120px;height:120px;background:#ffffff0f;border-radius:50%}.dk-topic-header .dk-bob-label{font-size:.75rem;font-weight:600;opacity:.8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.dk-topic-header h1{font-size:1.4rem;font-weight:800;margin:0;letter-spacing:-.5px;line-height:1.3}.dk-top-row{display:grid;grid-template-columns:1fr 240px;gap:16px;margin-bottom:20px;align-items:start}.dk-natijalar{background:#fef9c3;border:1.5px solid #fde047;border-radius:10px;padding:14px 16px}.dk-natijalar h3{font-size:.82rem;font-weight:700;color:#854d0e;margin:0 0 8px;text-transform:uppercase;letter-spacing:.4px}.dk-natijalar ul{margin:0;padding:0 0 0 16px}.dk-natijalar ul li{font-size:.84rem;color:#713f12;margin-bottom:4px;line-height:1.4}.dk-intro{background:#fff;border-radius:10px;padding:16px 18px;border:1px solid #e2e8f0;font-size:.9rem;line-height:1.7;color:#334155}.dk-section-header{background:#1a7c3e;color:#fff;border-radius:8px;padding:10px 16px;font-size:.9rem;font-weight:700;margin:20px 0 12px;display:flex;align-items:center;gap:8px}.dk-section-header:before{content:"";display:inline-block;width:4px;height:4px;background:#fff;border-radius:50%;flex-shrink:0}.dk-text{font-size:.9rem;line-height:1.75;color:#334155;margin-bottom:12px}.dk-text p{margin:0 0 10px}.dk-text p:last-child{margin-bottom:0}.dk-numbered{padding:0;list-style:none;margin:0 0 16px}.dk-numbered li{display:flex;gap:12px;font-size:.88rem;line-height:1.65;color:#334155;margin-bottom:12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px 14px}.dk-numbered li .dk-li-num{min-width:26px;height:26px;background:#1a7c3e;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0;margin-top:1px}.dk-asosiy{background:#f0fdf4;border:1.5px solid #86efac;border-radius:10px;padding:16px 18px;margin:16px 0}.dk-asosiy h3{font-size:.82rem;font-weight:700;color:#166534;margin:0 0 10px;text-transform:uppercase;letter-spacing:.4px}.dk-asosiy-item{margin-bottom:10px;font-size:.87rem;line-height:1.6;color:#14532d}.dk-asosiy-item:last-child{margin-bottom:0}.dk-asosiy-item strong{color:#15803d}.dk-scholars{display:flex;flex-direction:column;gap:16px;margin:16px 0}.dk-scholar-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px;display:flex;gap:14px;align-items:flex-start}.dk-scholar-card.reverse{flex-direction:row-reverse}.dk-scholar-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#1a7c3e,#86efac);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.6rem;flex-shrink:0;border:3px solid #f0fdf4}.dk-scholar-body h4{font-size:.9rem;font-weight:700;color:#1a7c3e;margin:0 0 6px;line-height:1.3}.dk-scholar-body p{font-size:.83rem;line-height:1.6;color:#475569;margin:0}.dk-highlight{background:#fff7ed;border-left:4px solid #f59e0b;border-radius:0 8px 8px 0;padding:14px 16px;margin:14px 0;font-size:.88rem;line-height:1.65;color:#7c2d12}.dk-highlight strong{color:#b45309}.dk-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}.dk-diagram{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;padding:16px;text-align:center}.dk-diagram h4{font-size:.82rem;font-weight:700;color:#64748b;margin:0 0 12px;text-transform:uppercase;letter-spacing:.4px}.dk-hierarchy{display:flex;flex-direction:column;align-items:center;gap:0}.dk-hier-item{background:#1a7c3e;color:#fff;border-radius:8px;padding:10px 32px;font-size:.88rem;font-weight:700;min-width:160px;text-align:center}.dk-hier-item.secondary{background:#2e9e56}.dk-hier-item.tertiary{background:#4ade80;color:#14532d}.dk-hier-arrow{color:#94a3b8;font-size:1.2rem;margin:2px 0}.dk-hier-sub{font-size:.72rem;opacity:.85;font-weight:400;display:block;margin-top:2px}.dk-types-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.dk-type-card{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;padding:10px 12px;text-align:center;font-size:.8rem;font-weight:600;color:#334155}.dk-type-card .dk-type-icon{font-size:1.3rem;margin-bottom:4px;display:block}.dk-practice{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:20px;margin:20px 0}.dk-practice h3{font-size:.9rem;font-weight:700;color:#1a7c3e;margin:0 0 16px;display:flex;align-items:center;gap:8px}.dk-practice h3:before{content:"вљ—пёЏ";font-size:1rem}.dk-question{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #f1f5f9}.dk-question:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.dk-q-text{font-size:.88rem;font-weight:600;color:#1e293b;margin-bottom:10px;line-height:1.5}.dk-options{display:flex;flex-direction:column;gap:6px}.dk-option{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1.5px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:.84rem;color:#334155;background:#fff;transition:all .15s;text-align:left;width:100%}.dk-option:hover{background:#f8fafc;border-color:#94a3b8}.dk-option.correct{background:#f0fdf4;border-color:#22c55e;color:#15803d}.dk-option.wrong{background:#fef2f2;border-color:#ef4444;color:#b91c1c}.dk-option .dk-opt-letter{width:24px;height:24px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.dk-option.correct .dk-opt-letter{background:#22c55e;color:#fff}.dk-option.wrong .dk-opt-letter{background:#ef4444;color:#fff}.dk-feedback{margin-top:8px;font-size:.82rem;padding:8px 12px;border-radius:6px;display:none}.dk-feedback.show{display:block}.dk-feedback.correct{background:#f0fdf4;color:#15803d}.dk-feedback.wrong{background:#fef2f2;color:#b91c1c}.dk-topshiriq{background:linear-gradient(135deg,#f0fdf4,#fef9c3);border:1.5px solid #86efac;border-radius:12px;padding:20px 22px;margin:20px 0}.dk-topshiriq h3{font-size:.9rem;font-weight:800;color:#14532d;margin:0 0 14px;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.dk-topshiriq h3:before{content:"рџ“ќ";font-size:1rem}.dk-topshiriq ol{padding-left:20px;margin:0}.dk-topshiriq ol li{font-size:.88rem;color:#166534;margin-bottom:8px;line-height:1.6}.dk-nav-btns{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:20px;border-top:1px solid #e2e8f0}.dk-nav-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.85rem;font-weight:600;color:#334155;cursor:pointer;transition:all .2s}.dk-nav-btn:hover{background:#1a7c3e;border-color:#1a7c3e;color:#fff}.dk-nav-btn:disabled{opacity:.3;cursor:not-allowed}.dk-nav-btn:disabled:hover{background:#fff;border-color:#e2e8f0;color:#334155}.dk-progress-text{font-size:.8rem;color:#94a3b8;font-weight:500}.dk-main::-webkit-scrollbar,.dk-toc::-webkit-scrollbar{width:4px}.dk-main::-webkit-scrollbar-track,.dk-toc::-webkit-scrollbar-track{background:transparent}.dk-main::-webkit-scrollbar-thumb,.dk-toc::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.dk-gallery{margin:18px 0;padding:16px;background:linear-gradient(135deg,#fefaf6,#fff5e8);border-radius:14px;border:1px solid #fde68a}.dk-gallery-title{margin:0 0 14px;font-size:.95rem;font-weight:700;color:#92400e}.dk-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.dk-gallery-card{background:#fff;border:1px solid #fde68a;border-radius:10px;padding:12px 8px;text-align:center;transition:transform .2s,box-shadow .2s;cursor:default}.dk-gallery-card:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 6px 16px #92400e26}.dk-gallery-icon{font-size:2.4rem;margin-bottom:6px;display:block;animation:dk-gallery-float 3s ease-in-out infinite}.dk-gallery-card:nth-child(2n) .dk-gallery-icon{animation-delay:.4s}.dk-gallery-card:nth-child(3n) .dk-gallery-icon{animation-delay:.8s}@keyframes dk-gallery-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.dk-gallery-label{font-size:.82rem;font-weight:600;color:#1f2937}.dk-gallery-note{margin-top:4px;font-size:.72rem;color:#64748b}.dk-table-wrap{margin:18px 0;overflow-x:auto}.dk-table-title{margin:0 0 10px;font-size:.95rem;font-weight:700;color:#1a7c3e}.dk-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000000a;font-size:.88rem}.dk-table thead{background:linear-gradient(135deg,#1a7c3e,#2d9b4e);color:#fff}.dk-table th{padding:12px 14px;text-align:left;font-weight:600;font-size:.86rem;letter-spacing:.2px}.dk-table td{padding:11px 14px;border-top:1px solid #f1f5f9;color:#334155}.dk-table tbody tr:nth-child(2n){background:#f8fafc}.dk-table tbody tr:hover{background:#ecfdf5}.dk-compare-visual{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:stretch;margin:18px 0}.dk-compare-card{padding:18px 16px;border-radius:14px;text-align:center;transition:transform .25s}.dk-compare-card:hover{transform:translateY(-4px)}.dk-compare-left{background:linear-gradient(135deg,#dbeafe,#eff6ff);border:2px solid #93c5fd}.dk-compare-right{background:linear-gradient(135deg,#fce7f3,#fdf2f8);border:2px solid #f9a8d4}.dk-compare-icon{font-size:3rem;margin-bottom:8px;animation:dk-compare-pop 2s ease-in-out infinite}@keyframes dk-compare-pop{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.dk-compare-card h4{margin:0 0 8px;font-size:1.05rem;color:#1f2937}.dk-compare-card p{margin:0 0 10px;font-size:.85rem;color:#475569;line-height:1.55}.dk-compare-examples{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.dk-compare-examples span{background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:4px 10px;font-size:.75rem;color:#475569}.dk-compare-vs{align-self:center;font-weight:800;font-size:1.1rem;color:#94a3b8;background:#fff;border:2px dashed #cbd5e1;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;animation:dk-vs-rotate 8s linear infinite}@keyframes dk-vs-rotate{to{transform:rotate(360deg)}}@media(max-width:640px){.dk-compare-visual{grid-template-columns:1fr}.dk-compare-vs{margin:0 auto}}.dk-particles-anim{margin:20px 0;padding:18px;background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-radius:14px;border:1px solid #bae6fd}.dk-particles-title{margin:0 0 14px;font-size:.95rem;font-weight:700;color:#075985;text-align:center}.dk-particles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dk-particles-state{background:#fff;border-radius:10px;padding:12px 8px;text-align:center;border:1px solid #e0f2fe}.dk-state-label{font-weight:700;font-size:.9rem;color:#0c4a6e;margin-bottom:8px}.dk-state-box{position:relative;width:100%;height:90px;background:#f0f9ff;border-radius:8px;overflow:hidden;margin-bottom:8px;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:3px;padding:6px}.dk-particle{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#60a5fa,#1d4ed8);display:inline-block}.dk-p-solid{margin:1px;animation:dk-solid-vibrate 1.5s ease-in-out infinite}@keyframes dk-solid-vibrate{0%,to{transform:translate(0)}25%{transform:translate(.5px,-.5px)}75%{transform:translate(-.5px,.5px)}}.dk-p-liquid{margin:2px;background:radial-gradient(circle at 30% 30%,#38bdf8,#0369a1);animation:dk-liquid-flow 2.5s ease-in-out infinite}@keyframes dk-liquid-flow{0%,to{transform:translate(0)}25%{transform:translate(4px,-2px)}50%{transform:translate(-3px,3px)}75%{transform:translate(2px,4px)}}.dk-p-gas{margin:4px;background:radial-gradient(circle at 30% 30%,#93c5fd,#2563eb);animation:dk-gas-bounce 1.8s ease-in-out infinite}@keyframes dk-gas-bounce{0%{transform:translate(0)}20%{transform:translate(12px,-10px)}40%{transform:translate(-15px,8px)}60%{transform:translate(10px,14px)}80%{transform:translate(-8px,-12px)}to{transform:translate(0)}}.dk-state-desc{font-size:.72rem;color:#475569;line-height:1.4}@media(max-width:640px){.dk-particles-grid{grid-template-columns:1fr}.dk-state-box{height:70px}}.dk-experiment-flow{margin:20px 0;padding:18px;background:linear-gradient(135deg,#fef9c3,#fefce8);border-radius:14px;border:1px solid #fde047}.dk-experiment-title{margin:0 0 14px;font-size:1rem;font-weight:700;color:#713f12}.dk-flow-steps{display:flex;flex-direction:column;gap:10px}.dk-flow-step{display:grid;grid-template-columns:36px 44px 1fr;gap:12px;align-items:center;background:#fff;border-radius:10px;padding:10px 14px;border:1px solid #fde047;position:relative;transition:transform .2s}.dk-flow-step:hover{transform:translate(4px);box-shadow:0 4px 12px #d977061f}.dk-flow-num{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#facc15,#eab308);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:.85rem}.dk-flow-icon{font-size:1.6rem;text-align:center;animation:dk-flow-pulse 2s ease-in-out infinite}@keyframes dk-flow-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.dk-flow-text{font-size:.88rem;color:#1f2937;line-height:1.5}.dk-flow-result{margin-top:12px;padding:12px 16px;background:#fff;border-radius:10px;border-left:4px solid #f59e0b;font-size:.9rem;color:#78350f}.dk-info-box{margin:16px 0;padding:14px 16px;border-radius:10px;display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start}.dk-info-blue{background:#eff6ff;border-left:4px solid #3b82f6}.dk-info-green{background:#ecfdf5;border-left:4px solid #10b981}.dk-info-yellow{background:#fefce8;border-left:4px solid #eab308}.dk-info-red{background:#fef2f2;border-left:4px solid #ef4444}.dk-info-icon{font-size:1.6rem;text-align:center}.dk-info-body h4{margin:0 0 4px;font-size:.95rem;color:#1f2937}.dk-info-body p{margin:0;font-size:.86rem;color:#475569;line-height:1.55}.dk-virtual-lab{margin:22px 0;background:linear-gradient(135deg,#1e293b,#334155);border-radius:16px;padding:0;overflow:hidden;box-shadow:0 8px 24px #0f172a33;position:relative}.dk-virtual-lab:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(56,189,248,.15),transparent 50%),radial-gradient(circle at 80% 70%,rgba(168,85,247,.15),transparent 50%);pointer-events:none}.dk-vlab-header{padding:16px 20px;background:#0f172a66;border-bottom:1px solid rgba(148,163,184,.2);position:relative}.dk-vlab-badge{display:inline-block;background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:999px;letter-spacing:.6px;margin-bottom:8px}.dk-vlab-header h4{color:#f1f5f9;margin:0;font-size:1.05rem;font-weight:600}.dk-vlab-bench{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;padding:20px;background:linear-gradient(180deg,transparent 75%,rgba(56,189,248,.08) 100%);position:relative}.dk-vlab-bench:after{content:"";position:absolute;left:12px;right:12px;bottom:12px;height:4px;background:linear-gradient(90deg,#475569,#94a3b8,#475569);border-radius:2px;box-shadow:0 2px 6px #0000004d}.dk-vlab-item{background:#f8fafcf2;border:1px solid rgba(148,163,184,.3);border-radius:12px;padding:12px 8px;text-align:center;position:relative;z-index:1;transition:transform .25s,box-shadow .25s;cursor:default}.dk-vlab-item:hover{transform:translateY(-6px) scale(1.05);box-shadow:0 12px 24px #38bdf840;border-color:#38bdf8}.dk-vlab-icon{font-size:2.6rem;margin-bottom:6px;animation:dk-vlab-bob 3s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.dk-vlab-item:nth-child(2n) .dk-vlab-icon{animation-delay:.5s}.dk-vlab-item:nth-child(3n) .dk-vlab-icon{animation-delay:1s}@keyframes dk-vlab-bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}.dk-vlab-label{font-size:.84rem;font-weight:700;color:#1e293b}.dk-vlab-action{margin-top:4px;font-size:.72rem;color:#64748b;font-style:italic}.dk-vlab-obs{background:#f8fafcf2;margin:0 20px 16px;padding:12px 16px;border-radius:10px;border-left:4px solid #38bdf8;position:relative;z-index:1}.dk-vlab-obs strong{color:#0c4a6e}.dk-vlab-obs ul{margin:6px 0 0;padding-left:18px;font-size:.85rem;color:#334155}.dk-vlab-obs li{margin:3px 0}.dk-vlab-conclusion{margin:0 20px 20px;padding:12px 16px;background:linear-gradient(135deg,#22c55e26,#16a34a1a);border-left:4px solid #22c55e;border-radius:10px;color:#f0fdf4;font-size:.88rem;position:relative;z-index:1}.dk-vlab-conclusion strong{color:#bbf7d0}.dk-reaction-visual{margin:22px 0;padding:20px;background:linear-gradient(135deg,#fef3c7,#fef9c3);border:2px dashed #f59e0b;border-radius:16px}.dk-react-title{margin:0 0 16px;text-align:center;font-size:1rem;font-weight:700;color:#78350f}.dk-react-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}.dk-react-side{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.dk-react-mol{background:#fff;border-radius:12px;padding:12px 10px;text-align:center;min-width:80px;box-shadow:0 4px 10px #f59e0b26;transition:transform .25s}.dk-react-mol:hover{transform:translateY(-4px)}.dk-react-icon{font-size:2.4rem;animation:dk-react-spin 4s ease-in-out infinite;display:block;margin-bottom:4px}@keyframes dk-react-spin{0%,to{transform:rotate(-5deg) scale(1)}50%{transform:rotate(5deg) scale(1.1)}}.dk-react-mol:nth-child(2n) .dk-react-icon{animation-delay:.5s}.dk-react-formula{font-family:Courier New,monospace;font-weight:700;color:#b45309;font-size:.95rem}.dk-react-name{font-size:.74rem;color:#78350f;margin-top:2px}.dk-react-plus{font-size:1.6rem;font-weight:700;color:#b45309;padding:0 4px;animation:dk-plus-pulse 2s ease-in-out infinite}@keyframes dk-plus-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}.dk-react-arrow{display:flex;flex-direction:column;align-items:center;position:relative;min-width:80px}.dk-react-arrow-line{width:60px;height:4px;background:linear-gradient(90deg,#b45309,#f59e0b);border-radius:2px;position:relative;animation:dk-arrow-pulse 1.5s ease-in-out infinite}.dk-react-arrow-line:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);border-left:12px solid #b45309;border-top:8px solid transparent;border-bottom:8px solid transparent}@keyframes dk-arrow-pulse{0%,to{opacity:1}50%{opacity:.5}}.dk-react-cond{margin-top:6px;font-size:.7rem;color:#78350f;font-weight:600;background:#fff;padding:2px 8px;border-radius:999px;border:1px solid #fcd34d}.dk-react-equation{margin:14px 0 0;padding:10px;background:#fff;border-radius:8px;text-align:center;border:1px solid #fcd34d}.dk-react-equation code{font-size:.95rem;color:#78350f;font-weight:600;background:none}.dk-react-obs{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.dk-react-tag{background:#fff;border:1px solid #fcd34d;border-radius:999px;padding:4px 10px;font-size:.78rem;color:#78350f}@media(max-width:640px){.dk-react-flow{grid-template-columns:1fr}.dk-react-arrow{transform:rotate(90deg);margin:8px 0}}.dk-safety-checklist{margin:22px 0;background:linear-gradient(135deg,#fef2f2,#fff7ed);border:2px solid #fca5a5;border-radius:16px;overflow:hidden}.dk-safety-header{background:linear-gradient(135deg,#dc2626,#f97316);color:#fff;padding:14px 18px}.dk-safety-badge{display:inline-block;background:#fff3;font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:999px;letter-spacing:.6px;margin-bottom:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dk-safety-header h4{margin:0;font-size:1rem;color:#fff}.dk-safety-list{padding:14px 18px;display:flex;flex-direction:column;gap:8px}.dk-safety-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#fff;border-radius:10px;cursor:pointer;border:1px solid #fecaca;transition:all .25s;-webkit-user-select:none;user-select:none}.dk-safety-item:hover{border-color:#dc2626;transform:translate(4px)}.dk-safety-check{display:none}.dk-safety-box{width:22px;height:22px;border:2px solid #dc2626;border-radius:6px;flex-shrink:0;position:relative;transition:all .25s;background:#fff}.dk-safety-check:checked+.dk-safety-box{background:#22c55e;border-color:#16a34a}.dk-safety-check:checked+.dk-safety-box:after{content:"вњ“";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.95rem}.dk-safety-check:checked~.dk-safety-text{text-decoration:line-through;color:#94a3b8}.dk-safety-icon{font-size:1.4rem;flex-shrink:0}.dk-safety-text{flex:1;font-size:.88rem;color:#1f2937;line-height:1.4}.dk-safety-critical{border-color:#dc2626;background:#fff1f2}.dk-safety-tag{background:#dc2626;color:#fff;font-size:.65rem;font-weight:800;padding:2px 8px;border-radius:999px;letter-spacing:.4px;animation:dk-tag-blink 1.5s ease-in-out infinite}@keyframes dk-tag-blink{0%,to{opacity:1}50%{opacity:.6}}.dk-quiz-cards{margin:22px 0;padding:16px;background:linear-gradient(135deg,#ede9fe,#f5f3ff);border-radius:14px;border:1px solid #c4b5fd}.dk-quiz-title{margin:0 0 14px;font-size:1rem;font-weight:700;color:#5b21b6;text-align:center}.dk-quiz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.dk-quiz-card{position:relative;height:140px;cursor:pointer;perspective:1000px}.dk-quiz-face{position:absolute;inset:0;border-radius:12px;padding:12px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;backface-visibility:hidden;transition:transform .6s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #5b21b626}.dk-quiz-front{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.dk-quiz-back{background:linear-gradient(135deg,#10b981,#059669);color:#fff;transform:rotateY(180deg)}.dk-quiz-card.dk-quiz-flipped .dk-quiz-front{transform:rotateY(-180deg)}.dk-quiz-card.dk-quiz-flipped .dk-quiz-back{transform:rotateY(0)}.dk-quiz-icon{font-size:2rem;margin-bottom:6px;animation:dk-quiz-spin 2.5s ease-in-out infinite}@keyframes dk-quiz-spin{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.dk-quiz-q{font-size:.88rem;font-weight:600;line-height:1.35;margin-bottom:6px}.dk-quiz-hint{font-size:.7rem;opacity:.85;font-style:italic}.dk-quiz-a-icon{font-size:1.8rem;margin-bottom:6px}.dk-quiz-a{font-size:.9rem;font-weight:600;line-height:1.4}.dk-ilab{margin:24px 0;background:linear-gradient(135deg,#f0fdfa,#e0f2fe);border:2px solid #06b6d4;border-radius:16px;overflow:hidden}.dk-ilab .dk-ilab-header{padding:16px 20px;background:linear-gradient(135deg,#0891b2,#06b6d4);color:#fff}.dk-ilab-badge{display:inline-block;background:#ffffff40;font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:999px;letter-spacing:.6px;margin-bottom:6px}.dk-ilab-header h4{margin:0 0 4px;color:#fff;font-size:1.05rem}.dk-ilab-hint{margin:6px 0 0;font-size:.85rem;color:#fffffff2;font-style:italic}.dk-ilab-stage{padding:20px;display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,transparent 70%,rgba(6,182,212,.06))}.dk-ilab-beaker{width:180px;height:200px;background:linear-gradient(180deg,#ffffffb3,#fff6);border:4px solid #475569;border-top:none;border-radius:0 0 20px 20px;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #ffffff80,0 8px 24px #0f172a26}.dk-ilab-beaker:before{content:"";position:absolute;top:-10px;left:-8px;right:-8px;height:12px;border-top:4px solid #475569;border-radius:4px 4px 0 0}.dk-ilab-liquid{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(180deg,#38bdf866,#0e74904d);transition:background .6s,height .4s}.dk-ilab-liquid:before{content:"";position:absolute;top:-6px;left:0;right:0;height:12px;background:inherit;border-radius:50%;filter:brightness(1.1);animation:dk-liquid-wave 3s ease-in-out infinite}@keyframes dk-liquid-wave{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.05)}}.dk-ilab-liquid.dk-ilab-flash{animation:dk-flash .6s ease-in-out 3}@keyframes dk-flash{0%,to{filter:brightness(1)}50%{filter:brightness(2) saturate(1.5)}}.dk-ilab-content{position:absolute;inset:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:16px;z-index:2}.dk-ilab-placeholder{color:#64748b;font-size:.78rem;text-align:center;font-style:italic;padding:0 20px}.dk-ilab-added{font-size:2.4rem;animation:dk-add-drop .5s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}@keyframes dk-add-drop{0%{transform:translateY(-60px) scale(.5);opacity:0}60%{transform:translateY(10px) scale(1.2);opacity:1}to{transform:translateY(0) scale(1)}}.dk-ilab-bubbles{position:absolute;inset:0;pointer-events:none;z-index:3}.dk-ilab-bubble{position:absolute;bottom:0;width:10px;height:10px;background:radial-gradient(circle at 30% 30%,#fff,#fff9);border-radius:50%;animation:dk-bubble-rise 2.5s ease-in infinite;box-shadow:0 0 4px #fffc}@keyframes dk-bubble-rise{0%{bottom:0;opacity:0;transform:scale(.5)}20%{opacity:1;transform:scale(1)}to{bottom:100%;opacity:0;transform:scale(1.2)}}.dk-ilab-smoke{position:absolute;top:0;width:16px;height:16px;background:radial-gradient(circle,rgba(148,163,184,.6),transparent);border-radius:50%;animation:dk-smoke-rise 3s ease-out forwards}@keyframes dk-smoke-rise{0%{transform:translateY(20px) scale(.5);opacity:.8}to{transform:translateY(-100px) scale(2.5);opacity:0}}.dk-ilab-status{margin-top:12px;font-size:.82rem;color:#0c4a6e;background:#ffffffd9;padding:6px 14px;border-radius:999px;border:1px solid rgba(6,182,212,.3)}.dk-ilab-result{margin:0 20px;max-height:0;overflow:hidden;transition:max-height .5s,margin .3s}.dk-ilab-result.dk-ilab-result-show{max-height:200px;margin:0 20px 16px}.dk-ilab-reaction{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;background:linear-gradient(135deg,#fef3c7,#fef9c3);border:2px solid #f59e0b;border-radius:12px;padding:12px 14px;animation:dk-reaction-pop .6s cubic-bezier(.34,1.56,.64,1)}@keyframes dk-reaction-pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.dk-ilab-reaction-icon{font-size:2.4rem;text-align:center;animation:dk-reaction-spin 1s ease-out}@keyframes dk-reaction-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dk-ilab-reaction-body strong{color:#78350f;display:block;margin-bottom:4px;font-size:.95rem}.dk-ilab-reaction-body code{display:inline-block;font-size:.82rem;background:#fffc;padding:2px 8px;border-radius:6px;color:#78350f;font-family:Courier New,monospace}.dk-ilab-shelf{padding:16px 20px;background:#ffffffa6;border-top:2px dashed #06b6d4;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.dk-ilab-item{background:#fff;border:2px solid #cbd5e1;border-radius:12px;padding:12px 8px;cursor:pointer;text-align:center;transition:all .2s;font-family:inherit;position:relative}.dk-ilab-item:not(:disabled):hover{border-color:#06b6d4;transform:translateY(-4px);box-shadow:0 8px 16px #06b6d433}.dk-ilab-item:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.7)}.dk-ilab-item.dk-ilab-used{border-color:#22c55e;background:#f0fdf4}.dk-ilab-item.dk-ilab-used:after{content:"вњ“";position:absolute;top:4px;right:6px;color:#22c55e;font-weight:800;font-size:1rem}.dk-ilab-item-icon{font-size:2rem;margin-bottom:4px}.dk-ilab-item-label{font-size:.78rem;font-weight:600;color:#1f2937}.dk-ilab-item-formula{margin-top:3px;font-family:Courier New,monospace;font-size:.72rem;color:#06b6d4;font-weight:700}.dk-ilab-controls{padding:12px 20px 16px;text-align:center}.dk-ilab-reset{background:linear-gradient(135deg,#f59e0b,#ea580c);color:#fff;border:none;padding:8px 16px;border-radius:999px;font-weight:600;font-size:.85rem;cursor:pointer;font-family:inherit;transition:transform .2s}.dk-ilab-reset:hover{transform:scale(1.05)}.dk-ilab-reset:active{transform:scale(.97)}.dk-sort-game{margin:22px 0;padding:20px;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:2px solid #8b5cf6;border-radius:16px}.dk-sort-title{margin:0 0 6px;font-size:1.05rem;font-weight:700;color:#5b21b6;text-align:center}.dk-sort-intro{margin:0 0 14px;text-align:center;font-size:.85rem;color:#6d28d9}.dk-sort-cats{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:16px}.dk-sort-cat{background:#fff;border:2px solid var(--cat-color, #8b5cf6);border-radius:999px;padding:6px 14px;display:flex;align-items:center;gap:6px;font-size:.88rem;color:#1f2937}.dk-sort-cat-icon{font-size:1.2rem}.dk-sort-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.dk-sort-card{background:#fff;border:2px solid #c4b5fd;border-radius:12px;padding:12px 10px;text-align:center;transition:all .3s;display:flex;flex-direction:column;gap:8px}.dk-sort-card.dk-sort-correct{border-color:#22c55e;background:#f0fdf4}.dk-sort-card.dk-sort-shake{animation:dk-sort-shake .4s ease-in-out}@keyframes dk-sort-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.dk-sort-card-icon{font-size:2.2rem}.dk-sort-card-label{font-size:.86rem;font-weight:600;color:#1f2937;min-height:36px;display:flex;align-items:center;justify-content:center}.dk-sort-card-buttons{display:flex;flex-direction:column;gap:4px}.dk-sort-btn{background:#fff;border:1px solid var(--cat-color, #8b5cf6);color:var(--cat-color, #8b5cf6);padding:5px 10px;border-radius:8px;font-size:.78rem;cursor:pointer;font-family:inherit;transition:all .2s}.dk-sort-btn:not(:disabled):hover{background:var(--cat-color, #8b5cf6);color:#fff}.dk-sort-btn:disabled{opacity:.5;cursor:not-allowed}.dk-sort-card-feedback{font-size:.82rem;font-weight:600;min-height:18px}.dk-sort-correct .dk-sort-card-feedback{color:#16a34a}.dk-sort-scoreboard{margin-top:16px;display:flex;justify-content:space-between;align-items:center;background:#fff;padding:10px 16px;border-radius:10px;border:1px solid #c4b5fd}.dk-sort-scoreboard span{font-size:.9rem;color:#4c1d95}.dk-sort-scoreboard strong{color:#22c55e;font-size:1.1rem}.dk-sort-restart{background:#8b5cf6;color:#fff;border:none;padding:6px 14px;border-radius:999px;font-size:.82rem;cursor:pointer;font-family:inherit}.dk-sort-restart:hover{background:#7c3aed}.dk-thermo-lab{margin:22px 0;padding:20px;background:linear-gradient(135deg,#fef3c7,#fee2e2,#dbeafe);border:2px solid #f59e0b;border-radius:16px}.dk-thermo-title{margin:0 0 6px;font-size:1.05rem;font-weight:700;color:#78350f;text-align:center}.dk-thermo-modda{text-align:center;font-size:.85rem;color:#475569;margin-bottom:14px}.dk-thermo-wrap{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;background:#fff;padding:18px;border-radius:12px}.dk-thermo-stage{text-align:center}.dk-thermo-icon{font-size:4.5rem;line-height:1;margin-bottom:8px;animation:dk-thermo-float 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}@keyframes dk-thermo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.dk-thermo-state{font-weight:800;font-size:1.1rem;color:#1e293b;margin-bottom:4px}.dk-thermo-desc{font-size:.78rem;color:#64748b}.dk-thermo-bar{width:50px;height:200px;display:flex;flex-direction:column;align-items:center}.dk-thermo-tube{width:20px;flex:1;background:#e2e8f0;border-radius:10px 10px 0 0;position:relative;overflow:hidden;border:2px solid #475569;border-bottom:none}.dk-thermo-fill{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,#34d399,#6ee7b7);transition:height .4s,background .4s}.dk-thermo-bulb{width:36px;height:36px;background:#f87171;border-radius:50%;border:2px solid #475569;margin-top:-2px;box-shadow:inset -4px -4px 8px #00000026}.dk-thermo-controls{text-align:center}.dk-thermo-readout{font-size:1.6rem;font-weight:800;color:#b45309;background:#fef9c3;padding:8px 16px;border-radius:12px;border:2px solid #fcd34d;display:inline-block;margin-bottom:12px;font-family:Courier New,monospace}.dk-thermo-slider{width:100%;margin-bottom:12px;appearance:none;height:8px;background:linear-gradient(90deg,#60a5fa,#34d399,#fbbf24,#f87171);border-radius:999px;outline:none}.dk-thermo-slider::-webkit-slider-thumb{appearance:none;width:22px;height:22px;background:#fff;border:3px solid #1f2937;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0003}.dk-thermo-hints{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.dk-thermo-preset{background:#fff;border:1px solid #fcd34d;color:#78350f;padding:4px 10px;border-radius:999px;font-size:.75rem;cursor:pointer;font-family:inherit;transition:all .2s}.dk-thermo-preset:hover{background:#fcd34d;transform:scale(1.05)}@media(max-width:640px){.dk-thermo-wrap{grid-template-columns:1fr}.dk-thermo-bar{width:100%;height:100px;flex-direction:row}.dk-thermo-tube{width:100%;height:20px;border-radius:10px 0 0 10px;border-right:none;border-bottom:2px solid #475569}.dk-thermo-bulb{margin-top:0;margin-left:-2px}.dk-thermo-fill{right:auto;height:100%;width:50%;background:linear-gradient(to right,#34d399,#6ee7b7)!important;transition:width .4s!important}}.dk-ilab-steps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:14px;background:#0f172a40;padding:8px;border-radius:12px}.dk-ilab-step{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff2e;border-radius:8px;color:#ffffffb3;font-size:.78rem;transition:all .3s;border:1px solid transparent}.dk-step-num{width:22px;height:22px;border-radius:50%;background:#ffffff40;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem;flex-shrink:0}.dk-step-text{font-weight:500;line-height:1.2}.dk-ilab-step-active{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1f2937;border-color:#fde047;animation:dk-step-pulse 1.5s ease-in-out infinite;font-weight:600}@keyframes dk-step-pulse{0%,to{box-shadow:0 0 #fbbf24b3}50%{box-shadow:0 0 0 8px #fbbf2400}}.dk-ilab-step-active .dk-step-num{background:#fff;color:#b45309}.dk-ilab-step-done{background:linear-gradient(135deg,#34d399,#10b981);color:#fff;border-color:#6ee7b7}.dk-ilab-step-done .dk-step-num:after{content:"вњ“"}.dk-ilab-step-done .dk-step-num{background:#fff;color:transparent;position:relative}.dk-ilab-step-done .dk-step-num:after{content:"вњ“";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#10b981;font-weight:800}.dk-ilab-shelf-header{padding:10px 20px 6px;background:#06b6d414;border-top:2px solid #06b6d4;text-align:center;color:#0c4a6e;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:8px}.dk-shelf-arrow{font-size:1.2rem;animation:dk-arrow-bounce 1.2s ease-in-out infinite}@keyframes dk-arrow-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.dk-ilab-item-add{margin-top:4px;font-size:.65rem;font-weight:700;color:#06b6d4;background:#ecfeff;padding:2px 6px;border-radius:999px;border:1px solid #67e8f9;display:inline-block}.dk-ilab-item.dk-ilab-used .dk-ilab-item-add{background:#f0fdf4;color:#16a34a;border-color:#86efac}.dk-ilab-item.dk-ilab-used .dk-ilab-item-add:before{content:"вњ“ "}.dk-ilab-item:not(:disabled):not(.dk-ilab-used){animation:dk-item-hint 3s ease-in-out infinite}@keyframes dk-item-hint{0%,to{box-shadow:0 0 #06b6d400}50%{box-shadow:0 0 0 4px #06b6d433}}.dk-ilab-placeholder{animation:dk-placeholder-pulse 1.5s ease-in-out infinite}@keyframes dk-placeholder-pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.05);opacity:1}}.dk-sort-instructions{background:#fff;border:1px solid #c4b5fd;border-radius:10px;padding:10px 14px;margin-bottom:14px;display:flex;flex-direction:column;gap:4px}.dk-sort-step{font-size:.82rem;color:#4c1d95;line-height:1.4}.dk-thermo-instructions{background:#fff;border-left:4px solid #f59e0b;padding:10px 14px;border-radius:8px;margin-bottom:14px;font-size:.85rem;color:#78350f}.dk-vlab-howto{margin:8px 0 0;font-size:.85rem;color:#fffffff2;background:#ffffff1f;border:1px dashed rgba(255,255,255,.4);padding:8px 12px;border-radius:8px;line-height:1.4}.dk-vlab-howto strong{color:#fde047}.dk-vlab-item{font-family:inherit;appearance:none;cursor:pointer;position:relative}.dk-vlab-mark{position:absolute;top:6px;right:6px;font-size:.85rem;opacity:.5;animation:dk-mark-bounce 1.5s ease-in-out infinite}@keyframes dk-mark-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.dk-vlab-item.dk-vlab-expanded{background:linear-gradient(135deg,#fef3c7,#fef9c3);border-color:#f59e0b!important;transform:scale(1.04);box-shadow:0 8px 24px #f59e0b4d!important}.dk-vlab-item.dk-vlab-expanded .dk-vlab-mark{content:"вњ“";color:#f59e0b;opacity:1;font-size:1rem}.dk-vlab-item.dk-vlab-expanded .dk-vlab-mark:after{content:"вњ“"}.dk-vlab-item.dk-vlab-expanded .dk-vlab-mark>*{display:none}.dk-vlab-detail{max-height:0;overflow:hidden;transition:max-height .4s,margin .4s,padding .4s,opacity .3s;opacity:0;margin-top:0;padding:0;font-size:.75rem;color:#78350f;background:#ffffffb3;border-radius:6px}.dk-vlab-item.dk-vlab-expanded .dk-vlab-detail{max-height:200px;opacity:1;margin-top:8px;padding:8px 6px}.dk-match-lab{margin:22px 0;background:linear-gradient(135deg,#f0f9ff,#fef3c7);border:2px solid #f59e0b;border-radius:16px;overflow:hidden}.dk-match-header{padding:16px 20px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff}.dk-match-badge{display:inline-block;background:#ffffff40;font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:999px;letter-spacing:.6px;margin-bottom:6px}.dk-match-header h4{margin:0 0 6px;color:#fff;font-size:1.05rem}.dk-match-howto{margin:8px 0 0;background:#ffffff26;padding:10px 12px;border-radius:8px;border:1px dashed rgba(255,255,255,.45);font-size:.88rem;line-height:1.5}.dk-match-howto strong{color:#fde047}.dk-match-howto-sub{font-size:.78rem;opacity:.9}.dk-match-zones{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 20px;background:#f8fafc99}.dk-match-zone{background:#fff;border:2.5px dashed var(--cat-color, #3b82f6);border-radius:14px;padding:12px;min-height:160px;display:flex;flex-direction:column;transition:all .3s}.dk-match-zone-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--cat-color, #3b82f6);color:#fff;border-radius:999px;margin:-22px -2px 12px;align-self:center;font-size:.92rem;box-shadow:0 4px 12px #00000026}.dk-match-zone-icon{font-size:1.4rem}.dk-match-zone-count{background:#ffffff40;padding:2px 10px;border-radius:999px;font-weight:800;font-size:.85rem}.dk-match-zone-body{flex:1;display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start;justify-content:center}.dk-match-zone-placeholder{color:#94a3b8;font-size:.82rem;font-style:italic;text-align:center;align-self:center;margin:auto;padding:16px}.dk-match-placed{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #16a34a;border-radius:10px;padding:6px 12px;display:flex;align-items:center;gap:6px;animation:dk-match-drop-in .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 6px #16a34a33}@keyframes dk-match-drop-in{0%{transform:scale(0) translateY(-30px);opacity:0}60%{transform:scale(1.15) translateY(5px);opacity:1}to{transform:scale(1) translateY(0)}}.dk-match-placed-icon{font-size:1.4rem}.dk-match-placed-label{font-size:.82rem;font-weight:600;color:#14532d}.dk-match-pool-header{padding:12px 20px 4px;font-size:.92rem;color:#78350f;background:#fef3c780;border-top:2px solid #fcd34d}.dk-match-pool{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:12px 20px 20px;background:#fef3c74d}.dk-match-item{background:#fff;border:2px solid #fcd34d;border-radius:12px;padding:10px 8px;text-align:center;transition:all .3s;display:flex;flex-direction:column;gap:6px;position:relative}.dk-match-item.dk-match-correct{border-color:#22c55e;background:#f0fdf4;animation:dk-match-correct-pulse .6s ease-out}@keyframes dk-match-correct-pulse{0%{box-shadow:0 0 #22c55e80}to{box-shadow:0 0 0 16px #22c55e00}}.dk-match-item.dk-match-shake{border-color:#ef4444;background:#fef2f2;animation:dk-match-shake-anim .4s ease-in-out}@keyframes dk-match-shake-anim{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.dk-match-item.dk-match-removed{animation:dk-match-fly-out .5s ease-in forwards;pointer-events:none}@keyframes dk-match-fly-out{0%{transform:scale(1);opacity:1}to{transform:scale(.3) translateY(-40px);opacity:0}}.dk-match-icon{font-size:2.2rem;line-height:1}.dk-match-label{font-size:.82rem;font-weight:600;color:#1f2937;min-height:30px;display:flex;align-items:center;justify-content:center}.dk-match-actions{display:flex;flex-direction:column;gap:4px}.dk-match-pick{background:#fff;border:1.5px solid var(--cat-color, #3b82f6);color:var(--cat-color, #3b82f6);padding:5px 8px;border-radius:8px;font-size:.72rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s}.dk-match-pick:not(:disabled):hover{background:var(--cat-color, #3b82f6);color:#fff;transform:translate(2px)}.dk-match-feedback{font-size:.78rem;font-weight:600;min-height:16px;line-height:1.2}.dk-match-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#fff;border-top:2px solid #fcd34d}.dk-match-score{font-size:.95rem;color:#78350f}.dk-match-score strong{color:#22c55e;font-size:1.2rem;font-weight:800}.dk-match-reset{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;border:none;padding:8px 16px;border-radius:999px;font-weight:600;font-size:.85rem;cursor:pointer;font-family:inherit;transition:transform .2s}.dk-match-reset:hover{transform:scale(1.05)}.dk-match-win{margin:0 20px 12px;padding:14px 18px;background:linear-gradient(135deg,#fef3c7,#bbf7d0);border:2px solid #22c55e;border-radius:12px;text-align:center;font-size:1rem;color:#14532d;animation:dk-match-win-bounce .7s cubic-bezier(.34,1.56,.64,1)}.dk-match-win strong{display:block;margin-bottom:4px;font-size:1.2rem;color:#15803d}@keyframes dk-match-win-bounce{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}@media(max-width:640px){.dk-match-zones{grid-template-columns:1fr}}.dh-hub{position:fixed;inset:70px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#f8f9ff,#f0f4ff 40%,#fdf8ff,#f8fff8);overflow-y:auto;padding:48px 24px 64px;z-index:5}.dh-dots{position:absolute;top:0;width:200px;height:100%;background-image:radial-gradient(circle,#c7d2fe 1.2px,transparent 1.2px);background-size:22px 22px;opacity:.55;pointer-events:none}.dh-dots--left{left:0;-webkit-mask-image:linear-gradient(to right,black,transparent);mask-image:linear-gradient(to right,black,transparent)}.dh-dots--right{right:0;-webkit-mask-image:linear-gradient(to left,black,transparent);mask-image:linear-gradient(to left,black,transparent)}.dh-blob{position:absolute;pointer-events:none;border-radius:50%;filter:blur(70px);opacity:.35}.dh-blob--tl{width:360px;height:280px;top:-60px;right:-40px;background:radial-gradient(ellipse,#c4b5fd,transparent 70%)}.dh-blob--br{width:320px;height:240px;bottom:-40px;left:-20px;background:radial-gradient(ellipse,#bbf7d0,transparent 70%)}.dh-hero{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:44px;position:relative;z-index:1}.dh-hero-icon-wrap{width:72px;height:72px;background:linear-gradient(135deg,#ddd6fe,#c4b5fd);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;box-shadow:0 4px 20px #8b5cf633}.dh-hero-icon{font-size:2rem;line-height:1}.dh-title{font-size:2.6rem;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.8px}.dh-subtitle{font-size:1rem;color:#64748b;margin:0}.dh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;max-width:900px;position:relative;z-index:1}.dh-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:24px 22px 20px;background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 2px 16px #0f172a12;cursor:pointer;text-align:left;transition:transform .18s ease,box-shadow .18s ease}.dh-card:hover{transform:translateY(-5px);box-shadow:0 10px 36px #0f172a1f}.dh-card:active{transform:translateY(-2px)}.dh-card-top{display:flex;align-items:flex-start;justify-content:space-between;width:100%;margin-bottom:4px}.dh-card-icon-wrap{width:52px;height:52px;background:var(--accent-bg);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.dh-card-num{font-size:2.8rem;font-weight:800;color:var(--accent-num);line-height:1;letter-spacing:-2px;font-variant-numeric:tabular-nums}.dh-card-badge{display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--accent-badge);padding:3px 10px;border-radius:99px}.dh-card-title{font-size:1.05rem;font-weight:700;color:#0f172a;line-height:1.35}.dh-card-sub{font-size:.82rem;color:#64748b;margin:0;line-height:1.5;flex:1}.dh-card-footer{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:6px}.dh-card-cta{font-size:.85rem;font-weight:600;color:var(--accent)}.dh-card-arrow-btn{width:32px;height:32px;border-radius:50%;background:var(--accent-bg);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:.95rem;transition:background .15s ease,transform .15s ease}.dh-card:hover .dh-card-arrow-btn{background:var(--accent);color:#fff;transform:translate(2px)}.dh-divider{display:flex;align-items:center;gap:10px;margin-top:44px;width:220px;position:relative;z-index:1}.dh-divider-line{flex:1;height:1.5px;background:#8b5cf6;opacity:.35}.dh-divider-diamond{width:10px;height:10px;background:#8b5cf6;transform:rotate(45deg);border-radius:2px}.dh-back-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;margin-bottom:10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:.78rem;font-weight:600;color:#fff;cursor:pointer;transition:background .15s ease}.dh-back-btn:hover{background:#ffffff38}.dh-back-btn:not(.dh-back-btn--dark){background:#4f8ef71a;border-color:#4f8ef74d;color:#4f8ef7}.dh-back-btn:not(.dh-back-btn--dark):hover{background:#4f8ef733}@media(max-width:720px){.dh-grid{grid-template-columns:1fr;max-width:420px}.dh-title{font-size:1.8rem}.dh-hero{margin-bottom:28px}}#kimyo-page,#khan-academy-page{display:none;position:fixed;inset:70px 0 0;background:#f8fafc;overflow:hidden;z-index:5}#kimyo-page.active,#khan-academy-page.active{display:grid;grid-template-columns:320px 1fr;padding:10px 12px 12px;gap:10px}.kc-sidebar{background:linear-gradient(180deg,#0f172a,#1e293b);color:#f1f5f9;display:flex;flex-direction:column;border-radius:16px;overflow:hidden}.kc-sidebar-header{padding:18px 16px 14px;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#0ea5e9,#6366f1)}.kc-sidebar-header h2{margin:0 0 4px;font-size:1.1rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px}.kc-sidebar-header p{margin:0;font-size:.78rem;color:#ffffffd9}.kc-toc{flex:1;overflow-y:auto;padding:8px 0}.kc-unit{border-bottom:1px solid rgba(255,255,255,.06)}.kc-unit-header{display:grid;grid-template-columns:28px 1fr 16px;gap:10px;align-items:center;padding:10px 14px;cursor:pointer;background:#ffffff08;transition:background .2s;-webkit-user-select:none;user-select:none}.kc-unit-header:hover{background:#ffffff14}.kc-unit-icon{font-size:1.4rem;text-align:center}.kc-unit-num{font-size:.68rem;color:#38bdf8;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.kc-unit-title{font-size:.85rem;font-weight:600;color:#e2e8f0;line-height:1.3}.kc-unit-toggle{font-size:.85rem;color:#64748b;transition:transform .3s}.kc-unit-collapsed .kc-unit-toggle{transform:rotate(-90deg)}.kc-unit-body{max-height:1000px;overflow:hidden;transition:max-height .4s ease}.kc-unit-collapsed .kc-unit-body{max-height:0}.kc-lesson-btn{width:100%;background:transparent;border:none;color:#cbd5e1;text-align:left;padding:8px 16px 8px 50px;font-size:.8rem;cursor:pointer;display:grid;grid-template-columns:16px 1fr auto;gap:10px;align-items:center;font-family:inherit;border-left:3px solid transparent;transition:all .2s}.kc-lesson-btn:hover{background:#ffffff0d;color:#f1f5f9}.kc-lesson-btn.active{background:linear-gradient(90deg,rgba(14,165,233,.2),transparent);color:#38bdf8;border-left-color:#0ea5e9}.kc-play-icon{font-size:.65rem;color:#64748b}.kc-lesson-btn.active .kc-play-icon{color:#0ea5e9}.kc-lesson-title{font-weight:500;line-height:1.35}.kc-lesson-duration{font-size:.7rem;color:#64748b;font-family:Courier New,monospace}.kc-main{overflow-y:auto;background:#f8fafc;border-radius:16px}.kc-content{max-width:880px;margin:0 auto;padding:32px 24px 80px}.kc-breadcrumb{font-size:.8rem;color:#64748b;margin-bottom:10px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.kc-bc-course{color:#0ea5e9;font-weight:600}.kc-bc-sep{color:#cbd5e1}.kc-bc-unit{color:#475569}.kc-lesson-heading{font-size:1.85rem;font-weight:700;color:#0f172a;margin:0 0 12px;line-height:1.25}.kc-meta{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.kc-meta-item{font-size:.82rem;color:#64748b;display:inline-flex;align-items:center;gap:4px}.kc-video-wrap{position:relative;width:100%;padding-top:56.25%;background:#000;border-radius:12px;overflow:hidden;margin-bottom:24px;box-shadow:0 12px 32px #0f172a26}.kc-video{position:absolute;inset:0;width:100%;height:100%;border:none}.kc-summary{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-left:4px solid #0ea5e9;border-radius:12px;padding:16px 20px;margin-bottom:18px}.kc-summary h3{margin:0 0 8px;font-size:1rem;color:#0c4a6e;font-weight:700}.kc-summary p{margin:0;font-size:.95rem;color:#1f2937;line-height:1.6}.kc-keypoints{background:linear-gradient(135deg,#fefce8,#fef9c3);border-left:4px solid #eab308;border-radius:12px;padding:16px 20px;margin-bottom:18px}.kc-keypoints h3{margin:0 0 12px;font-size:1rem;color:#78350f;font-weight:700}.kc-keypoints ul{margin:0;padding:0;list-style:none}.kc-keypoints li{display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:start;padding:6px 0;font-size:.9rem;color:#1f2937;line-height:1.5}.kc-kp-marker{width:20px;height:20px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;margin-top:2px}.kc-unit-info{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 20px;margin-bottom:18px}.kc-unit-info h4{margin:0 0 6px;font-size:.95rem;color:#0f172a}.kc-unit-info p{margin:0;font-size:.86rem;color:#64748b;line-height:1.55}.kc-nav-btns{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin-top:28px;padding-top:20px;border-top:1px solid #e2e8f0}.kc-nav-btn{background:#fff;border:1px solid #cbd5e1;color:#334155;padding:10px 14px;border-radius:10px;font-size:.85rem;cursor:pointer;font-family:inherit;font-weight:500;transition:all .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kc-nav-btn:not(:disabled):hover{border-color:#0ea5e9;background:#eff6ff;color:#0ea5e9}.kc-nav-btn-next{text-align:right}.kc-nav-btn:disabled{opacity:.4;cursor:not-allowed}.kc-progress{font-size:.82rem;color:#64748b;font-weight:500;font-family:Courier New,monospace}.kc-sidebar::-webkit-scrollbar,.kc-toc::-webkit-scrollbar,.kc-main::-webkit-scrollbar{width:6px}.kc-sidebar::-webkit-scrollbar-track,.kc-toc::-webkit-scrollbar-track{background:transparent}.kc-sidebar::-webkit-scrollbar-thumb,.kc-toc::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.kc-main::-webkit-scrollbar-track{background:#f1f5f9}.kc-main::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}@media(max-width:900px){#kimyo-page.active,#khan-academy-page.active{grid-template-columns:1fr;grid-template-rows:auto 1fr}.kc-sidebar{max-height:200px}.kc-content{padding:20px 16px 60px}.kc-lesson-heading{font-size:1.4rem}.kc-nav-btns{grid-template-columns:1fr}.kc-progress{text-align:center}}.kc-video-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;align-items:center}.kc-video-action{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1.5px solid #cbd5e1;color:#334155;padding:8px 14px;border-radius:999px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s;white-space:nowrap}.kc-video-action:hover{border-color:#ef4444;background:#fef2f2;color:#ef4444;transform:translateY(-2px)}.kc-video-action-primary{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#dc2626}.kc-video-action-primary:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border-color:#b91c1c}.kc-video-help{background:#fef9c3;border:1px solid #fde047;border-left:4px solid #ca8a04;border-radius:8px;padding:10px 14px;font-size:.82rem;color:#713f12;line-height:1.5;flex:1;min-width:280px}.kc-video-help strong{color:#854d0e}.kc-definition{background:linear-gradient(135deg,#ede9fe,#f5f3ff);border-left:4px solid #8b5cf6;border-radius:12px;padding:16px 20px;margin-bottom:18px}.kc-definition h3{margin:0 0 8px;font-size:1rem;color:#5b21b6;font-weight:700}.kc-definition p{margin:0;font-size:.95rem;color:#1f2937;line-height:1.6;font-weight:500}.kc-examples{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-left:4px solid #22c55e;border-radius:12px;padding:16px 20px;margin-bottom:18px}.kc-examples h3{margin:0 0 8px;font-size:1rem;color:#14532d;font-weight:700}.kc-examples ol{margin:0;padding-left:22px}.kc-examples li{font-size:.9rem;color:#1f2937;line-height:1.55;margin:5px 0}.kc-formulas{background:linear-gradient(135deg,#1e293b,#334155);border-radius:12px;padding:16px 20px;margin-bottom:18px;color:#f1f5f9}.kc-formulas h3{margin:0 0 12px;font-size:1rem;color:#fbbf24;font-weight:700}.kc-formulas ul{margin:0;padding:0;list-style:none}.kc-formulas li{margin:8px 0;padding:8px 12px;background:#ffffff14;border-radius:8px;border-left:3px solid #fbbf24}.kc-formulas code{font-family:Courier New,monospace;color:#fde047;font-size:.95rem;font-weight:600;background:none}.kc-applications{background:linear-gradient(135deg,#ecfeff,#f0f9ff);border-left:4px solid #06b6d4;border-radius:12px;padding:16px 20px;margin-bottom:18px}.kc-applications h3{margin:0 0 8px;font-size:1rem;color:#0e7490;font-weight:700}.kc-applications ul{margin:0;padding-left:22px}.kc-applications li{font-size:.9rem;color:#1f2937;line-height:1.55;margin:5px 0}.kc-terms{background:linear-gradient(135deg,#fef3c7,#fefce8);border-left:4px solid #f59e0b;border-radius:12px;padding:16px 20px;margin-bottom:18px}.kc-terms h3{margin:0 0 12px;font-size:1rem;color:#78350f;font-weight:700}.kc-term{padding:6px 0;font-size:.9rem;color:#1f2937;line-height:1.55;border-bottom:1px dashed #fcd34d}.kc-term:last-child{border-bottom:none}.kc-term strong{color:#b45309}.kc-questions{background:linear-gradient(135deg,#fce7f3,#fdf2f8);border-left:4px solid #ec4899;border-radius:12px;padding:16px 20px;margin-bottom:18px}.kc-questions h3{margin:0 0 8px;font-size:1rem;color:#9d174d;font-weight:700}.kc-questions ol{margin:0;padding-left:22px}.kc-questions li{font-size:.9rem;color:#1f2937;line-height:1.55;margin:6px 0}.kc-summary p+p{margin-top:10px}.kc-summary p{font-size:.95rem;color:#1f2937;line-height:1.65}body.dark{--bg-color: #09101f;--element-bg: #101827;--element-hover: #1a2a45;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #475569;--text-highlight: #93c5fd;--border-color: rgba(255, 255, 255, .07);--modal-bg-glass: rgba(9, 16, 31, .97);--modal-text-main: #f1f5f9;--modal-text-sub: #94a3b8}body.dark,body.dark *{transition-property:background-color,border-color,color,box-shadow;transition-duration:.25s;transition-timing-function:ease}body.dark .nav-pill-slider,body.dark .eit-mode-slider,body.dark .sv-nav-pill-slider{transition:transform .35s cubic-bezier(.34,1.56,.64,1),width .3s cubic-bezier(.34,1.56,.64,1),background-color .25s ease!important}body.dark ::-webkit-scrollbar{background:#0f1829}body.dark ::-webkit-scrollbar-thumb{background:#1e2d4d;border-radius:4px}body.dark .global-nav{background:#09101fe0;border-color:#ffffff14;box-shadow:0 4px 32px #00000080,0 1px 2px #0000004d}body.dark .nav-brand{color:#f1f5f9}body.dark .nav-brand:hover{color:#94a3b8;opacity:1}body.dark .global-nav-pill{background:#ffffff0f}body.dark .nav-pill-slider{background:#ffffff21;box-shadow:0 1px 3px #0006}body.dark .nav-pill-btn{color:#94a3b8}body.dark .nav-pill-btn:hover:not(.active){color:#e2e8f0}body.dark .nav-pill-btn.active{color:#fff}body.dark .lang-dropdown-toggle{color:#94a3b8}body.dark .lang-dropdown-toggle:hover{color:#e2e8f0}body.dark .lang-dropdown-menu{background:#111827;border-color:#ffffff1a;box-shadow:0 8px 32px #00000080}body.dark .lang-option{color:#94a3b8}body.dark .lang-option:hover{background:#ffffff12;color:#e2e8f0}body.dark .lang-option.active{color:#fff;background:#ffffff1a}body.dark .element-search-wrapper{background:#ffffff0f;border-color:#ffffff14}body.dark .element-search-input{color:#e2e8f0;background:transparent}body.dark .element-search-input::placeholder{color:#475569}body.dark .element-search-results{background:#111827;border-color:#ffffff1a;box-shadow:0 8px 32px #00000080}body.dark .element-search-icon{color:#475569}.dark-mode-btn{width:34px;height:34px;border-radius:50%;border:none;background:#0000000d;color:#555;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease;flex-shrink:0}.dark-mode-btn:hover{background:#00000017;color:#1d1d1f}body.dark .dark-mode-btn{background:#ffffff14;color:#94a3b8}body.dark .dark-mode-btn:hover{background:#ffffff24;color:#e2e8f0}body.dark .element.alkali-metal{background-color:#2a1515;color:#fca5a5}body.dark .element.alkaline-earth,body.dark .element.alkaline-earth-metal{background-color:#2a1f10;color:#fbbf80}body.dark .element.transition-metal{background-color:#252010;color:#fde68a}body.dark .element.post-transition-metal{background-color:#121a2e;color:#93c5fd}body.dark .element.metalloid{background-color:#0f2218;color:#6ee7b7}body.dark .element.other-nonmetal,body.dark .element.non-metal,body.dark .element.polyatomic-nonmetal,body.dark .element.diatomic-nonmetal{background-color:#132610;color:#86efac}body.dark .element.halogen{background-color:#252512;color:#fef08a}body.dark .element.noble-gas{background-color:#1e1530;color:#c4b5fd}body.dark .element.lanthanide{background-color:#281810;color:#fdba74}body.dark .element.actinide{background-color:#2a1515;color:#fca5a5}body.dark .element.unknown{background-color:#1a1a2e;color:#94a3b8}body.dark .element:hover{filter:brightness(1.25);box-shadow:0 4px 16px #00000080}body.dark #periodic-table .element.eit-no-data{background-color:#1a1f2e!important;color:#4b5563!important;background-image:repeating-linear-gradient(-45deg,rgba(75,85,99,.15) 0,rgba(75,85,99,.15) 6px,transparent 6px,transparent 12px)}body.dark #periodic-table .element.eit-colored .symbol{color:#fff}body.dark #periodic-table .element.eit-colored .number,body.dark #periodic-table .element.eit-colored .name{color:#ffffffb3}body.dark .eit-property-trigger{background:#ffffff12;color:#94a3b8}body.dark .eit-property-trigger:hover{background:#ffffff1f;color:#e2e8f0}body.dark .eit-mode-group{background:#ffffff0f}body.dark .eit-mode-slider{background:#ffffff21}body.dark .eit-mode-btn{color:#94a3b8}body.dark .eit-mode-btn.active{color:#fff}body.dark .eit-slider-values span{background:#ffffff14;color:#e2e8f0}body.dark .eit-slider-track{background:#ffffff1a}body.dark .legend-swatch.alkali-metal{background-color:#2a1515}body.dark .legend-swatch.alkaline-earth{background-color:#2a1f10}body.dark .legend-swatch.transition-metal{background-color:#252010}body.dark .legend-swatch.post-transition-metal{background-color:#121a2e}body.dark .legend-swatch.metalloid{background-color:#0f2218}body.dark .legend-swatch.nonmetal{background-color:#132610}body.dark .legend-swatch.halogen{background-color:#252512}body.dark .legend-swatch.noble-gas{background-color:#1e1530}body.dark .legend-swatch.lanthanide{background-color:#281810}body.dark .legend-swatch.actinide{background-color:#2a1515}body.dark .ions-table-page{background:#09101f}body.dark .ion-table-heading{color:#e2e8f0;border-bottom-color:#ffffff1a}body.dark .ions-table-page .element{border-color:#ffffff0f}body.dark .modal-overlay{background:#00000080}body.dark .modal-content{background:#111827;border-color:#ffffff14;box-shadow:0 40px 100px -20px #000000b3}body.dark .modal-left{background:#0f1829}body.dark .modal-right{background:#111827}body.dark .modal-header-name,body.dark .modal-element-name{color:#f1f5f9}body.dark .modal-tab{color:#64748b}body.dark .modal-tab.active{color:#e2e8f0}body.dark .modal-tab-bar{border-bottom-color:#ffffff14}body.dark .property-label{color:#64748b}body.dark .property-value{color:#e2e8f0}body.dark .modal-section-title,body.dark .modal-close{color:#94a3b8}body.dark .modal-close:hover{color:#e2e8f0;background:#ffffff14}body.dark .chemistry-tools-page,body.dark #blank-page-1{background:#09101f}body.dark .chem-tools-page-title{color:#f1f5f9}body.dark .chem-tools-page-subtitle{color:#64748b}body.dark .chem-tool-card{background:#111827;border-color:#ffffff12;box-shadow:0 2px 12px #0006}body.dark .chem-tool-card:hover{background:#141f33;box-shadow:0 8px 32px #00000080;border-color:#ffffff24}body.dark .chem-tool-name{color:#f1f5f9}body.dark .chem-tool-title{color:#e2e8f0}body.dark .chem-tool-subtitle,body.dark .chem-tool-desc{color:#64748b}body.dark .chem-tool-badge{background:#ffffff14;color:#94a3b8}body.dark .chem-tool-arrow{opacity:1;transform:scale(1) translate(0);background:#ffffff14;color:#94a3b8}body.dark .chem-tool-card:hover .chem-tool-arrow{background:#6366f1b3;color:#fff}body.dark .balancer-icon{background:#8b5cf640;color:#a78bfa}body.dark .molar-icon{background:#f9731640;color:#fb923c}body.dark .chem-tool-card[data-tool=solubility] .chem-tool-icon-box{background:#10b98140!important;color:#34d399!important;stroke:#34d399!important}body.dark .chem-tool-card[data-tool=virtual-lab] .chem-tool-icon-box{background:#6366f140!important;color:#818cf8!important;stroke:#818cf8!important}body.dark .chem-tool-card[data-tool=solubility] .chem-tool-icon-box svg{stroke:#34d399}body.dark .chem-tool-card[data-tool=virtual-lab] .chem-tool-icon-box svg{stroke:#818cf8}body.dark .chem-tool-card--cambridge{background:#111827}body.dark .chem-tool-card--cambridge:hover{background:#141f33}body.dark #chemlab-nav-card .chem-tool-icon-box{background:linear-gradient(135deg,#0ea5e94d,#6366f14d)!important;color:#7dd3fc!important}body.dark #chemlab-nav-card .chem-tool-icon-box svg{stroke:#7dd3fc}body.dark .cambridge-cta-btn{background:linear-gradient(135deg,#1e3a8a,#1e40af);box-shadow:0 4px 16px #1e40af66}body.dark .tool-modal-panel{background:#111827;border-color:#ffffff14}body.dark .tool-modal-header{border-bottom-color:#ffffff14}body.dark .tool-modal-title{color:#f1f5f9}body.dark .tool-input{background:#0f1829;border-color:#ffffff1a;color:#e2e8f0}body.dark .tool-input:focus{border-color:#6366f199}body.dark .tool-result-box{background:#0a1020;border-color:#ffffff12;color:#e2e8f0}body.dark #blank-page-2,body.dark .worksheet-page{background:#09101f}body.dark .worksheet-container{background:#111827;border-color:#ffffff12}body.dark .worksheet-header{background:#0f1829}body.dark .ws-label{color:#94a3b8}body.dark .ws-input,body.dark .ws-select{background:#0f1829;border-color:#ffffff1a;color:#e2e8f0}body.dark .ws-btn-primary{background:#4f46e5}body.dark .ws-btn-primary:hover{background:#4338ca}body.dark .dh-hub{background:linear-gradient(160deg,#09101f,#0c1630 60%,#09101f)}body.dark .dh-dots{background-image:radial-gradient(circle,#1e3a5f 1.2px,transparent 1.2px);opacity:.6}body.dark .dh-blob--tl{background:radial-gradient(ellipse,rgba(99,102,241,.25),transparent 70%);opacity:.5}body.dark .dh-blob--br{background:radial-gradient(ellipse,rgba(16,185,129,.2),transparent 70%);opacity:.5}body.dark .dh-hero-icon-wrap{background:linear-gradient(135deg,#6366f14d,#8b5cf64d);box-shadow:0 4px 20px #6366f140}body.dark .dh-title{color:#f1f5f9}body.dark .dh-subtitle{color:#64748b}body.dark .dh-card{background:#111827;border-color:#ffffff12;box-shadow:0 2px 20px #00000080}body.dark .dh-card:hover{border-color:#ffffff24;box-shadow:0 10px 40px #0009}body.dark .dh-card-icon-wrap{background:#ffffff12}body.dark .dh-card-num{color:#ffffff14}body.dark .dh-card-title{color:#f1f5f9}body.dark .dh-card-sub{color:#64748b}body.dark .dh-card-badge{background:#ffffff14}body.dark .dh-card-arrow-btn{background:#ffffff12}body.dark .dh-card:hover .dh-card-arrow-btn{background:var(--accent);color:#fff}body.dark #darslik-page{background:#0c1525}body.dark .dk-sidebar{background:#0f1829;box-shadow:0 2px 12px #0000004d}body.dark .dk-sidebar-header{background:#0f1829;border-bottom-color:#ffffff12}body.dark .dk-sidebar-header h2{color:#f1f5f9}body.dark .dk-sidebar-header p{color:#64748b}body.dark .dk-grade-tabs{border-bottom-color:#ffffff12}body.dark .dk-grade-tab{color:#64748b}body.dark .dk-grade-tab.active{color:#6366f1;border-bottom-color:#6366f1}body.dark .dk-sidebar-list{background:#0f1829}body.dark .dk-bob-header{color:#94a3b8;border-bottom-color:#ffffff0f}body.dark .dk-bob-header:hover{background:#ffffff0a}body.dark .dk-mavzu-btn{color:#94a3b8}body.dark .dk-mavzu-btn:hover{background:#ffffff0d;color:#e2e8f0}body.dark .dk-mavzu-btn.active{background:#6366f126;color:#818cf8;border-left-color:#6366f1}body.dark .dk-main{background:#0c1525;box-shadow:0 2px 12px #0000004d}body.dark .dk-content h1,body.dark .dk-content h2,body.dark .dk-content h3{color:#f1f5f9}body.dark .dk-content p{color:#94a3b8}body.dark .dk-content table{border-color:#ffffff14}body.dark .dk-content th{background:#1a2540;color:#e2e8f0}body.dark .dk-content td{border-color:#ffffff0f;color:#94a3b8}body.dark .dk-content code{background:#1a2540;color:#93c5fd}body.dark .dk-content blockquote{border-left-color:#4f46e5;background:#4f46e51a;color:#94a3b8}body.dark .dk-nav-footer{border-top-color:#ffffff12;background:#0f1829}body.dark .dk-nav-btn{background:#1a2540;color:#94a3b8;border-color:#ffffff14}body.dark .dk-nav-btn:hover{background:#1e2d50;color:#e2e8f0}body.dark .kc-main *{color:inherit}body.dark .lc-title{color:#f1f5f9}body.dark .lc-description{color:#94a3b8}body.dark .lc-video-wrapper{background:#000;border-color:#ffffff12}body.dark .lc-nav-btn{background:#1a2540;color:#94a3b8;border-color:#ffffff14}body.dark .lc-nav-btn:hover{background:#1e2d50;color:#e2e8f0}body.dark .lc-progress{color:#64748b}body.dark .cs-unit-header{background:#ffffff0a;color:#64748b}body.dark .cs-unit-header:hover{background:#ffffff14}body.dark .cs-lesson-btn{color:#94a3b8}body.dark .cs-lesson-btn:hover{background:#ffffff0f;color:#e2e8f0}body.dark .cs-lesson-btn.active{background:#ffffff1a;color:#fff}body.dark .blank-page{background:#09101f}body.dark .kc-main{background:#0c1525}body.dark .kc-content{color:#e2e8f0}body.dark .kc-breadcrumb{color:#475569}body.dark .kc-bc-course{color:#38bdf8}body.dark .kc-bc-sep{color:#334155}body.dark .kc-bc-unit{color:#64748b}body.dark .kc-lesson-heading{color:#f1f5f9}body.dark .kc-meta{border-bottom-color:#ffffff12}body.dark .kc-meta-item{color:#64748b}body.dark .kc-video-action{background:#ffffff0f;border-color:#ffffff1a;color:#94a3b8}body.dark .kc-video-action:hover{background:#ef444426;border-color:#ef4444;color:#f87171}body.dark .kc-video-action-primary{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#dc2626}body.dark .kc-video-action-primary:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}body.dark .kc-video-help{background:#eab3081a;border-color:#eab30840;border-left-color:#ca8a04;color:#fde68a}body.dark .kc-video-help strong{color:#fbbf24}body.dark .kc-summary{background:#0ea5e914;border-left-color:#0ea5e9}body.dark .kc-summary h3{color:#38bdf8}body.dark .kc-summary p{color:#cbd5e1}body.dark .kc-keypoints{background:#eab30814;border-left-color:#eab308}body.dark .kc-keypoints h3{color:#fcd34d}body.dark .kc-keypoints li{color:#cbd5e1}body.dark .kc-definition{background:#8b5cf61a;border-left-color:#8b5cf6}body.dark .kc-definition h3{color:#a78bfa}body.dark .kc-definition p{color:#cbd5e1}body.dark .kc-examples{background:#22c55e14;border-left-color:#22c55e}body.dark .kc-examples h3{color:#4ade80}body.dark .kc-examples li{color:#cbd5e1}body.dark .kc-applications{background:#06b6d414;border-left-color:#06b6d4}body.dark .kc-applications h3{color:#22d3ee}body.dark .kc-applications li{color:#cbd5e1}body.dark .kc-terms{background:#f59e0b14;border-left-color:#f59e0b}body.dark .kc-terms h3{color:#fbbf24}body.dark .kc-term{color:#cbd5e1;border-bottom-color:#f59e0b33}body.dark .kc-term strong{color:#fcd34d}body.dark .kc-questions{background:#ec489914;border-left-color:#ec4899}body.dark .kc-questions h3{color:#f472b6}body.dark .kc-questions li{color:#cbd5e1}body.dark .kc-unit-info{background:#ffffff0a;border-color:#ffffff14}body.dark .kc-unit-info h4{color:#e2e8f0}body.dark .kc-unit-info p{color:#64748b}body.dark .kc-nav-btns{border-top-color:#ffffff12}body.dark .kc-nav-btn{background:#ffffff0d;border-color:#ffffff1a;color:#94a3b8}body.dark .kc-nav-btn:not(:disabled):hover{background:#0ea5e926;border-color:#0ea5e9;color:#38bdf8}body.dark .kc-progress{color:#475569}body.dark .kc-main::-webkit-scrollbar-track{background:#0c1525}body.dark .kc-main::-webkit-scrollbar-thumb{background:#1e2d4d}body.dark .dk-main{background:#0c1525}body.dark .dk-content{color:#e2e8f0}body.dark .dk-breadcrumb{color:#475569}body.dark .dk-breadcrumb span{color:#4ade80}body.dark .dk-intro{background:#ffffff0a;border-color:#ffffff14;color:#94a3b8}body.dark .dk-text{color:#94a3b8}body.dark .dk-numbered li{background:#ffffff0a;border-color:#ffffff12;color:#94a3b8}body.dark .dk-highlight{background:#0ea5e917;border-left-color:#0ea5e9;color:#94a3b8}body.dark .dk-highlight strong{color:#38bdf8}body.dark .dk-note{background:#f59e0b14;border-color:#f59e0b33;color:#fde68a}body.dark .dk-note strong{color:#fbbf24}body.dark .dk-formula{background:#6366f11a;border-color:#6366f140;color:#a5b4fc}body.dark .dk-table{border-color:#ffffff14}body.dark .dk-table th{background:#1a2540;color:#e2e8f0;border-color:#ffffff14}body.dark .dk-table td{background:#ffffff05;color:#94a3b8;border-color:#ffffff0f}body.dark .dk-table tr:nth-child(2n) td{background:#ffffff0a}body.dark .dk-nav-footer{background:#0f1829;border-top-color:#ffffff12}body.dark .dk-quiz-option{background:#ffffff0d;border-color:#ffffff14;color:#94a3b8}body.dark .dk-quiz-option:hover{background:#6366f126;border-color:#6366f1;color:#e2e8f0}body.dark .dk-quiz-option.correct{background:#22c55e26;border-color:#22c55e;color:#4ade80}body.dark .dk-quiz-option.wrong{background:#ef444426;border-color:#ef4444;color:#f87171}body.dark .sec-highlight{background:#0ea5e917;border-left-color:#0ea5e9;color:#cbd5e1}body.dark .sec-note{background:#f59e0b17;border-left-color:#f59e0b;color:#fde68a}body.dark .sec-formula{background:#6366f11a;border-color:#6366f140;color:#a5b4fc}body.dark .sec-text{color:#94a3b8}body.dark .sec-title{color:#e2e8f0}body.dark .sec-list li{color:#94a3b8}body.dark .dk-highlight{background:#f59e0b17;border-left-color:#f59e0b;color:#fde68a}body.dark .dk-highlight strong{color:#fbbf24}body.dark .dk-asosiy{background:#22c55e12;border-color:#22c55e33}body.dark .dk-asosiy h3{color:#4ade80}body.dark .dk-asosiy-item{color:#86efac}body.dark .dk-asosiy-item strong{color:#4ade80}body.dark .dk-scholar-card{background:#ffffff0a;border-color:#ffffff12}body.dark .dk-scholar-body h4{color:#4ade80}body.dark .dk-scholar-body p{color:#64748b}body.dark .dk-scholar-avatar{border-color:#22c55e26}body.dark .dk-diagram{background:#ffffff0a;border-color:#ffffff14}body.dark .dk-diagram h4{color:#64748b}body.dark .dk-intro,body.dark .dk-type-card{background:#ffffff0a;border-color:#ffffff14;color:#94a3b8}body.dark .dk-gallery-card{background:#ffffff0a;border-color:#ffffff14}body.dark .dk-gallery-label{color:#94a3b8}body.dark .dk-gallery-note{color:#64748b}body.dark .dk-gallery-title{color:#e2e8f0}body.dark .dk-compare-left{background:#0ea5e917;border-color:#0ea5e933}body.dark .dk-compare-right{background:#ef444417;border-color:#ef444433}body.dark .dk-compare-card h4{color:#f1f5f9}body.dark .dk-compare-card p{color:#94a3b8}body.dark .dk-compare-examples span{background:#ffffff12;color:#94a3b8}body.dark .dk-compare-vs{color:#475569}body.dark .dk-practice{background:#ffffff08;border-color:#ffffff12}body.dark .dk-practice h3{color:#4ade80}body.dark .dk-question{border-bottom-color:#ffffff0f}body.dark .dk-q-text{color:#e2e8f0}body.dark .dk-option{background:#ffffff0d;border-color:#ffffff14;color:#94a3b8}body.dark .dk-option:hover{background:#6366f126;border-color:#6366f1;color:#e2e8f0}body.dark .dk-option.correct{background:#22c55e26;border-color:#22c55e;color:#4ade80}body.dark .dk-option.wrong{background:#ef444426;border-color:#ef4444;color:#f87171}body.dark .dk-feedback-correct{background:#22c55e1a;color:#4ade80;border-color:#22c55e33}body.dark .dk-feedback-wrong{background:#ef44441a;color:#f87171;border-color:#ef444433}body.dark .dk-particles-state{background:#ffffff0a;border-color:#ffffff12}body.dark .dk-state-label{color:#94a3b8}body.dark .dk-state-desc{color:#64748b}body.dark .dk-flow-step{background:#ffffff0a;border-color:#ffffff12}body.dark .dk-flow-text{color:#94a3b8}body.dark .dk-flow-icon{color:#e2e8f0}body.dark .dk-info-box{background:#6366f117;border-color:#6366f133;color:#a5b4fc}body.dark .dk-reaction-visual{background:#ffffff08;border-color:#ffffff12}body.dark .dk-reaction-eq{color:#e2e8f0}body.dark .dk-reaction-label{color:#64748b}body.dark .dk-safety-item{color:#94a3b8}body.dark .dk-safety-item.danger{color:#f87171}body.dark .dk-safety-item.warning{color:#fcd34d}body.dark .dk-safety-item.safe{color:#4ade80}body.dark .dk-natijalar{background:#eab30814;border-color:#eab30833}body.dark .dk-natijalar h3{color:#fcd34d}body.dark .dk-natijalar li{color:#fde68a}body.dark .dk-match-zones{gap:12px}body.dark .dk-match-zone{background:#ffffff0a;border-color:#ffffff1a}body.dark .dk-match-zone.active{border-color:#6366f1;background:#6366f11a}body.dark .dk-match-zone-label{color:#64748b}body.dark .dk-match-chip{background:#ffffff12;border-color:#ffffff1f;color:#e2e8f0}body.dark .dk-match-chip:hover{background:#6366f133;border-color:#6366f1}body.dark .dk-sort-item{background:#ffffff0d;border-color:#ffffff1a;color:#e2e8f0}body.dark .dk-vlab{background:#ffffff08;border-color:#ffffff12}body.dark .dk-vlab-title{color:#e2e8f0}.ion-table-cell[data-color-group=basic_cat1]{background-color:#ffcdd2}.ion-table-cell[data-color-group=basic_cat2]{background-color:#ffcc80}.ion-table-cell[data-color-group=basic_cat3]{background-color:#fff59d}.ion-table-cell[data-color-group=basic_an1]{background-color:#b2ebf2}.ion-table-cell[data-color-group=basic_an2]{background-color:#bbdefb}.ion-table-cell[data-color-group=basic_an3]{background-color:#e1bee7}.ion-table-cell[data-color-group=core_c]{background-color:#cfd8dc}.ion-table-cell[data-color-group=core_n]{background-color:#f8bbd0}.ion-table-cell[data-color-group=core_s]{background-color:#dcedc8}.ion-table-cell[data-color-group=core_p]{background-color:#d1c4e9}.ion-table-cell[data-color-group=core_cl]{background-color:#b9f6ca}.ion-table-cell[data-color-group=trans_cu]{background-color:#ffab91}.ion-table-cell[data-color-group=trans_fe]{background-color:#bcaaa4}.ion-table-cell[data-color-group=trans_pb]{background-color:#eee}.ion-table-cell[data-color-group=trans_mn]{background-color:#e1bee7}.ion-table-cell[data-color-group=trans_cr]{background-color:#ffe082}.ion-table-cell[data-color-group=spec_pair]{background-color:#b2dfdb}.ion-table-cell[data-color-group=spec_acid]{background-color:#f0f4c3}.ion-table-cell[data-color-group=spec_org]{background-color:#d7ccc8}.ion-table-cell[data-color-group=default]{background-color:#f0f0f0}body.dark .ion-table-cell[data-color-group=basic_cat1]{background-color:#2d1418;color:#fca5a5}body.dark .ion-table-cell[data-color-group=basic_cat2]{background-color:#2d1f0d;color:#fbbf80}body.dark .ion-table-cell[data-color-group=basic_cat3]{background-color:#262510;color:#fef08a}body.dark .ion-table-cell[data-color-group=basic_an1]{background-color:#0d2428;color:#67e8f9}body.dark .ion-table-cell[data-color-group=basic_an2]{background-color:#0f1e30;color:#93c5fd}body.dark .ion-table-cell[data-color-group=basic_an3]{background-color:#1c1028;color:#c4b5fd}body.dark .ion-table-cell[data-color-group=core_c]{background-color:#141c22;color:#94a3b8}body.dark .ion-table-cell[data-color-group=core_n]{background-color:#2a1020;color:#f9a8d4}body.dark .ion-table-cell[data-color-group=core_s]{background-color:#142610;color:#86efac}body.dark .ion-table-cell[data-color-group=core_p]{background-color:#181028;color:#a5b4fc}body.dark .ion-table-cell[data-color-group=core_cl]{background-color:#0c2818;color:#6ee7b7}body.dark .ion-table-cell[data-color-group=trans_cu]{background-color:#2a1508;color:#fdba74}body.dark .ion-table-cell[data-color-group=trans_fe]{background-color:#1c1612;color:#d4b8a8}body.dark .ion-table-cell[data-color-group=trans_pb]{background-color:#1a1e24;color:#94a3b8}body.dark .ion-table-cell[data-color-group=trans_mn]{background-color:#1c1028;color:#c4b5fd}body.dark .ion-table-cell[data-color-group=trans_cr]{background-color:#252010;color:#fcd34d}body.dark .ion-table-cell[data-color-group=spec_pair]{background-color:#0d2020;color:#5eead4}body.dark .ion-table-cell[data-color-group=spec_acid]{background-color:#1e2210;color:#d9f99d}body.dark .ion-table-cell[data-color-group=spec_org]{background-color:#1c1814;color:#c4a99a}body.dark .ion-table-cell[data-color-group=default]{background-color:#1a1f2e;color:#94a3b8}body.dark .ion-table-cell{border-color:#ffffff0f!important}body.dark .legend-item{background:#ffffff12!important;box-shadow:inset 0 0 0 1px #ffffff1a!important;color:#94a3b8}body.dark .legend-item:hover{background:#ffffff21!important;box-shadow:inset 0 0 0 1px #ffffff2e,0 4px 12px #0000004d!important;color:#e2e8f0}body.dark .legend-item.active{background:#e2e8f0!important;color:#0f172a!important;box-shadow:0 8px 24px #0000004d!important}body.dark .balancer-scale-container{background:linear-gradient(180deg,#111827,#0f1829)!important}body.dark .scale-beam{stroke:#1e2d4d!important}body.dark .scale-pan{stroke:#1e2d4d!important;fill:none!important}body.dark .scale-chain,body.dark .scale-stand,body.dark .scale-base{stroke:#334155!important}body.dark .scale-pivot{fill:#4f6070!important;stroke:#4f6070!important}body.dark .scale-pivot-cap{fill:#64748b!important}body.dark .scale-label{fill:#94a3b8!important}body.dark .balancer-formula-input,body.dark .tool-input,body.dark .tool-select,body.dark .realtime-input{background:#0f1829!important;border-color:#ffffff1a!important;color:#e2e8f0!important}body.dark .balancer-formula-input:focus,body.dark .tool-input:focus,body.dark .realtime-input:focus{border-color:#6366f180!important;box-shadow:0 0 0 3px #6366f126!important;background:#111827!important}body.dark .balancer-side{background:#111827!important;border-color:#ffffff12!important}body.dark .balancer-side-label{color:#64748b!important}body.dark .sv-tab-btn{color:#94a3b8!important}body.dark .sv-tab-btn.active{color:#fff!important}body.dark .sv-tab-group{background:#ffffff0f!important}body.dark .sv-nav-pill-slider{background:#ffffff21!important;opacity:1!important}body.dark .balancer-feedback{background:#ffffff0d!important;border-color:#ffffff14!important}body.dark .balancer-feedback .feedback-text{color:#64748b!important}body.dark .balancer-feedback.balanced{background:#22c55e1a!important;border-color:#22c55e40!important}body.dark .balancer-feedback.unbalanced{background:#eab3081a!important;border-color:#eab30833!important}body.dark .balancer-arrow{color:#334155!important}body.dark .atom-count-display{color:#475569!important}body.dark .tool-result-box,body.dark .tool-explanation-box,body.dark .tool-breakdown-box{background:#0f1829!important;border-color:#ffffff14!important;color:#94a3b8!important}body.dark .result-value{color:#e2e8f0!important}body.dark .result-label{color:#475569!important}body.dark .tool-modal-tags .grade-tag{background:#ffffff12!important;color:#64748b!important}body.dark .tool-modal-tags .feature-tag{background:#05966926!important;color:#34d399!important}body.dark .toggle-label{color:#94a3b8!important}body.dark .toggle-label:hover{background:#ffffff0f!important}body.dark .molar-example-chip{background:#ffffff0d!important;border-color:#ffffff14!important;color:#94a3b8!important;box-shadow:none!important}body.dark .molar-example-chip:hover,body.dark .molar-example-chip.active{background:#6366f126!important;border-color:#6366f159!important;color:#a5b4fc!important}body.dark .element-input-row input{background:#0f1829!important;border-color:#ffffff1a!important;color:#e2e8f0!important}body.dark .element-input-row input:focus{background:#111827!important;border-color:#6366f166!important}body.dark #mode-switcher-pill{background:#ffffff12!important}body.dark #balancer-mode-slider{background:#1e293b!important;box-shadow:0 1px 4px #00000080!important}body.dark .nav-pill-btn{color:#94a3b8!important;background:transparent!important}body.dark .nav-pill-btn.active{color:#e2e8f0!important}body.dark .balancer-example-box{background:#0f1829!important;border-color:#ffffff14!important;color:#94a3b8!important}body.dark .balancer-example-box code{background:#1a2540!important;color:#a5b4fc!important}.rotate-device-overlay{display:none}@media(pointer:coarse)and (orientation:portrait)and (min-width:768px){.rotate-device-overlay{display:flex!important;position:fixed;inset:0;z-index:100000;background:#f5f0eb;align-items:center;justify-content:center;text-align:center;padding:2rem}.desktop-only-overlay,.container,.global-nav,.floating-about-btn,.copyright-notice{display:none!important}}@media(pointer:fine),(orientation:landscape){.rotate-device-overlay{display:none!important}}.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}}.mobile-notice-box{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:40px 32px;background:#fff;border-radius:24px;box-shadow:0 8px 40px #00000014;max-width:320px;width:calc(100% - 48px)}.mobile-notice-box svg{color:#1d1d1f;opacity:.7}.mobile-notice-box h1{font-size:1.6rem;font-weight:700;color:#1d1d1f;letter-spacing:-.02em;margin:0}.mobile-notice-box p{font-size:.95rem;color:#555;line-height:1.6;margin:0}.mobile-notice-sub{font-size:.82rem!important;color:#aaa!important}@media(pointer:coarse)and (max-width:1024px){.desktop-only-overlay{background:#f5f0eb!important;justify-content:center!important;align-items:center!important;padding:24px!important}}.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}.chemlab-wrapper *,.chemlab-wrapper *:before,.chemlab-wrapper *:after{box-sizing:border-box}.chemlab-wrapper{margin:0;min-width:320px;min-height:100%;font-family:Crimson Text,Georgia,serif;background:#0a1628;color:#ffffffde;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.chemlab-wrapper ::-webkit-scrollbar{width:6px}.chemlab-wrapper ::-webkit-scrollbar-track{background:#0a1628}.chemlab-wrapper ::-webkit-scrollbar-thumb{background:#2a5a8a;border-radius:3px}.chemlab-wrapper select,.chemlab-wrapper input[type=number],.chemlab-wrapper input[type=text],.chemlab-wrapper input[type=checkbox],.chemlab-wrapper textarea{background:#0006;border:1px solid #2a5a8a;color:#c8dce8;padding:6px 10px;border-radius:4px;font-family:Crimson Text,serif;font-size:14px}.chemlab-wrapper select:focus,.chemlab-wrapper input:focus,.chemlab-wrapper textarea:focus{outline:none;border-color:#4a9adf}.chemlab-wrapper option{background:#0a1628}.chemlab-wrapper .tab-btn{background:transparent;border:1px solid #2a5a8a;color:#8ab4d4;padding:8px 20px;cursor:pointer;transition:all .2s;font-family:Crimson Text,serif;font-size:15px;letter-spacing:.5px}.chemlab-wrapper .tab-btn:hover{background:#1a3a5a;color:#c8e0f4}.chemlab-wrapper .tab-btn.active{background:#1a4a7a;color:#e8f4ff;border-color:#4a9adf}.chemlab-wrapper .vessel-card{background:#ffffff0d;border:1px solid #2a4a6a;border-radius:8px;padding:12px;cursor:pointer;transition:all .2s;margin-bottom:8px}.chemlab-wrapper .vessel-card:hover{border-color:#4a9adf;background:#4a9adf1a}.chemlab-wrapper .vessel-card.selected{border-color:#4af;background:#44aaff26;box-shadow:0 0 12px #44aaff4d}.chemlab-wrapper .chem-btn{background:#ffffff0f;border:1px solid #2a4a6a;color:#c8dce8;padding:6px 10px;cursor:pointer;transition:all .15s;font-size:12px;border-radius:4px;text-align:left;width:100%;font-family:Crimson Text,serif}.chemlab-wrapper .chem-btn:hover{background:#4a9adf33;border-color:#4a9adf}.chemlab-wrapper .chem-btn.selected{background:#4a9adf4d;border-color:#7ac}.chemlab-wrapper .action-btn{background:linear-gradient(135deg,#1a3a5a,#1a4a6a);border:1px solid #3a6a9a;color:#c8e4f8;padding:8px 14px;cursor:pointer;border-radius:6px;font-size:13px;transition:all .2s;font-family:Crimson Text,serif}.chemlab-wrapper .action-btn:hover{background:linear-gradient(135deg,#2a4a6a,#2a5a7a);transform:translateY(-1px)}.chemlab-wrapper .action-btn:active{transform:translateY(0)}.chemlab-wrapper .action-btn.danger{background:linear-gradient(135deg,#5a1a1a,#7a2a2a);border-color:#9a3a3a}.chemlab-wrapper .action-btn.success{background:linear-gradient(135deg,#1a5a2a,#1a6a3a);border-color:#2a9a4a}.chemlab-wrapper .obs-box{background:#0000004d;border:1px solid #2a5a3a;border-radius:6px;padding:12px;font-family:JetBrains Mono,monospace;font-size:12px;color:#a8d8b8;line-height:1.6;white-space:pre-wrap}.chemlab-wrapper .log-entry{border-bottom:1px solid rgba(42,90,138,.3);padding:6px 0;font-size:12px;font-family:JetBrains Mono,monospace}.chemlab-wrapper .log-entry:last-child{border-bottom:none}.chemlab-wrapper .q-card{background:#ffffff08;border:1px solid #2a4a6a;border-radius:10px;margin-bottom:16px;overflow:hidden}.chemlab-wrapper .q-header{background:linear-gradient(90deg,rgba(26,58,90,.8),transparent);padding:14px 18px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.chemlab-wrapper .q-body{padding:18px}.chemlab-wrapper .score-bar{height:20px;background:#0000004d;border-radius:10px;overflow:hidden}.chemlab-wrapper .score-fill{height:100%;border-radius:10px;transition:width 1s ease;background:linear-gradient(90deg,#2a8a4a,#4adf7a)}.chemlab-wrapper .vessel-visual{width:60px;height:80px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;font-size:36px;position:relative}.chemlab-wrapper .vessel-liquid{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:40px;height:20px;border-radius:0 0 8px 8px;transition:background .5s}@keyframes cl-bounceIn{0%{transform:scale(.55);opacity:0}60%{transform:scale(1.06);opacity:1}80%{transform:scale(.97)}to{transform:scale(1)}}@keyframes cl-reactionFlash{0%,to{box-shadow:0 0 #4adf8c00;border-color:#2a4a6a}25%{box-shadow:0 0 22px #4adf8cbf;border-color:#4adf8c}60%{box-shadow:0 0 14px #4adf8c66;border-color:#3acf7a}}@keyframes cl-heatGlow{0%,to{box-shadow:0 0 #ff8c0000;border-color:#2a4a6a}25%{box-shadow:0 0 22px #ff8c00cc;border-color:#ff8c00}60%{box-shadow:0 0 14px #ffb40066;border-color:#ffb300}}@keyframes cl-stirShake{0%,to{transform:rotate(0)scale(1)}20%{transform:rotate(-3deg)scale(1.02)}40%{transform:rotate(3deg)scale(1.02)}60%{transform:rotate(-2deg)scale(1.01)}80%{transform:rotate(2deg)scale(1.01)}}@keyframes cl-obsSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chemlab-wrapper .vessel-new{animation:cl-bounceIn .65s cubic-bezier(.36,.07,.19,.97) both}.chemlab-wrapper .vessel-reaction{animation:cl-reactionFlash .9s ease-out}.chemlab-wrapper .vessel-heat{animation:cl-heatGlow .9s ease-out}.chemlab-wrapper .vessel-stir{animation:cl-stirShake .55s ease-in-out}.chemlab-wrapper .obs-animate{animation:cl-obsSlideIn .35s ease-out}.chemlab-wrapper .palette-panel{width:252px;border-right:1px solid #1a3a5a;overflow-y:auto;padding:8px 8px 24px;flex-shrink:0}.chemlab-wrapper .palette-heading{font-family:Playfair Display,serif;font-size:10px;font-weight:700;letter-spacing:1.8px;color:#4a7a9a;padding:4px 6px 6px;margin-top:4px}.chemlab-wrapper .palette-group-hdr{display:flex;align-items:center;gap:5px;width:100%;background:none;border:none;padding:5px 6px;cursor:pointer;border-radius:4px;transition:background .15s;margin-bottom:2px}.chemlab-wrapper .palette-group-hdr:hover{background:#ffffff0d}.chemlab-wrapper .palette-chevron{font-size:10px;color:var(--grp-color,#60a5fa);width:12px;flex-shrink:0;line-height:1}.chemlab-wrapper .palette-group-label{font-family:Playfair Display,serif;font-size:11px;font-weight:600;letter-spacing:.5px;line-height:1}.chemlab-wrapper .palette-count{margin-left:auto;font-size:9px;color:#3a6a8a;font-family:JetBrains Mono,monospace}.chemlab-wrapper .palette-items{padding:0 0 4px 4px}.chemlab-wrapper .equip-card{display:flex;align-items:center;gap:8px;width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:6px;padding:7px 10px;margin-bottom:3px;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.chemlab-wrapper .equip-card:hover{background:#ffffff1a;border-color:#fff3;transform:translate(3px)}.chemlab-wrapper .equip-card:active{transform:translate(1px) scale(.98)}.chemlab-wrapper .equip-icon{font-size:17px;flex-shrink:0;line-height:1}.chemlab-wrapper .equip-label{font-size:12.5px;font-family:Crimson Text,serif;color:#c8dce8;flex:1;text-align:left}.chemlab-wrapper .equip-add{font-size:14px;color:#2a6a8a;opacity:0;transition:opacity .15s,color .15s;flex-shrink:0}.chemlab-wrapper .equip-card:hover .equip-add{opacity:1;color:#4a9adf}.chemlab-wrapper .chem-card{display:flex;align-items:stretch;width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:6px;margin-bottom:3px;cursor:pointer;overflow:hidden;transition:background .15s,border-color .15s,transform .15s;text-align:left}.chemlab-wrapper .chem-card:hover{background:#ffffff17;border-color:#ffffff29;transform:translate(3px)}.chemlab-wrapper .chem-card:active{transform:translate(1px) scale(.98)}.chemlab-wrapper .chem-card.selected{background:#4a9adf21;border-color:#4a9adf;box-shadow:0 0 8px #4a9adf33}.chemlab-wrapper .chem-swatch{width:14px;flex-shrink:0;border-radius:5px 0 0 5px;transition:box-shadow .2s;box-shadow:inset -1px 0 #00000040;outline:1px solid rgba(255,255,255,.08);outline-offset:-1px}.chemlab-wrapper .chem-body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:5px 8px;min-width:0}.chemlab-wrapper .chem-name{font-size:12.5px;font-family:Crimson Text,serif;color:#c8dce8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.chemlab-wrapper .chem-card:hover .chem-name,.chemlab-wrapper .chem-card.selected .chem-name{color:#e8f4ff}.chemlab-wrapper .chem-detail{display:block;font-size:9.5px;font-family:JetBrains Mono,monospace;color:#3a6a8a;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chemlab-wrapper .chem-card:hover .chem-detail{color:#5a8aaa}.chemlab-wrapper .chem-card.selected .chem-detail{color:#4a9adf}.chemlab-wrapper .chem-check{width:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:#4adf9a}.chemlab-wrapper .fa-card{border-color:#5a4010!important;background:linear-gradient(90deg,#2a1e06,#1e1a08)!important}.chemlab-wrapper .fa-card:hover{border-color:#c8820a!important;background:linear-gradient(90deg,#3a2a0a,#2a200a)!important}.chemlab-wrapper .fa-card.selected{border-color:#f9a825!important;background:linear-gradient(90deg,#3a2a08,#2a2008)!important}.chemlab-wrapper .fa-swatch{width:5px!important;min-height:32px!important;background:repeating-linear-gradient(135deg,#c8820a 0 3px,#2a1e06 3px 6px)!important}.chemlab-wrapper .fa-label{font-size:13px!important;font-weight:700!important;letter-spacing:.04em;color:#f9a825!important;font-family:JetBrains Mono,monospace!important}.chemlab-wrapper .fa-card.selected .fa-label{color:#fc4!important}.chemlab-wrapper .fa-card-known{background:linear-gradient(90deg,#1e1a0e,#181508)!important;border-color:#4a380a!important;opacity:.85}.chemlab-wrapper .fa-card-known:hover{border-color:#a06810!important;opacity:1}.chemlab-wrapper .fa-card-known.selected{border-color:#c8820a!important;opacity:1}.chemlab-wrapper .fa-card-known .fa-label{color:#c8820a!important}.chemlab-wrapper .fa-card-known.selected .fa-label{color:#e8a830!important}.chemlab-wrapper .fa-swatch-known{background:repeating-linear-gradient(135deg,#a06810 0 3px,#1e1a0e 3px 6px)!important;opacity:.7}.chemlab-wrapper .action-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:4px}.chemlab-wrapper .action-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:9px 4px;background:linear-gradient(160deg,#1a3a5a,#152e4a);border:1px solid #2a4a6a;border-radius:8px;cursor:pointer;transition:background .18s,transform .15s,border-color .18s;font-family:Crimson Text,serif}.chemlab-wrapper .action-tile:hover{background:linear-gradient(160deg,#2a4a6a,#22406a);border-color:#4a7aaa;transform:translateY(-2px)}.chemlab-wrapper .action-tile:active{transform:translateY(0) scale(.97)}.chemlab-wrapper .action-tile.danger{background:linear-gradient(160deg,#5a1a1a,#6a2020);border-color:#8a3030}.chemlab-wrapper .action-tile.danger:hover{background:linear-gradient(160deg,#6a2020,#7a2a2a);border-color:#aa4040}.chemlab-wrapper .action-tile-icon{font-size:20px;line-height:1}.chemlab-wrapper .action-tile-label{font-size:11px;color:#a8c8e0;text-align:center;line-height:1.2}