.substance-sticker{min-width:0;margin:0}.substance-sticker img{display:block;width:100%;height:100%;object-fit:contain}.substance-sticker--thumbnail{width:100%;height:100%;padding:10px}.substance-sticker--thumbnail svg{width:100%;height:100%}.substance-sticker--portrait{display:grid;grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;padding:26px;text-align:center}.substance-sticker--portrait img,.substance-sticker--portrait svg{min-height:0;width:100%;height:100%}.substance-sticker figcaption{margin-top:6px;color:#aebbb1;font-size:11px;line-height:1.45}.substance-sticker--reference{width:min(100%,320px);margin:10px auto 14px;padding:10px;border:1px solid #465451;border-radius:14px;background:#ffffff05}.substance-sticker--reference img{height:180px}.substance-sticker--profile{width:min(100%,240px);margin-top:12px;padding:8px;border:1px solid #455451;border-radius:10px;background:#ffffff04}.substance-sticker--profile img{height:120px}.substance-sticker--compact{width:100%;height:100%;padding:3px}.substance-sticker--portrait svg,.substance-sticker--reference svg{min-height:0;width:100%;height:100%}.substance-sticker--reference svg{height:180px}.specimen-context{color:#bdc9c1;font-size:12px;line-height:1.65}.element-compound-dialog{position:fixed;inset:50% auto auto 50%;width:min(760px,calc(100vw - 28px));max-width:none;max-height:min(820px,calc(100dvh - 28px));margin:0;padding:0;transform:translate(-50%,-50%);overflow:hidden;color:#e2e9e3;border:1px solid #65716e;border-radius:23px 17px 22px 18px;background:transparent;box-shadow:0 24px 80px #050909a6}.element-compound-dialog::backdrop{background:#101618a6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.element-compound-dialog__panel{display:grid;grid-template-rows:auto auto minmax(0,1fr);max-height:min(820px,calc(100dvh - 28px));overflow:hidden;padding:22px 24px 20px;border-radius:inherit;background:radial-gradient(ellipse at 86% 0%,#48534b34,transparent 42%),linear-gradient(150deg,#263034,#1a2225 78%)}.related-compound-preview{min-width:0;margin-top:14px}.related-compound-preview__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.related-compound-preview__card{display:grid;grid-template-columns:56px minmax(0,1fr);min-width:0;min-height:70px;align-items:center;gap:9px;padding:8px 9px;border:1px solid #455451;border-radius:12px;background:#273234;text-align:left;cursor:pointer;transition:border-color .15s ease}.related-compound-preview__thumbnail{display:grid;width:56px;height:56px;overflow:hidden;place-items:center;border:0;border-radius:9px;background:#34403e}.related-compound-preview__thumbnail>*,.related-compound-preview__thumbnail picture{display:block;width:100%;height:100%;min-height:0;max-height:100%;overflow:hidden}.related-compound-preview__thumbnail img,.related-compound-preview__thumbnail svg{display:block;width:100%;height:100%;object-fit:contain}.related-compound-preview__thumbnail :is([data-substance-sticker-for=copper-ii-hydroxide],[data-substance-sticker-for=silver-chloride],[data-substance-sticker-for=silver-bromide]) img{object-fit:cover;object-position:50% 86%}.related-compound-preview__copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:5px}.related-compound-preview__copy .element-compounds__card-name{display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.related-compound-preview__copy .element-compounds__card-formula{min-height:18px;font-size:16px}.related-compound-preview__more{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-height:38px;margin:4px 0 0 auto;padding:6px 2px;border:0;background:transparent;color:#c4d1c4;font:inherit;font-size:12px;cursor:pointer}.element-compounds__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-width:0;padding-bottom:14px}.element-compounds__eyebrow{margin:0 0 5px;color:#a9b9a9;font-size:10px;font-weight:650;letter-spacing:.09em;text-transform:uppercase}.element-compounds__header h2{margin:0;color:#e7eee8;font-size:clamp(18px,2.5vw,23px);line-height:1.25}.element-compounds__close,.element-compounds__message button,.compound-appearance button{min-height:36px;padding:7px 12px;color:#e3ebe4;border:1px solid #5d6b64;border-radius:11px;background:#303c3b;cursor:pointer}.element-compounds__close{flex:0 0 36px;width:36px;min-height:36px;padding:0 0 2px;border-radius:50%;font-size:22px;line-height:1}.element-compounds__toolbar{display:flex;align-items:center;gap:12px;min-width:0;padding-bottom:13px}.element-compounds__search{flex:1 1 280px;min-width:0}.element-compounds__search input{width:100%;min-height:42px;padding:9px 13px;color:#edf1ed;border:1px solid #596864;border-radius:12px 9px;outline:none;background:#141c1e;font:inherit}.element-compounds__search input::placeholder{color:#9ba9a3}.element-compounds__search input:focus-visible,.element-compounds__close:focus-visible,.element-compounds__message button:focus-visible,.compound-appearance button:focus-visible,.element-compounds__card:focus-visible,.element-compounds__results:focus-visible,.related-compound-preview__card:focus-visible,.related-compound-preview__more:focus-visible{outline:2px solid #cedebd;outline-offset:2px}.element-compounds__count{flex:0 0 auto;color:#aab8b1;font-size:11px;font-variant-numeric:tabular-nums}.element-compounds__results{min-height:0;overflow:auto;overscroll-behavior:contain;padding:2px 4px 6px 1px;scrollbar-color:#65736c transparent;scrollbar-width:thin}.element-compounds__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,144px),1fr));align-content:start;gap:9px}.element-compounds__card{display:flex;min-width:0;min-height:66px;flex-direction:column;align-items:flex-start;gap:5px;padding:10px 11px 9px;color:#e0e9e1;border:1px solid #4c5b5a;border-radius:13px 10px;background:linear-gradient(140deg,#ffffff0b,transparent 48%),linear-gradient(155deg,#303c3e,#242e30);box-shadow:0 3px #141b1e,0 5px 9px #080c0d42,inset 0 1px #ffffff10;text-align:left;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.element-compounds__card:active:not([aria-disabled=true]){transform:translateY(2px)}.element-compounds__card[aria-disabled=true]{cursor:default;opacity:.72}.element-compounds__card-name{width:100%;overflow:hidden;color:#d3dfd4;font-size:12.5px;font-weight:650;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.element-compounds__card-formula{min-height:20px;color:#f0f4ef;font-size:18px;font-weight:700;line-height:1.2}.element-compounds__message{margin:8px 0;color:#bec9c1;font-size:13px;line-height:1.6}.element-compounds__message button{margin-top:5px}.compound-appearance{min-width:0;margin-top:16px;padding-top:14px;border-top:1px solid #465451}.compound-appearance h3{margin:0 0 10px;color:#dce7dc;font-size:14px}.compound-appearance__swatch{position:relative;flex:0 0 12px;width:12px;height:12px;margin-top:1px;border:1px solid #c2cec2a8;border-radius:50%;background-color:var(--appearance-swatch, #98a49b);box-shadow:inset 0 0 0 1px #111a1870}.compound-appearance__swatch[data-has-swatch=false]{background-image:linear-gradient(135deg,#c1cac2 0 45%,#78867c 46% 54%,#c1cac2 55%)}.compound-appearance__missing{color:#aebbb1;font-size:11px;line-height:1.4}.compound-appearance__profiles{display:grid;gap:10px;margin:0;padding:0;list-style:none}.compound-appearance__profiles li{padding:10px 12px;border:1px solid #455451;border-radius:11px;background:#ffffff05}.compound-appearance__profile-heading{display:flex;align-items:center;gap:7px;color:#dce5dd;font-size:12px}.compound-appearance__profile-heading strong{font-weight:650}.compound-appearance__profiles p{margin:7px 0 0;color:#bdc9c1;font-size:12px;line-height:1.6}.compound-appearance__profiles p strong{color:#dce5dd}.compound-appearance__sources{margin-top:12px;color:#cbd6cd;font-size:12px}.compound-appearance__sources summary{width:fit-content;cursor:pointer}.compound-appearance__sources ul{display:grid;gap:9px;margin:10px 0 0;padding-left:18px}.compound-appearance__sources li{padding-left:2px}.compound-appearance__sources a{color:#c9dcc5;text-decoration-thickness:1px;text-underline-offset:2px}.compound-appearance__sources small{display:block;margin-top:3px;color:#9eaea4;line-height:1.45;overflow-wrap:anywhere}@media(hover:hover)and (pointer:fine){.element-compounds__card:hover,.related-compound-preview__card:hover{transform:translateY(-1px);border-color:#8a9a8d}.element-compounds__close:hover,.element-compounds__message button:hover,.compound-appearance button:hover{border-color:#91a195;background:#394846}}@media(max-width:600px){.element-compound-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:19px 14px 18px}.element-compound-dialog__panel{max-height:calc(100dvh - 20px);padding:17px 14px 14px}.element-compounds__toolbar{align-items:flex-start;flex-direction:column;gap:7px}.element-compounds__search{width:100%;flex-basis:auto}.element-compounds__count{font-size:10px}.element-compounds__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.element-compounds__card{min-height:66px;padding:9px 8px}.related-compound-preview__card{grid-template-columns:40px minmax(0,1fr);gap:7px;padding:7px}.related-compound-preview__thumbnail{width:40px;height:40px}.related-compound-preview__more{min-height:44px;margin-right:auto;margin-left:0;justify-content:flex-start}}.element-compound-dialog[data-reduced=true] *,.element-compound-dialog[data-reduced=true] *:before,.element-compound-dialog[data-reduced=true] *:after,.related-compound-preview[data-reduced=true] *,.related-compound-preview[data-reduced=true] *:before,.related-compound-preview[data-reduced=true] *:after{animation:none!important;transition-duration:0ms!important}@media(prefers-reduced-motion:reduce){.element-compound-dialog *,.element-compound-dialog *:before,.element-compound-dialog *:after,.related-compound-preview *,.related-compound-preview *:before,.related-compound-preview *:after{animation:none!important;transition-duration:0ms!important}}.compound-workbench{--cw-text: #e7ece9;--cw-muted: #aebbb8;--cw-key-width: clamp(52px, 10cqw, 82px);container-type:inline-size;position:relative;width:100%;height:100%;min-width:0;min-height:160px;display:flex;padding:12px 15px 14px;color:var(--cw-text);border:1px solid #49565adb;border-radius:36px 23px 34px 25px/25px 34px 24px;background:radial-gradient(ellipse at 10% 48%,#61785d13,transparent 38%),radial-gradient(ellipse at 82% 12%,#48534b26,transparent 42%),linear-gradient(145deg,#242d31,#1c2428 68%,#20292b);box-shadow:0 4px #11171a,0 12px 26px #070a0b55,inset 0 1px #ffffff10;overflow:hidden}.compound-workbench[data-empty=true]{padding:0}.compound-workbench__drop-prompt{flex:1;display:grid;place-items:center;width:100%;min-height:130px;padding:20px;border-radius:inherit;color:var(--cw-muted);font-size:13px;line-height:1.7;text-align:center;transition:color .16s ease,background-color .16s ease}.compound-workbench__drop-prompt:focus-visible{outline-offset:-5px!important}.compound-workbench__drop-prompt[aria-pressed=true]{color:#e0ebdb;background:#bdd1b309}.compound-workbench__main{flex:1;min-width:0;min-height:0;display:grid;grid-template-columns:clamp(104px,23cqw,184px) minmax(0,1fr);gap:8px}.compound-workbench__main[data-multiple=true]{grid-template-columns:min(44%,310px) minmax(0,1fr)}.compound-workbench__selection-row{position:relative;min-width:0;min-height:0;display:flex;align-items:safe center;justify-content:center;padding:10px 44px 12px 4px;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin}.compound-workbench__selection{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 5px;max-width:100%;flex-shrink:0;padding:3px 2px 6px;scrollbar-color:#596864 transparent;scrollbar-width:thin}.compound-workbench__selection-part{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px}.compound-workbench__slot-wrap{position:relative;flex:0 0 auto;width:var(--cw-key-width);aspect-ratio:4 / 5}.compound-workbench__slot{display:grid;place-items:stretch;width:100%;height:100%;padding:0;border-radius:12px;background:transparent;cursor:grab;transition:transform .15s var(--press-ease),opacity .15s ease;animation:compound-key-land .25s var(--scene-ease) backwards}.compound-workbench__slot-wrap[data-dragging=true] .compound-workbench__slot{opacity:.2}.compound-workbench__key-face{width:100%;height:100%;min-width:0;border-radius:12px}.compound-workbench__key-face .atomic-number{padding:6px 0 0 7px;font-size:clamp(9px,1.4cqw,12px)}.compound-workbench__key-face .element-symbol{margin-top:1px;font-size:clamp(25px,4.2cqw,36px);line-height:1}.compound-workbench__key-face .element-name{max-width:100%;padding-inline:2px;font-size:clamp(11px,1.8cqw,15px);line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compound-workbench__slot[aria-pressed=true] .compound-workbench__key-face,.compound-workbench__slot-wrap[data-active-drop=true] .compound-workbench__key-face{outline:2px solid #c5d7bf;outline-offset:3px}.compound-workbench__slot:active{transform:translateY(2px)}.compound-workbench__remove{position:absolute;z-index:5;top:-8px;right:-9px;width:25px;height:25px;display:grid;place-items:center;padding:0 0 2px;color:#e2e9e4;border:1px solid #81918a;border-radius:50%;background:#303b3e;box-shadow:0 2px 4px #0006;font-size:17px;line-height:1;opacity:0;pointer-events:none;transition:opacity 125ms ease}.compound-workbench__slot-wrap:focus-within .compound-workbench__remove,.compound-workbench__slot[aria-pressed=true]+.compound-workbench__remove{opacity:1;pointer-events:auto}.compound-workbench__append{position:absolute;left:100%;top:50%;z-index:3;width:40px;height:54px;padding:0 2px;border-radius:9px;background:transparent;transform:translateY(-50%)}.compound-workbench__plus{display:block;width:clamp(29px,5.4cqw,48px);flex:0 0 auto}.compound-workbench__plus-art{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 5px 4px #0a101477)}.compound-workbench__append .compound-workbench__plus{width:100%;opacity:0;transform:translate(-5px) scale(.94);transition:opacity .16s ease,transform .18s var(--scene-ease)}.compound-workbench__append[data-preview=true] .compound-workbench__plus,.compound-workbench__append:focus-visible .compound-workbench__plus{opacity:1;transform:translate(0) scale(1)}.compound-workbench__selection-part>.compound-workbench__plus{animation:compound-plus-land .2s var(--scene-ease) backwards}.compound-workbench__results{position:relative;min-width:0;min-height:0;display:flex;align-items:stretch;overflow:hidden}.compound-workbench__result-list{position:relative;width:100%;min-width:0;height:100%;display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:8px 7px;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-gutter:stable;padding:7px 9px 10px 4px;scrollbar-color:#65736c transparent;scrollbar-width:thin}.compound-workbench__result-list:focus-visible{outline-offset:-2px!important}.compound-workbench__result-cell{flex:0 0 auto;min-width:70px;max-width:100%}.compound-workbench__result-cell[data-revealed=false]{opacity:0}.compound-workbench__result-card{width:max-content;min-width:70px;max-width:100%;min-height:42px;display:grid;place-items:center;padding:7px 11px 8px;color:var(--cw-text);border:1px solid #4c5b5a;border-radius:12px 9px;background:linear-gradient(140deg,#ffffff0b,transparent 48%),linear-gradient(155deg,#303c3e,#242e30);box-shadow:0 3px #141b1e,0 5px 9px #080c0d42,inset 0 1px #ffffff10;text-align:center;transition:transform .15s var(--press-ease),border-color .15s ease}.compound-workbench__result-card[aria-disabled=true]{cursor:default}.compound-workbench__result-card:active:not([aria-disabled=true]){transform:translateY(2px)}.compound-workbench__formula{color:#e0eadb;font-size:14px;font-weight:600;line-height:1.25;letter-spacing:.015em;max-width:100%;white-space:normal;overflow-wrap:anywhere}.compound-workbench__formula sub{font-size:.7em;line-height:0}.compound-workbench__hydrate{display:inline-block;white-space:nowrap}.compound-workbench__empty{width:100%;align-self:center;padding:8px;color:var(--cw-muted);font-size:12px;line-height:1.6;text-align:center}.compound-workbench__retry{min-height:36px;margin:4px;padding:5px 10px;border-radius:9px;color:#d4decf}.compound-workbench__loading{display:flex;align-items:center;justify-content:center;gap:9px;width:100%}.compound-workbench__loading span{width:8px;height:8px;border-radius:50%;background:#afc1a5;opacity:.4;animation:compound-search-pulse .75s ease infinite alternate}.compound-workbench__loading span:nth-child(2){animation-delay:.1s}.compound-workbench__loading span:nth-child(3){animation-delay:.2s}.compound-workbench[data-drag-over=true]{border-color:#8fa58f;box-shadow:0 4px #11171a,0 0 0 2px #829c7c44,0 12px 26px #070a0b55,inset 0 1px #ffffff18}@keyframes compound-key-land{0%{transform:translateY(-7px) scale(.97);opacity:.5}to{transform:translateY(0) scale(1);opacity:1}}@keyframes compound-plus-land{0%{transform:translateY(-3px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes compound-search-pulse{to{opacity:.85}}.compound-reference{width:min(440px,calc(100vw - 28px));max-width:none;max-height:min(620px,calc(100dvh - 28px));padding:0;overflow:visible;color:#e7ece9;border:1px solid #65716e;border-radius:23px 17px 22px 18px;background:transparent;box-shadow:0 24px 80px #050909a6;animation:compound-reference-arrive .18s var(--scene-ease, ease) both}.compound-reference::backdrop{background:#101618a6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.compound-reference__panel{position:relative;max-height:min(620px,calc(100dvh - 28px));overflow:auto;padding:27px 28px 24px;border-radius:inherit;background:radial-gradient(ellipse at 86% 0%,#48534b34,transparent 42%),linear-gradient(150deg,#263034,#1a2225 78%);scrollbar-color:#596864 transparent;scrollbar-width:thin}.compound-reference__close{position:absolute;top:13px;right:14px;width:33px;height:33px;display:grid;place-items:center;padding:0 0 2px;color:#dfe7e1;border:1px solid #596763;border-radius:50%;background:#313c3e;font-size:22px;line-height:1}.compound-reference__formula{display:inline-flex;min-height:30px;align-items:center;margin:0 0 7px;padding:5px 10px;border:1px solid #596763;border-radius:10px;background:#ffffff09}.compound-reference__kind{margin-bottom:10px;color:#b8c9b1;font-size:10px;letter-spacing:.06em}.compound-reference__source-intro{margin-top:10px;line-height:1.7}.compound-reference__sources{overflow-wrap:anywhere}.compound-reference h2{max-width:calc(100% - 42px);color:#f0f4ef;font-size:21px;font-weight:580;line-height:1.4}.compound-reference__aliases{margin-top:4px;color:#abbab2;font-size:12px;line-height:1.55}.compound-reference__section{margin-top:16px}.compound-reference__section h3{margin-bottom:5px;color:#b9c7be;font-size:11px;font-weight:600;letter-spacing:.04em}.compound-reference__section p{color:#e0e7e1;font-size:13px;line-height:1.8}.compound-reference__composition{display:flex;flex-wrap:wrap;gap:6px;padding:0;list-style:none}.compound-reference__composition li{display:flex;gap:8px;padding:5px 9px;color:#dce5dd;border:1px solid #475452;border-radius:9px;background:#ffffff08;font-size:11px}.compound-reference__facts{display:flex;flex-wrap:wrap;gap:7px 20px;margin-top:15px;padding-top:11px;border-top:1px solid #ffffff16;font-size:10px}.compound-reference__facts div{display:flex;gap:7px}.compound-reference__facts dt{color:#9faca5}.compound-reference__facts dd{margin:0;color:#dce5dd}.compound-reference__sources{margin-top:17px;padding-top:10px;border-top:1px solid #ffffff13;color:#aab8b1;font-size:10px}.compound-reference__sources summary{width:fit-content;cursor:pointer}.compound-reference__sources ul{display:grid;gap:8px;padding:9px 0 0 15px}.compound-reference__sources li{padding-left:1px;line-height:1.5}.compound-reference__sources a{color:#d0ddcf;text-decoration-color:#809280;text-underline-offset:2px}.compound-reference__sources small{display:block;margin-top:2px;color:#9fada6;font-size:9px}@keyframes compound-reference-arrive{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(hover:hover)and (pointer:fine){.compound-workbench__drop-prompt:hover{color:#e0ebdb;background:#bdd1b306}.compound-workbench__slot-wrap:hover .compound-workbench__remove{opacity:1;pointer-events:auto}.compound-workbench__result-card:not([aria-disabled=true]):hover{border-color:#8b9b88;transform:translateY(-2px)}.compound-reference__close:hover{background:#3b4b4c}}@media(max-width:700px){.compound-workbench{height:240px;min-height:220px;padding:12px 11px 14px;border-radius:28px 20px/20px 28px}.compound-workbench[data-empty=true]{height:150px;min-height:126px}.compound-workbench__main{grid-template-columns:95px minmax(0,1fr);gap:5px}.compound-workbench__main[data-multiple=true]{grid-template-columns:min(44%,160px) minmax(0,1fr)}.compound-workbench__selection-row{padding-left:0;padding-right:34px}.compound-workbench__selection{gap:10px 3px}.compound-workbench__selection-part{gap:3px}.compound-workbench__append{width:31px;height:44px}.compound-workbench__plus{width:28px}.compound-workbench__result-list{gap:7px 5px;padding-inline:2px 5px}.compound-workbench__result-cell,.compound-workbench__result-card{min-width:59px}.compound-workbench__result-card{min-height:39px;padding:6px 8px 7px}.compound-workbench__formula{font-size:13px}.compound-reference__panel{padding:24px 21px 20px}}.compound-workbench[data-reduced=true] *,.compound-workbench[data-reduced=true] *:before,.compound-workbench[data-reduced=true] *:after,.compound-reference[data-reduced=true],.compound-reference[data-reduced=true] *,.compound-reference[data-reduced=true] *:before,.compound-reference[data-reduced=true] *:after{animation:none!important;transition-duration:0ms!important}@media(prefers-reduced-motion:reduce){.compound-workbench *,.compound-workbench *:before,.compound-workbench *:after,.compound-reference,.compound-reference *,.compound-reference *:before,.compound-reference *:after{animation:none!important;transition-duration:0ms!important}}:root{font-family:DM Sans,Segoe UI,Microsoft YaHei,sans-serif;color:#303c34;background:#f5f4ef;font-synthesis:none;font-weight:400;--ink: #303c34;--muted: #717a72;--line: #dfe2d9;--paper: #fbfcf7;--accent: #486344;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{color:inherit;cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}button{border:0;background:none}button:disabled{opacity:.3;cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #537746;outline-offset:4px}h1,h2,h3,p{margin:0}button,summary{touch-action:manipulation}button svg{flex-shrink:0}h1[tabindex]{outline:none}.site-header,main,.site-footer{max-width:1536px;margin:auto;padding-left:48px;padding-right:48px}.site-header{height:97px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:12px;text-align:left;font-size:21px;font-weight:650;letter-spacing:2px;padding:0}.wordmark small{display:block;font-size:8px;letter-spacing:2.1px;margin-top:5px;font-weight:550}.brand-mark{width:40px;height:43px;border-radius:11px;background:#dce5cf;box-shadow:0 3px #c5cfb6,0 5px 12px #404f3320;display:grid;place-items:center;position:relative}.brand-mark>span{font-size:36px;line-height:1;font-weight:500;letter-spacing:-2px;transform:translate(-1px,-3px)}.brand-mark i{width:5px;height:5px;border-radius:50%;background:#486344;position:absolute;right:8px;top:7px}.header-right{display:flex;align-items:center;gap:25px}.header-caption{font-size:12px;color:var(--muted);letter-spacing:1px;margin-right:22px}.motion-toggle,.reading-button{font-size:12px;display:flex;align-items:center;gap:7px;padding:9px 0}.motion-toggle[aria-pressed=true]{color:#37662d}.reading-button{border-left:1px solid var(--line);padding-left:23px}.page-intro{display:flex;justify-content:space-between;align-items:center;padding:38px 0 30px}.eyebrow{font-size:10px;font-weight:550;letter-spacing:1.7px;color:#7c8378;display:flex;align-items:center;gap:9px}.tiny-line{width:18px;height:1px;background:#819273}.page-intro h1{font-size:37px;line-height:1.6;letter-spacing:1.2px;font-weight:600;margin:6px 0}.title-dot{color:#9aae7c}.page-intro p{font-size:13px;letter-spacing:.5px;color:var(--muted)}.intro-note{display:flex;align-items:center;gap:18px;margin-right:10px;padding-top:18px}.intro-note>span{font-size:50px;font-weight:450;letter-spacing:-3px;color:#768269}.intro-note p{font-size:11px;line-height:1.9}.intro-note svg{color:#8a9683;margin-left:13px;transform:rotate(-10deg)}.periodic-board{background:#edefe8;border:1px solid #e0e4da;border-radius:19px;padding:0 24px 13px;box-shadow:0 12px 35px #48563806,inset 0 1px #ffffffa0}.board-toolbar{height:68px;display:flex;align-items:center;justify-content:space-between}.table-tabs{display:flex;gap:6px}.table-tabs button{padding:8px 15px;font-size:12px;border-radius:7px;color:#767f72}.table-tabs button.active{background:#fcfcf8;box-shadow:0 2px 4px #38442e0a;color:#354b30}.table-tabs button span{font-size:10px;margin-left:5px;color:#79836e}.search-box{display:flex;align-items:center;gap:9px;background:#f7f8f3;border:1px solid #dde2d5;padding:7px 11px;border-radius:7px;color:#7b8672}.search-box input{background:none;border:none;outline:none;font-size:11px;width:201px;color:#43523d;height:20px}.search-box button{display:flex;padding:0}.mobile-scroll-hint{display:none}.table-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#bfccb4 transparent;padding-bottom:6px}.element-grid{display:grid;grid-template-columns:18px repeat(18,minmax(0,1fr));grid-template-rows:20px repeat(7,61px) 9px repeat(2,53px);gap:7px;min-width:1020px;padding:3px 4px 8px}.group-number,.period-number,.axis-caption{display:flex;align-items:center;justify-content:center;font-size:10px;color:#858d7d;font-variant-numeric:tabular-nums}.axis-caption{font-size:8px;white-space:nowrap;justify-content:flex-start}.element-key{position:relative;padding:0;border-radius:7px;text-align:left;transition:opacity .2s;isolation:isolate}.key-face{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#fff9,transparent 70%),var(--key-color);color:var(--key-ink);border:1px solid #ffffffb0;border-radius:7px;box-shadow:0 3px color-mix(in srgb,var(--key-color) 73%,#727867),0 4px 0 1px #58604310,0 7px 9px #555d4015,inset 0 -3px 6px #67715107;transition:transform .22s cubic-bezier(.2,.8,.3,1.4),box-shadow .2s;will-change:auto;overflow:hidden}.atomic-number{align-self:flex-start;font-size:9px;font-variant-numeric:tabular-nums;line-height:1;padding:6px 0 0 7px;opacity:.82}.element-symbol{font-size:23px;font-weight:650;line-height:1.04;letter-spacing:-.9px}.element-name{font-size:10px;line-height:1.7;font-family:Microsoft YaHei,PingFang SC,sans-serif}.element-key.has-story .element-symbol{font-weight:700}.story-dot{position:absolute;right:6px;top:7px;width:3px;height:3px;border-radius:50%;background:var(--key-ink);opacity:.7;pointer-events:none}.element-key.dimmed{opacity:.25}.element-key:active .key-face{transform:translateY(3px);box-shadow:0 0 0 var(--key-color),inset 0 2px 6px #46533815}.element-key:focus-visible{outline-offset:3px;z-index:2}.element-key:focus-visible .key-face{transform:translateY(-2px)}.element-key:nth-last-of-type(-n+30) .atomic-number{font-size:8px;padding-top:4px}.element-key:nth-last-of-type(-n+30) .element-symbol{font-size:21px}.element-key:nth-last-of-type(-n+30) .element-name{font-size:9px}.series-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px dashed #b8c4b0;border-radius:6px;gap:5px;color:#727f69}.series-placeholder>span{font-size:8px}.series-placeholder strong{font-size:11px;font-weight:450}.series-label{align-self:center;justify-self:end;padding-right:13px;display:flex;flex-direction:column;font-size:11px;gap:6px;color:#737f6c}.series-label span{font-size:9px;color:#929a8b}.table-invitation{align-self:center;justify-self:center;position:relative;display:flex;gap:22px;align-items:center;padding-bottom:3px;padding-right:40px}.invitation-symbol{font-size:68px;font-weight:500;color:#a4b198;line-height:1;position:relative;letter-spacing:-3px}.invitation-symbol>span{position:absolute;left:-14px;top:-2px;font-size:10px;letter-spacing:0}.mini-label{font-size:9px;letter-spacing:1px;color:#818a7b;font-weight:500}.table-invitation button{font-size:23px;letter-spacing:1px;padding:7px 0;display:flex;align-items:center;gap:15px;font-weight:550}.table-invitation p{font-size:10px;letter-spacing:1px;color:#949b8d}.invitation-orbit{position:absolute;left:-36px;top:-11px;width:122px;height:94px;border-radius:50%;border:1px solid #cbd4c2;transform:rotate(-35deg);pointer-events:none}.invitation-orbit:after{content:"";position:absolute;right:15px;top:4px;width:6px;height:6px;border-radius:50%;background:#a5b996;box-shadow:0 0 0 4px #ecf0e4}.board-footer{display:flex;justify-content:space-between;align-items:center;padding:15px 2px 0 29px;font-size:10px;letter-spacing:.3px;color:#7e8975}.board-footer>span{display:flex;align-items:center;gap:7px}.story-dot-inline{display:inline-block;width:4px;height:4px;border-radius:50%;background:#637454}.category-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 10px;padding:22px 0 13px}.category-legend button{display:flex;align-items:center;gap:5px;border:1px solid transparent;padding:5px 6px;border-radius:5px;font-size:10px;color:#6c7568}.category-legend button.selected{border-color:#c4d0ba;background:#ebf0e4;color:#36542c}.category-legend i{width:9px;height:9px;border-radius:3px;border:1px solid #384c3014}.table-bottom{display:flex;justify-content:space-between;font-size:10px;color:#8a9185;letter-spacing:.5px;padding:8px 0 28px}.site-footer{display:flex;align-items:center;justify-content:space-between;min-height:75px;border-top:1px solid var(--line);font-size:10px;color:#858c81;letter-spacing:.4px}.footer-separator{margin:0 13px;color:#b0b7a7}.site-footer button{display:flex;align-items:center;gap:6px;font-size:10px;color:#7c8673;padding:10px 0}.page-navigation{display:flex;justify-content:space-between;align-items:center;height:76px}.back-button{display:flex;align-items:center;gap:10px;font-size:12px;padding:8px 0;color:#626e5c}.element-switcher{display:flex;align-items:center;gap:16px;font-size:12px;font-variant-numeric:tabular-nums}.element-switcher>span>span{color:#a0a697;margin-left:4px}.element-switcher button{display:grid;place-items:center;width:31px;height:31px;border:1px solid #dde2d6;border-radius:50%;background:#fbfcf7}.explore-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.category-pill{display:flex;align-items:center;gap:7px;font-size:11px;border-radius:20px;background:color-mix(in srgb,var(--key-color) 55%,transparent);padding:7px 13px;color:var(--key-ink)}.category-pill i{width:6px;height:6px;border-radius:50%;background:var(--key-ink);opacity:.55}.exploration-layout{display:grid;grid-template-columns:minmax(210px,.83fr) minmax(335px,1.45fr) minmax(250px,.85fr);gap:30px;align-items:start}.element-story{padding-top:12px}.hero-key{width:162px;height:185px;padding-bottom:8px;transform:rotate(-5deg);margin:5px 0 34px 9px}.key-face.large{border-radius:19px;box-shadow:0 7px color-mix(in srgb,var(--key-color) 75%,#626b53),0 9px 0 1px #59674b18,0 20px 28px #56633b1c;overflow:hidden}.large .atomic-number{font-size:17px;padding:16px 0 0 18px}.large .element-symbol{font-size:70px;line-height:1.04;letter-spacing:-4px;margin-top:2px}.large .element-name{font-size:20px;line-height:1.5;letter-spacing:2px}.element-english{font-size:9px;letter-spacing:1px;opacity:.65;margin-top:3px}.element-story h1{font-size:25px;line-height:1.65;letter-spacing:.4px;font-weight:550;white-space:pre-line;margin-bottom:15px}.story-summary{font-size:12px;line-height:2;color:#778070;max-width:290px;margin-bottom:18px}.level-label{display:inline-flex;align-items:center;font-size:9px;padding:4px 8px;border:1px solid #d4dfc9;border-radius:4px;color:#698058;white-space:nowrap;letter-spacing:.5px}.level-label.extension{color:#876b50;border-color:#ddc8ae;background:#f8f2e7}.section-label{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:11px;color:#687362}.section-label>span:first-child{font-family:DM Sans,sans-serif;font-size:10px;color:#a1ab97;letter-spacing:1px}.hairline{flex:1;height:1px;background:#dfe4d5;margin-left:6px}.atom-section{padding-top:7px;min-width:0}.atom-display{position:relative;text-align:center}.atom-canvas{position:relative;margin:6px auto 0;width:100%;max-width:490px}.atom-svg{width:100%;display:block;overflow:visible}.shell-hit{fill:none;stroke:transparent;stroke-width:24px;cursor:pointer}.shell-ring{fill:none;stroke:#d7dfca;stroke-width:1;pointer-events:none;transition:stroke .22s,stroke-width .22s}.is-selected .shell-ring{stroke:#b4c897;stroke-width:1.7}.electron-dot{fill:#d0d9c4;stroke:#f5f4ef;stroke-width:2px;pointer-events:none;transition:fill .2s,r .2s}.is-selected .electron-dot{fill:#7d9b5c;stroke:#e5edda;stroke-width:4}.nucleus-symbol{font-size:25px;font-weight:550;fill:#416135}.nucleus-charge{font-size:9px;fill:#6d8660}.atom-tag{display:flex;align-items:center;gap:6px;position:absolute;font-size:9px;top:12%;right:8%;color:#819273}.atom-tag>span{width:5px;height:5px;border-radius:50%;background:#a1b888}.shell-controls{display:flex;justify-content:center;gap:5px;margin-top:-13px;position:relative;z-index:1}.shell-controls button{display:flex;align-items:center;gap:6px;border-radius:6px;border:1px solid #dce3d2;background:#f4f7ed;color:#849078;padding:6px 9px;font-size:11px;min-height:32px}.shell-controls button>span{font-size:9px;opacity:.8}.shell-controls button[aria-pressed=true]{background:#e1ebd2;border-color:#bccda4;color:#4f713b;box-shadow:0 2px 3px #6d805611}.shell-readout{display:flex;align-items:center;justify-content:center;gap:17px;margin-top:20px;min-height:25px}.shell-readout>span{font-size:9px;letter-spacing:.5px;color:#8a9680}.shell-readout>span:last-child{font-size:8px;border:1px solid #d7e0cc;border-radius:3px;padding:3px 5px}.shell-readout strong{font-size:21px;font-weight:500;color:#667f4e}.shell-readout small{font-size:10px;font-weight:400}.model-note{font-size:9px;line-height:1.9;color:#9ba28e;margin-top:15px}.model-note strong{font-weight:400;color:#7f8d73}.related-section{padding-top:7px;min-width:0}.element-compounds-loading-dialog{max-width:min(440px,calc(100vw - 32px));padding:24px;color:#e7ece9;background:#20282c;border:1px solid #53615b;border-radius:20px}.element-compounds-loading-dialog::backdrop{background:#0d1418b3}.element-compounds-loading{padding:18px;color:#bfcbbf}.element-compounds-loading button{margin:10px 12px 0 0;padding:8px 12px;border:1px solid #667b69;border-radius:9px;background:#3e5145;color:#eef2e9;cursor:pointer}.related-intro{font-size:10px;color:#909784;margin:12px 0 18px}.related-cards{display:grid;gap:14px}.substance-card{background:#fafbf6;border:1px solid #e2e7da;border-radius:12px;text-align:left;padding:0 13px 12px;box-shadow:0 4px #e3e7da,0 8px 15px #4c5a3210;transition:transform .2s,box-shadow .2s;animation:card-arrive .4s both;animation-delay:var(--arrival);overflow:hidden}.substance-thumbnail{height:118px;margin:-2px -13px 3px;background:color-mix(in srgb,var(--card-tint) 15%,#f8faf3);overflow:hidden;border-radius:11px 11px 0 0}.substance-thumbnail svg{width:100%;height:100%;display:block}.substance-card-title{display:flex;justify-content:space-between;gap:7px;align-items:center}.substance-card-title h3{font-size:15px;font-weight:550;margin-top:3px;display:flex;gap:9px;align-items:baseline}.substance-card-title .formula{font-size:13px;color:#88947c;letter-spacing:0;font-weight:400}.substance-card .mini-label{font-size:8px;letter-spacing:1.1px}.substance-card>p{font-size:9px;color:#8d9781;margin-top:7px;line-height:1.6}.round-arrow{width:29px;height:29px;border:1px solid #d8e0cd;border-radius:50%;display:grid;place-items:center;color:#70835c}.substance-card:active{transform:translateY(3px);box-shadow:0 1px #e3e7da}.element-facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:34px 0 28px;padding:23px 0}.element-facts>div{padding:0 27px;border-right:1px solid var(--line)}.element-facts>div:first-child{padding-left:0}.element-facts>div:last-child{border-right:0}.element-facts span{display:block;font-size:10px;letter-spacing:.7px;color:#85917a;margin-bottom:10px}.element-facts strong{display:block;font-size:23px;font-weight:450;letter-spacing:-.5px}.element-facts small{font-size:10px;letter-spacing:0;color:#8d9980;margin-left:7px;font-weight:400}.element-facts .mass-value{font-size:19px;line-height:1.4}.explore-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-bottom:38px}.explore-notes article{padding:7px 0}.explore-notes h2{font-size:15px;font-weight:550;margin:11px 0}.explore-notes p{font-size:11px;line-height:1.9;color:#7a8471}.configuration-note code{font-size:12px;color:#60724f;display:block;margin-bottom:9px;line-height:1.8;overflow-wrap:anywhere}.source-details{margin-top:15px;font-size:9px;color:#8a977d}.source-details summary{cursor:pointer;display:flex;align-items:center;gap:4px;list-style:none;width:fit-content}.source-details summary::-webkit-details-marker{display:none}.source-details>div{margin-top:8px;display:grid;gap:9px}.source-details a{display:flex;align-items:center;gap:6px;line-height:1.7;max-width:100%;text-decoration-color:#bdc8b0}.source-details svg{flex-shrink:0}.honest-empty{border:1px dashed #cfd9c2;padding:29px 22px;border-radius:11px;color:#8d9a7e;margin-top:26px}.honest-empty h3{font-size:16px;font-weight:500;margin:16px 0 10px}.honest-empty p{font-size:11px;line-height:1.9}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:10px;color:#9aa18f}.breadcrumb button{font-size:10px;padding:5px;color:#758466}.substance-layout{display:grid;grid-template-columns:1fr 1.04fr;gap:65px;align-items:center;padding:12px 0 52px;max-width:1210px;margin:auto}.substance-portrait{min-width:0}.substance-art-large{aspect-ratio:1.38;background:color-mix(in srgb,var(--card-tint) 20%,#f8faf4);border:1px solid #e0e5d7;border-radius:20px;box-shadow:0 6px #e4e8dc,0 12px 30px #5c694211;overflow:hidden}.substance-art-large svg{width:100%;height:100%;display:block}.portrait-caption{display:flex;justify-content:space-between;align-items:center;padding:20px 3px 11px;color:#929c86;font-size:9px;letter-spacing:.5px}.portrait-caption>span{font-size:8px;letter-spacing:1.5px}.portrait-note{font-size:10px;line-height:1.9;color:#87927b;max-width:95%;margin:0 auto}.substance-title-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px}.substance-info h1{font-size:42px;font-weight:550;letter-spacing:1px;line-height:1.5}.english-subtitle{font-size:12px;color:#8d9981;font-weight:400;letter-spacing:.4px}.hero-formula{font-size:43px;color:#78916a;letter-spacing:-1px;padding-right:5px;font-weight:450}.formula{white-space:nowrap;font-family:DM Sans,Segoe UI,sans-serif}.formula sub{font-size:.66em;line-height:0;position:relative;vertical-align:baseline;bottom:-.2em}.substance-badges{display:flex;gap:9px;margin:22px 0}.substance-badges>span{font-size:9px;padding:5px 10px;border-radius:5px;border:1px solid #d8e1cf;color:#788d66;letter-spacing:1px}.substance-description{font-size:13px;line-height:2.05;color:#6e7a64;margin-bottom:25px}.composition{border-top:1px solid #dce3d2;padding-top:20px}.composition-items{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.composition-item{display:flex;gap:12px;align-items:center}.composition-atom{width:40px;height:42px;border-radius:10px;background:linear-gradient(145deg,#fff7,transparent),var(--key-color);box-shadow:0 3px color-mix(in srgb,var(--key-color) 76%,#70785f);color:var(--key-ink);display:grid;place-items:center;font-size:22px;font-weight:550}.composition-item>span:last-child{font-size:10px;color:#8c9781}.composition-item strong{font-size:20px;font-weight:450;color:#577045}.composition-item small{display:block;margin-top:3px;font-size:9px}.composition-divider{font-size:18px;color:#bec8b4;margin:0 3px}.composition>p{font-size:9px;color:#99a38e;margin-top:17px}.reactions-section{border-top:1px solid var(--line);padding-top:32px}.reactions-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.reactions-heading h2{font-size:25px;font-weight:500;letter-spacing:.6px;margin-top:10px}.reactions-heading h2>span{color:#9aac82}.reactions-heading>p{font-size:10px;color:#8a967b;line-height:1.9}.reactions-list{display:grid;gap:16px}.reaction{padding:23px 28px;background:#fafbf6;border:1px solid #e2e6d9;border-radius:11px}.reaction-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.reaction-title h3{font-size:13px;letter-spacing:.5px;font-weight:550}.reaction-formula{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 16px;padding:22px 0 25px;font-size:23px;line-height:1.8;color:#4c6340}.reaction-side{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px 0}.reaction-term{display:inline-flex;align-items:baseline;white-space:nowrap}.reaction-term small{font-size:.49em;color:#97a089;margin-left:3px}.plus{font-size:.8em;margin:0 11px;color:#a1ad94;font-weight:400}.reaction-arrow{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:90px;line-height:1.2;position:relative;padding-top:4px}.reaction-arrow>span:first-child{font-size:9px;color:#8a9879;position:absolute;bottom:31px;white-space:nowrap}.reaction-arrow>span:last-child{font-size:40px;color:#809170;line-height:.9}.reaction>p{font-size:11px;color:#828e75;line-height:1.9}.reaction-empty{font-size:12px;line-height:2;padding:25px 0;color:#8a967c}.equation-key{font-size:9px;line-height:1.9;color:#96a08a;margin-top:18px}.bottom-back{display:flex;align-items:center;gap:9px;font-size:12px;color:#6d8159;margin:32px auto 36px;border-bottom:1px solid #c3cfb5;padding:8px 0}.reading-dialog{border:1px solid #dce3d2;border-radius:20px;background:#f8faf3;color:var(--ink);width:min(690px,90vw);max-height:86vh;padding:30px 34px;box-shadow:0 30px 100px #26352626;overscroll-behavior:contain}.reading-dialog::backdrop{background:#48513c38;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-header{display:flex;align-items:center;justify-content:space-between}.dialog-header button{display:grid;place-items:center;padding:4px}.reading-dialog h2{font-size:28px;font-weight:550;margin:19px 0}.reading-dialog h3{font-size:15px;font-weight:550;margin:25px 0 12px}.reading-dialog>p{font-size:12px;color:#7b866f;line-height:1.9}.textbook-status{background:#eef1e5;border:1px solid #d9e0ca;border-radius:10px;padding:17px;margin-top:20px}.textbook-status strong{font-size:12px;font-weight:550;color:#65764f}.textbook-status p{font-size:11px;line-height:1.9;color:#818c73;margin-top:8px}.source-records{display:grid}.source-records article{padding:16px 0;border-top:1px solid #e2e6d9}.source-kind{display:block;font-size:9px;color:#7d916a;margin-bottom:7px}.source-kind.pending{color:#ac854f}.source-records a{font-size:13px;display:flex;gap:8px;align-items:center;text-decoration:none;line-height:1.7}.source-records a svg{flex-shrink:0}.source-records p{font-size:10px;color:#8b977f;line-height:1.8;margin-top:6px}.skip-link{position:fixed;left:10px;top:-60px;background:#f5f8ee;z-index:100;padding:12px;border:1px solid #667b50;border-radius:5px}.skip-link:focus{top:10px}.source-details a:hover,.reading-button:hover,.back-button:hover,.bottom-back:hover,.site-footer button:hover{color:#3d632c}@media(hover:hover)and (pointer:fine){.element-key:hover{z-index:3;opacity:1}.element-key:hover .key-face{transform:translateY(-4px);box-shadow:0 5px color-mix(in srgb,var(--key-color) 75%,#6e7960),0 12px 15px #586c4226}.element-key:active .key-face{transform:translateY(3px);box-shadow:0 0 0 var(--key-color)}.substance-card:hover{transform:translateY(-4px);box-shadow:0 5px #e3e7da,0 14px 22px #4c5a3215}.substance-card:hover .round-arrow{background:#e5ecd9;transform:rotate(5deg)}.table-invitation button:hover{color:#66864d}.category-legend button:hover{border-color:#cad4bf}.shell-controls button:hover{border-color:#98ad80}}@keyframes card-arrive{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}::view-transition{pointer-events:none}::view-transition-old(root){animation-duration:.15s}::view-transition-new(root){animation-duration:.24s}::view-transition-group(element-key),::view-transition-group(substance-picture){animation-duration:.46s;animation-timing-function:cubic-bezier(.22,.85,.25,1)}::view-transition-old(element-key),::view-transition-new(element-key),::view-transition-old(substance-picture),::view-transition-new(substance-picture){height:100%;width:100%;mix-blend-mode:normal;object-fit:fill}::view-transition-group(root){animation-duration:.28s}html[data-reduced-motion=true] *,html[data-reduced-motion=true] *:before,html[data-reduced-motion=true] *:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}@media(min-width:1500px){.element-grid{grid-template-rows:20px repeat(7,65px) 9px repeat(2,57px)}.element-symbol{font-size:25px}.element-name{font-size:11px}.element-key .atomic-number{font-size:10px}.substance-thumbnail{height:126px}.exploration-layout{gap:45px}.element-story h1{font-size:28px}.story-summary{font-size:13px}.large .element-symbol{font-size:70px}}@media(max-width:1200px){.site-header,main,.site-footer{padding-left:30px;padding-right:30px}.header-caption{display:none}.periodic-board{padding-left:15px;padding-right:15px}.element-grid{gap:6px;min-width:1020px;grid-template-rows:18px repeat(7,58px) 8px repeat(2,51px)}.table-invitation{padding-right:0}.exploration-layout{grid-template-columns:minmax(180px,.85fr) minmax(310px,1.35fr) minmax(235px,1fr);gap:22px}.element-story h1{font-size:22px}.hero-key{width:143px;height:163px}.large .element-symbol{font-size:60px}.large .element-name{font-size:17px}.large .atomic-number{font-size:14px}.substance-thumbnail{height:100px}.related-cards{gap:13px}.substance-card-title h3{font-size:13px}.substance-card-title .formula{font-size:11px}.shell-controls{gap:3px}.shell-controls button{padding:5px 7px}.element-facts strong{font-size:20px}.element-facts .mass-value{font-size:15px}.substance-layout{gap:40px}.substance-info h1,.hero-formula{font-size:34px}}@media(max-width:960px){.site-header,main,.site-footer{padding-left:24px;padding-right:24px}.site-header{height:85px}.page-intro{padding:30px 0 24px}.page-intro h1{font-size:31px}.intro-note>span{font-size:42px}.mobile-scroll-hint{display:flex;align-items:center;gap:7px;color:#7f8b73;font-size:10px;padding:0 0 12px 6px}.mobile-scroll-hint span{margin-left:auto;font-size:8px;color:#9aa58b}.exploration-layout{grid-template-columns:230px 1fr;gap:28px}.related-section{grid-column:1 / -1;margin-top:8px}.related-cards{grid-template-columns:repeat(3,1fr);gap:17px}.related-intro{margin:9px 0 15px}.substance-thumbnail{height:130px}.hero-key{width:160px;height:183px}.large .element-symbol{font-size:70px}.large .element-name{font-size:20px}.atom-canvas{max-width:415px}.element-facts{margin-top:30px}.explore-notes{gap:24px}.explore-notes h2{font-size:13px}.substance-layout{gap:28px}.substance-info h1,.hero-formula{font-size:29px}.substance-description{font-size:12px}.substance-title-row{margin-top:16px}.substance-badges{margin:16px 0}.substance-portrait{align-self:start}.reactions-heading{gap:20px}.reactions-heading h2{font-size:23px}.reaction-formula{font-size:20px}.reaction-arrow{min-width:70px}}@media(max-width:640px){.site-header,main,.site-footer{padding-left:20px;padding-right:20px}.site-header{height:79px;gap:10px}.wordmark{gap:10px;font-size:17px;letter-spacing:1px}.wordmark small{font-size:6px;letter-spacing:1.4px;margin-top:4px}.brand-mark{width:33px;height:36px;border-radius:9px}.brand-mark>span{font-size:31px}.brand-mark i{width:4px;height:4px;right:7px;top:6px}.header-right{gap:12px}.reading-button{font-size:10px;padding-left:12px;gap:3px}.reading-button svg{width:11px}.motion-toggle{padding:7px;font-size:10px}.motion-toggle span,.header-caption{display:none}.page-intro{padding:30px 0 24px;align-items:end}.page-intro .eyebrow{font-size:7px;letter-spacing:1.2px;gap:6px}.tiny-line{width:12px}.page-intro h1{font-size:29px;margin:10px 0 9px;line-height:1.45;letter-spacing:.3px}.page-intro p{font-size:10px;letter-spacing:0}.intro-note{margin:0;gap:0;padding:0 0 2px;flex-direction:column;align-items:end}.intro-note>span{font-size:32px;line-height:1;letter-spacing:-1.5px}.intro-note p{font-size:8px;text-align:right;line-height:1.7;margin-top:5px}.intro-note svg{display:none}.periodic-board{border-radius:14px;margin-left:-8px;margin-right:-8px;padding:0 10px 12px}.board-toolbar{height:auto;gap:12px;padding:15px 0 13px;flex-direction:column;align-items:stretch}.table-tabs{justify-content:space-between;gap:5px}.table-tabs button{flex:1;padding:8px 9px;font-size:11px}.table-tabs button span{font-size:9px}.search-box{padding:7px 10px}.search-box input{width:100%;font-size:11px}.search-box{gap:7px}.mobile-scroll-hint{font-size:9px;padding:0 0 10px 2px;white-space:nowrap}.mobile-scroll-hint span{font-size:7px}.element-grid{grid-template-columns:16px repeat(18,51px);grid-template-rows:18px repeat(7,61px) 10px repeat(2,53px);gap:7px;min-width:1060px;padding-right:7px}.element-key{min-width:44px;min-height:44px}.table-scroll{margin-right:-10px;padding-right:10px}.key-face{border-radius:6px}.atomic-number{font-size:9px}.element-symbol{font-size:22px}.element-name{font-size:11px}.element-key:nth-last-of-type(-n+30) .element-name{font-size:10px}.board-footer{padding:14px 2px 0;font-size:8px;align-items:start;gap:12px;line-height:1.7}.board-footer>span:last-child{text-align:right;max-width:150px}.category-legend{justify-content:flex-start;gap:5px;padding-top:17px}.category-legend button{font-size:9px;padding:6px 5px}.category-legend i{width:8px;height:8px}.table-bottom{padding:13px 0 23px;font-size:9px;line-height:1.8}.table-bottom>span{display:none}.site-footer{min-height:99px;align-items:start;justify-content:center;flex-direction:column;gap:8px;font-size:9px;padding-top:18px;padding-bottom:18px}.site-footer button{font-size:8px;padding:0}.footer-separator{margin:0 8px}.page-navigation{height:67px}.back-button{font-size:11px;gap:7px}.back-button svg{width:15px}.element-switcher{gap:10px;font-size:10px}.element-switcher button{width:28px;height:28px}.explore-heading{margin-bottom:22px}.explore-heading .eyebrow{font-size:8px;letter-spacing:1px}.category-pill{font-size:9px;padding:5px 9px;gap:5px}.exploration-layout{display:flex;flex-direction:column;gap:25px}.element-story{width:100%;padding:0;display:grid;grid-template-columns:103px 1fr;gap:0 21px;align-items:start}.hero-key{grid-column:1;grid-row:1 / 4;margin:8px 0 0 2px;width:98px;height:119px;transform:rotate(-5deg)}.key-face.large{border-radius:13px;box-shadow:0 5px color-mix(in srgb,var(--key-color) 75%,#626b53),0 7px 0 1px #59674b18,0 13px 19px #56633b1c}.large .atomic-number{font-size:10px;padding:9px 0 0 10px}.large .element-symbol{font-size:42px;letter-spacing:-2px;line-height:1.05;margin-top:2px}.large .element-name{font-size:14px;line-height:1.6;letter-spacing:1px}.element-english{font-size:7px;margin-top:1px}.element-story h1{grid-column:2;font-size:19px;line-height:1.65;margin-bottom:10px;letter-spacing:0}.story-summary{grid-column:2;font-size:10px;line-height:1.9;margin-bottom:9px;max-width:none}.element-story>.level-label{grid-column:2;justify-self:start;font-size:8px;padding:3px 6px}.atom-section{width:100%;padding-top:4px}.section-label{font-size:11px;gap:8px}.section-label>span:first-child{font-size:9px}.atom-canvas{max-width:370px;margin-top:0}.atom-tag{font-size:8px;top:9%;right:6%}.shell-controls{margin-top:-12px;gap:5px}.shell-controls button{min-width:35px;min-height:36px;padding:5px 7px}.shell-readout{margin-top:17px;gap:13px}.shell-readout>span{font-size:9px}.shell-readout strong{font-size:23px}.model-note{font-size:8px;margin-top:11px;line-height:1.8}.related-section{width:100%;margin-top:0;padding-top:2px}.related-intro{font-size:9px;margin:10px 0 15px}.related-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.substance-card{padding:0 10px 11px;border-radius:10px;box-shadow:0 3px #e3e7da,0 6px 12px #4c5a3210}.substance-thumbnail{height:116px;margin:-2px -10px 4px}.substance-card-title h3{font-size:13px;display:block;line-height:1.65;margin-top:2px}.substance-card-title .formula{display:block;font-size:12px;margin-top:0}.substance-card-title .mini-label{font-size:8px}.round-arrow{height:23px;width:23px;flex-shrink:0}.round-arrow svg{width:14px}.substance-card>p{font-size:8px;margin-top:7px;line-height:1.8;min-height:28px}.element-facts{grid-template-columns:1fr 1fr;padding:0;margin:28px 0 23px;gap:0}.element-facts>div{padding:18px 15px;border-bottom:1px solid var(--line)}.element-facts>div:first-child{padding-left:0}.element-facts>div:nth-child(2){border-right:0}.element-facts>div:nth-child(3){border-bottom:0;padding-left:0}.element-facts>div:nth-child(4){border-bottom:0}.element-facts span{font-size:9px;margin-bottom:8px}.element-facts strong{font-size:19px}.element-facts .mass-value{font-size:15px}.element-facts small{font-size:9px}.explore-notes{display:flex;flex-direction:column;gap:16px;margin-bottom:26px}.explore-notes article{padding:0 0 16px;border-bottom:1px solid #e3e7da}.explore-notes article:last-child{border-bottom:0;padding-bottom:0}.explore-notes h2{font-size:14px;margin:9px 0}.explore-notes p{font-size:11px}.explore-notes .mini-label{font-size:8px}.source-details{font-size:9px}.breadcrumb{font-size:9px;gap:4px}.breadcrumb button{font-size:9px;padding:5px 2px}.breadcrumb>span:last-child{max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.substance-layout{display:flex;flex-direction:column;gap:24px;padding:0 0 31px}.substance-portrait{width:100%;display:contents}.substance-art-large{width:100%;aspect-ratio:1.6;border-radius:15px;order:0}.portrait-caption{order:1;width:100%;padding:0 2px;margin-top:-8px;font-size:8px}.portrait-caption>span{font-size:7px}.portrait-note{order:3;max-width:100%;font-size:10px;line-height:1.9;margin:-7px 0 0;padding-top:14px;border-top:1px solid #e0e5d8}.substance-info{order:2;width:100%}.substance-info .eyebrow{font-size:8px;letter-spacing:1px}.substance-title-row{margin-top:14px}.substance-info h1{font-size:32px}.english-subtitle{font-size:11px}.hero-formula{font-size:38px}.substance-badges{margin:19px 0 16px;gap:8px}.substance-badges>span{font-size:8px;padding:4px 8px}.substance-description{font-size:12px;margin-bottom:22px;line-height:2}.composition{padding-top:17px}.composition-atom{width:37px;height:39px;font-size:20px}.composition-items,.composition-item{gap:10px}.reactions-section{padding-top:26px}.reactions-heading{display:block;margin-bottom:21px}.reactions-heading .eyebrow{font-size:8px;letter-spacing:1px}.reactions-heading h2{font-size:23px;margin-top:9px;letter-spacing:0}.reactions-heading>p{font-size:9px;margin-top:12px;line-height:1.9}.reactions-list{gap:15px}.reaction{padding:18px 14px;border-radius:11px}.reaction-title h3{font-size:12px}.reaction .level-label{font-size:8px;padding:3px 6px}.reaction-formula{font-size:18px;gap:16px 7px;padding:30px 0 23px;line-height:1.7}.reaction-arrow{min-width:49px}.reaction-arrow>span:first-child{font-size:8px;bottom:28px}.reaction-arrow>span:last-child{font-size:32px}.plus{margin:0 5px}.reaction-side{max-width:100%;row-gap:12px;justify-content:center}.reaction>p{font-size:10px;line-height:1.9}.equation-key{font-size:8px;margin-top:16px}.bottom-back{font-size:11px;margin:26px auto 31px}.reading-dialog{padding:23px 21px;border-radius:16px;width:calc(100vw - 26px);max-height:89vh}.reading-dialog .eyebrow{font-size:8px;letter-spacing:1px}.reading-dialog h2{font-size:23px}.reading-dialog h3{font-size:14px}.reading-dialog>p{font-size:11px}.source-records a{font-size:12px}.textbook-status{padding:13px}.textbook-status strong{font-size:11px}.textbook-status p{font-size:10px}}.eyebrow,.mini-label,.section-label>span:first-child,.table-bottom,.site-footer,.site-footer button,.board-footer,.axis-caption,.group-number,.period-number,.series-label,.series-label span,.table-invitation p,.mobile-scroll-hint,.mobile-scroll-hint span{color:#63705b}.element-name{font-size:12px;line-height:1.3}.element-key:nth-last-of-type(-n+30) .element-name{font-size:11px;line-height:1.3}.element-key:nth-last-of-type(-n+30) .element-symbol{font-size:20px}.large .element-name{font-size:20px;line-height:1.5}.atomic-number{opacity:1}.story-summary,.substance-description{color:#5f6c57;font-size:14px}.explore-notes p,.reaction>p{font-size:13px;color:#627157}.explore-notes h2{font-size:16px}.related-intro,.substance-card>p{font-size:11px;color:#65745a}.substance-card-title h3{font-size:16px}.substance-card-title .formula{color:#617654}.substance-card .mini-label,.source-details{font-size:10px;color:#607750}.model-note{font-size:11px;color:#69775f}.model-note strong{color:#5e704f}.shell-readout>span,.shell-readout small,.atom-tag{font-size:11px;color:#637a51}.shell-readout>span:last-child{font-size:10px}.element-facts span,.element-facts small{font-size:12px;color:#657459}.configuration-note code{font-size:14px}.portrait-caption,.portrait-note,.equation-key{font-size:11px;color:#65755b}.english-subtitle{color:#69785f}.composition .mini-label{font-size:11px}.composition-item>span:last-child,.composition-item small{color:#647658;font-size:11px}.composition>p{font-size:11px;color:#6b7b5f}.substance-badges>span,.level-label{color:#55713e}.reaction-arrow>span:first-child,.reaction-term small{color:#5e744d}.reactions-heading>p{font-size:12px;color:#66775a}.reading-dialog>p,.textbook-status p{color:#5e6f52}.source-records p{font-size:12px;color:#637359}.source-kind{color:#55773c}.source-kind.pending{color:#91672f}.honest-empty p{font-size:13px;color:#65745c}.honest-empty h3{color:#627851}.table-invitation .mini-label{font-size:10px}.table-invitation p{font-size:11px}.category-legend button{color:#56694a}.table-tabs button{color:#5f7252}.table-tabs button span{color:#597049}.search-box input::placeholder{color:#64765a}.textbook-status strong{color:#536a41}@media(max-width:640px){.large .element-name{font-size:14px;line-height:1.6}.element-story h1{font-size:18px}.story-summary{font-size:12px}.substance-description{font-size:14px}.element-facts span,.element-facts small,.related-intro{font-size:11px}.model-note{font-size:10px}.explore-notes p,.reaction>p{font-size:12px}.substance-card-title h3{font-size:14px}.substance-card>p{font-size:10px}.composition .mini-label{font-size:10px}.portrait-note{font-size:12px}.reactions-heading>p{font-size:11px}.equation-key,.source-details{font-size:10px}.source-records p{font-size:11px}.reading-dialog>p{font-size:12px}.textbook-status p{font-size:11px}.table-bottom,.site-footer,.site-footer button{font-size:10px}.board-footer{font-size:9px}.category-legend button{font-size:10px}.source-details summary{min-height:25px}.level-label{font-size:10px}.substance-badges>span{font-size:10px}.mini-label{font-size:9px}}:root{--muted: #606e5c}.series-placeholder,.element-switcher>span>span,.breadcrumb,.breadcrumb button{color:#5b6d50}.model-note,.shell-readout>span,.shell-readout small,.atom-tag,.english-subtitle,.composition-item>span:last-child,.composition-item small,.source-details,.source-details summary,.reactions-heading>p,.equation-key,.bottom-back,.portrait-caption,.portrait-note{color:#556b46}.level-label.extension{color:#765738}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.reaction>p.reaction-conditions{margin-top:10px;font-size:11px;color:#627653;line-height:1.8}.element-story h1{text-wrap:balance}.reaction-arrow>span:first-child{position:static;bottom:auto;font-size:40px;color:#809170;line-height:.9}.reaction-formula{padding-top:16px}@media(max-width:640px){.reaction>p.reaction-conditions{font-size:10px}.reaction-arrow>span:first-child{font-size:32px}.reaction-formula{padding-top:14px}.wordmark,.motion-toggle,.reading-button,.back-button,.bottom-back,.table-tabs button,.category-legend button,.source-details summary,.breadcrumb button,.site-footer button{min-height:44px}.motion-toggle,.shell-controls button,.element-switcher button,.dialog-header button{min-width:44px;min-height:44px}.search-box button{min-width:28px;min-height:28px;justify-content:center;align-items:center;position:relative}.search-box button:after{content:"";position:absolute;inset:-8px}}:root{--scene-ease: cubic-bezier(.22, .85, .25, 1);--press-ease: cubic-bezier(.2, .8, .3, 1.2)}html,body{overflow-x:clip}.key-arrival{position:relative;display:block;width:100%;height:100%}.table-page{padding-top:22px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}body:has(.table-page) .site-header{height:72px;border-bottom:0}body:has(.table-page) .wordmark small,body:has(.table-page) .header-caption,body:has(.table-page) .site-footer,.table-page .table-bottom{display:none}.table-page .periodic-board{background:transparent;border:0;box-shadow:none;padding-top:0}.table-page .category-legend{margin-top:8px}.table-page .board-footer{padding-bottom:0}.table-page .board-toolbar{margin-bottom:22px}.element-key{perspective:560px}.element-key .key-face{background:linear-gradient(145deg,#fff9,#ffffff08 54%,#34452b08),var(--key-color);box-shadow:inset 0 1px #ffffffc9,inset 0 -2px 3px #48503b0c,0 1px 2px #4251390e;transition:transform .15s var(--press-ease),box-shadow .15s var(--scene-ease)}.table-page[data-enter=true] .key-arrival{animation:key-rise .46s var(--scene-ease) backwards;animation-delay:calc(var(--key-order, 0) * 16ms)}@keyframes key-rise{0%{opacity:.2;transform:translateY(10px)}72%{opacity:1;transform:translateY(-1px)}to{opacity:1;transform:none}}.element-key:active .key-face{transform:translateY(4px);box-shadow:inset 0 2px 4px #45553514}@media(hover:hover)and (pointer:fine){.element-key:hover .key-face{transform:translateY(-5px);box-shadow:0 10px 13px #52604422,inset 0 1px #fffc}.element-key:active .key-face{transform:translateY(4px);box-shadow:inset 0 2px 4px #45553514}}.explore-page .page-navigation{height:66px}.exploration-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.9fr);grid-template-areas:"story story" "atom materials";gap:24px 38px;padding:28px 32px 26px;border:1px solid #dee4d7;border-radius:26px;background:linear-gradient(125deg,#fafbf6,#f0f3eb 80%);box-shadow:0 16px 44px #43503705}.element-story{grid-area:story;width:100%;display:grid;grid-template-columns:78px minmax(0,1fr);gap:25px;align-items:center;padding:0 0 22px;border-bottom:1px solid #dce3d5}.hero-key{width:73px;height:84px;margin:0;padding:0 0 4px;transform:rotate(-4deg)}.hero-key .key-face.large{border-radius:12px;box-shadow:0 4px #a8b899,0 10px 14px #45563414}.hero-key .atomic-number{font-size:8px;padding:7px 0 0 8px}.hero-key .element-symbol{font-size:32px;letter-spacing:-1px;margin:1px 0 0;line-height:1.05}.hero-key .element-name{font-size:12px;line-height:1.5}.hero-key .element-english{display:none}.story-copy{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:36px;row-gap:10px}.element-story h1{font-size:clamp(22px,2vw,29px);line-height:1.5;margin:0;letter-spacing:-.7px}.story-summary{font-size:13px;line-height:1.85;max-width:510px;margin:0;color:#56634f}.atom-section{grid-area:atom;min-width:0;width:100%;padding:0}.atom-display{padding-top:0}.atom-canvas{width:min(100%,410px);aspect-ratio:1;margin:0 auto}.atom-canvas:before{content:"";position:absolute;inset:7%;border-radius:50%;background:radial-gradient(ellipse,#ffffff94 0,#ffffff24 52%,transparent 72%);pointer-events:none}.atom-svg{width:100%;height:100%;position:relative}.atom-core{position:absolute;left:50%;top:50%;translate:-50% -50%;width:82px;height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;color:var(--key-ink);background:radial-gradient(circle at 30% 23%,#fbfdf7,color-mix(in srgb,var(--key-color) 60%,#f4f6ee),color-mix(in srgb,var(--key-color) 83%,#889c78) 72%,#738669);box-shadow:inset 0 1px 2px #ffffffb3,inset -5px -5px 13px #64795224,0 12px 18px -7px #465c373a}.atom-core .nucleus-symbol{color:inherit;font-size:29px;font-weight:550;line-height:1.1}.atom-core .nucleus-charge{margin-top:4px;color:#52674c;font-size:10px;line-height:1.2}.atom-tag{top:18px;right:8%;font-size:10px}.shell-ring{stroke:#c7d0bd;stroke-width:.85}.is-selected .shell-ring{stroke:#99ae87;stroke-width:1.5}.shell-group{transform-origin:210px 210px}.explore-page[data-scene-motion=true][data-scene-ready=false] .shell-group{opacity:0;transform:scale(.62)}.explore-page[data-scene-motion=true][data-scene-ready=true] .shell-group{animation:shell-open .38s var(--scene-ease) backwards;animation-delay:calc(var(--shell-order, 0) * 28ms)}@keyframes shell-open{0%{opacity:0;transform:scale(.62)}to{opacity:1;transform:scale(1)}}.electron-dot{filter:drop-shadow(0 1px 1px #55704815)}.shell-controls{margin:0 auto 10px;gap:7px}.shell-controls button{min-width:44px;min-height:40px;border-radius:10px;transition:background .15s,transform .15s var(--press-ease)}.shell-controls button:active{transform:scale(.95)}.shell-controls button[aria-pressed=true]{box-shadow:0 2px #b6c5a6;background:#e0e9d5}.shell-readout{margin-top:8px;gap:15px}.shell-readout strong{font-size:21px}.model-note{margin:13px auto 0;font-size:10px;line-height:1.8;color:#627058}.related-section{grid-area:materials;width:100%;min-width:0;padding:0}.related-title{margin:0 0 8px;font-size:15px;line-height:1.5;font-weight:550;letter-spacing:.1px}.related-intro{margin:4px 0 12px;font-size:11px;line-height:1.6;color:#637058}.related-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:13px}.substance-arrival{min-width:0}.substance-arrival.is-pending{opacity:0}.substance-arrival.is-visible.is-arriving{animation:material-arrive .32s var(--scene-ease) backwards;animation-delay:var(--arrival, 0ms)}@keyframes material-arrive{0%{opacity:0;transform:translate(18px) scale(.97)}to{opacity:1;transform:none}}.substance-card{display:grid;grid-template-columns:43% minmax(0,1fr);grid-template-rows:1fr auto;width:100%;min-height:151px;align-items:center;column-gap:8px;padding:8px 15px 8px 2px;background:#fafbf6e8;border:1px solid #dce3d4;border-radius:16px;box-shadow:0 3px #dce3d4,0 7px 14px #4c5a3209;animation:none;overflow:visible;transform:translateY(0);transition:transform .16s var(--press-ease),box-shadow .16s var(--scene-ease),border-color .16s}.substance-thumbnail{grid-column:1;grid-row:1 / 3;width:100%;height:139px;margin:0;background:transparent;border-radius:10px;overflow:visible}.substance-thumbnail svg{overflow:visible;transform:scale(1.12)}.substance-card-title{display:block;grid-column:2;grid-row:1;align-self:center;width:100%}.substance-card-title h3{display:block;font-size:15px;line-height:1.5;margin-top:4px}.substance-card-title .formula{display:block;font-size:13px;line-height:1.6;color:#5d7253}.substance-card .mini-label{font-size:10px;color:#6a765f}.substance-card>p{grid-column:2;grid-row:2;align-self:start;font-size:11px;line-height:1.65;margin:0 0 4px;min-height:auto;color:#65715e}.substance-card:active{transform:translateY(3px);box-shadow:0 0 #dce3d4}@media(hover:hover)and (pointer:fine){.substance-card:hover{transform:translateY(-4px);border-color:#b6c4ab;box-shadow:0 5px #dce3d4,0 13px 20px #4c5a3214}.substance-card:active{transform:translateY(3px);box-shadow:0 0 #dce3d4}}.substance-arrival:focus-within{opacity:1!important;transform:none!important;animation:none}.element-facts{margin-top:27px}.substance-art-large{background:radial-gradient(ellipse at 48% 34%,#fafcf7,color-mix(in srgb,var(--card-tint) 9%,#f1f3eb));border:1px solid #dce3d4;border-radius:24px;box-shadow:0 5px #dfe5d8,0 20px 45px #44523b09;aspect-ratio:1.2;overflow:hidden}.substance-art-large svg{width:100%;height:100%}.substance-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);align-items:center;gap:60px}.portrait-note{font-size:11px;line-height:1.9}.portrait-caption{margin-top:19px}::view-transition-group(element-key),::view-transition-group(substance-picture){animation-duration:.48s;animation-timing-function:var(--scene-ease)}::view-transition-old(element-key),::view-transition-new(element-key){border-radius:inherit}@media(max-width:1100px)and (min-width:641px){.exploration-layout{grid-template-columns:minmax(0,1fr) minmax(290px,.92fr);padding:24px;gap:22px}.story-copy{column-gap:22px}.element-story h1{font-size:23px}.atom-canvas{max-width:390px}.substance-card{min-height:142px;padding-right:12px}.substance-thumbnail{height:132px}.substance-layout{gap:32px}}@media(max-width:800px)and (min-width:641px){.exploration-layout{grid-template-columns:minmax(0,1fr) minmax(245px,.9fr);padding:20px;gap:20px}.story-copy{display:block}.element-story h1{font-size:21px;white-space:normal}.story-summary{font-size:12px;margin-top:7px}.substance-card{grid-template-columns:41% minmax(0,1fr)}.substance-card-title h3{font-size:13px}.substance-card>p{font-size:10px}.atom-core{width:65px;height:65px}}@media(max-width:640px){.explore-page{padding-left:16px;padding-right:16px}.explore-page .page-navigation{height:54px}.exploration-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"story" "atom" "materials";padding:17px 14px;border-radius:20px;gap:16px}.element-story{grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:start;padding-bottom:15px}.hero-key{width:50px;height:65px;margin:3px 0 0;grid-row:auto}.hero-key .atomic-number{font-size:7px;padding:6px 0 0 6px}.hero-key .element-symbol{font-size:26px}.hero-key .element-name{font-size:10px;line-height:1.4}.hero-key .key-face.large{border-radius:9px}.story-copy{display:block}.element-story h1{margin:0;font-size:18px;line-height:1.45;letter-spacing:-.35px;white-space:normal}.story-summary{font-size:11px;line-height:1.75;margin-top:7px}.atom-section{padding-top:0}.atom-canvas{width:220px;max-width:100%;margin-top:0}.atom-core{width:56px;height:56px}.atom-core .nucleus-symbol{font-size:22px}.atom-core .nucleus-charge{font-size:8px;margin-top:2px}.atom-tag{top:7px;right:-14px;font-size:9px}.shell-controls{margin:-5px auto 9px;gap:5px;flex-wrap:wrap}.shell-controls button{min-width:36px;min-height:36px;padding:5px 8px;font-size:10px}.shell-readout{margin-top:6px;gap:10px}.shell-readout strong{font-size:18px}.shell-readout>span,.shell-readout small{font-size:10px}.model-note{margin-top:8px;font-size:9px;line-height:1.6}.related-section{padding-top:0}.related-title{font-size:14px;line-height:1.45}.related-intro{font-size:10px;margin:4px 0 10px;line-height:1.55}.related-cards{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding:6px 3px 13px;margin:-6px -3px;scroll-snap-type:x proximity;scroll-padding-inline:3px;scrollbar-width:thin;scrollbar-color:#bcc9ae transparent}.substance-arrival{flex:0 0 min(89%,290px);scroll-snap-align:start}.substance-card{height:151px;min-height:151px;grid-template-columns:45% minmax(0,1fr);padding:7px 11px 7px 0;border-radius:14px}.substance-thumbnail{height:136px}.substance-card-title h3{font-size:14px}.substance-card-title .formula{font-size:12px}.substance-card .mini-label{font-size:9px}.substance-card>p{font-size:10px;min-height:auto;margin-bottom:4px}.substance-layout{gap:23px}.substance-art-large{aspect-ratio:1.32;border-radius:20px}.portrait-note{font-size:11px}.element-facts{margin-top:23px}}@media(max-width:360px){.explore-page{padding-left:12px;padding-right:12px}.exploration-layout{padding:14px 11px}.element-story{gap:10px}.element-story h1{font-size:16px}.atom-canvas{width:220px}.substance-arrival{flex-basis:94%}}html[data-reduced-motion=true] .key-arrival,html[data-reduced-motion=true] .shell-group,html[data-reduced-motion=true] .substance-arrival{animation:none!important;transform:none!important;opacity:1!important}@media(prefers-reduced-motion:reduce){.key-arrival,.shell-group,.substance-arrival{animation:none!important;transform:none!important;opacity:1!important}}.site-header{gap:20px}.learning-switch{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex-shrink:0;width:140px;padding:4px;margin-right:auto;border:1px solid #d6dece;border-radius:9px;background:#e8ece1}.learning-switch-indicator{position:absolute;inset:4px auto 4px 4px;width:calc((100% - 8px)/2);border-radius:6px;background:#fdfef9;box-shadow:0 1px 4px #42503218,inset 0 1px #ffffffa0;transition:transform .18s cubic-bezier(.22,.85,.25,1)}.learning-switch-indicator[data-mode=senior]{transform:translate(100%)}.learning-switch button{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:0 6px;border-radius:6px;color:#606e5c;font-size:12px;white-space:nowrap}.learning-switch button[aria-pressed=true]{color:#2e4927;font-weight:650}.learning-switch button:active{transform:translateY(1px)}.explore-notes:has(>.foundation-sources){grid-template-columns:repeat(2,minmax(0,1fr))}.explore-notes>.foundation-sources{grid-column:1 / -1;padding-top:8px;border-top:1px solid var(--line)}@media(max-width:640px){.site-header,body:has(.table-page) .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;height:auto;gap:10px 8px;padding-top:14px;padding-bottom:12px}.site-header .wordmark{grid-column:1;grid-row:1}.site-header .header-right{grid-column:2;grid-row:1;gap:8px}.learning-switch{grid-column:1 / -1;grid-row:2;width:100%;margin:0}.learning-switch button{min-height:44px}.explore-notes:has(>.foundation-sources){grid-template-columns:minmax(0,1fr)}}.table-page .board-toolbar{min-height:44px;height:auto;padding:0;flex-direction:row;justify-content:flex-start}.table-page .table-tabs{justify-content:flex-start}.table-page .table-tabs button{flex:0 0 auto;min-height:36px;padding:8px 14px;border:1px solid #d2dbc9;background:#f7f9f2;color:#5b6d50}.table-page .table-tabs button.active{background:#e5edda;border-color:#9baf87;color:#354b30}@media(max-width:640px){.table-page .table-tabs button{min-height:44px}}body:has(.table-page[data-enter=true]) .site-header,.table-page[data-enter=true] :is(.board-toolbar,.mobile-scroll-hint,.category-legend,.axis-caption,.group-number,.period-number,.series-label,.series-placeholder,.home-workbench){opacity:0;pointer-events:none}.table-page[data-enter=true] .table-scroll{overflow:visible;scrollbar-color:transparent transparent}html:has(.table-page[data-enter=true]){scrollbar-color:transparent transparent}.table-page[data-enter=true] .element-grid{transform-origin:0 0;will-change:transform}.table-page[data-enter=true] .element-key{pointer-events:none}.table-page[data-enter=true] .key-arrival{animation:none;opacity:0;will-change:transform,opacity;z-index:1}.entrance-key-shadow{position:absolute;inset:5px -7px -15px;border-radius:15px;background:radial-gradient(ellipse,#000c 22%,#0007 50%,transparent 74%);opacity:0;pointer-events:none}.entrance-key-light{position:absolute;inset:1px;border-radius:7px;background:linear-gradient(145deg,#efffff,transparent 65%);opacity:0;pointer-events:none}.table-page[data-enter=true] .element-key .key-face{transform:none;transition:none;box-shadow:0 4px 0 var(--mineral-side, #202a2d),0 6px 3px #0005,inset 0 1px 0 var(--key-edge-highlight, #ffffff25),inset 0 -2px 3px #0002}body:has(.table-page){--table-key-width: 54px;--table-key-height: calc(var(--table-key-width) * 1.25);--table-field-width: calc(var(--table-key-width) * 18 + 136px)}.table-page .element-grid{inline-size:max-content;min-inline-size:0;margin-inline:auto;padding:4px 4px 8px;gap:6px;grid-template-columns:20px repeat(18,var(--table-key-width));grid-template-rows:18px repeat(7,var(--table-key-height)) 8px repeat(2,var(--table-key-height))}.table-page .element-grid>.element-key{inline-size:100%;block-size:100%;min-inline-size:44px;min-block-size:44px}.table-page .element-grid .element-key .key-face{display:block;position:relative;overflow:hidden;border-radius:clamp(7px,calc(var(--table-key-width) * .12),15px)}.table-page .element-grid .element-key .atomic-number{position:absolute;inset-block-start:calc(var(--table-key-height) * .095);inset-inline-start:calc(var(--table-key-width) * .105);align-self:auto;margin:0;padding:0;font-family:DM Sans,Segoe UI,sans-serif;font-size:clamp(9px,calc(var(--table-key-height) * .135),20px);font-variant-numeric:tabular-nums;font-weight:500;line-height:1;letter-spacing:0;opacity:1}.table-page .element-grid .element-key .element-symbol{position:absolute;inset-block-start:calc(var(--table-key-height) * .32);inset-inline:2px;margin:0;font-family:DM Sans,Segoe UI,Microsoft YaHei,sans-serif;font-size:clamp(22px,calc(var(--table-key-height) * .355),58px);font-weight:650;line-height:1;letter-spacing:-.55px;text-align:center;white-space:nowrap}.table-page .element-grid .element-key .element-name{position:absolute;inset-inline:3px;inset-block-end:calc(var(--table-key-height) * .095);margin:0;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:clamp(11px,calc(var(--table-key-height) * .18),28px);font-weight:450;line-height:1;letter-spacing:0;text-align:center;white-space:nowrap}.table-page .element-grid .series-label{gap:3px;line-height:1.2}.table-page .element-grid .series-label span{line-height:1.2}.table-page .element-grid .story-dot{top:calc(var(--table-key-height) * .11);right:calc(var(--table-key-width) * .11);width:clamp(3px,calc(var(--table-key-width) * .05),6px);height:clamp(3px,calc(var(--table-key-width) * .05),6px)}@media(min-width:701px){body:has(.table-page){--table-key-width: clamp( 48px, min(calc((100vw - 192px) / 18), calc((100svh - 264px) / 11.25)), 160px )}.table-page,body:has(.table-page) .site-header{width:min(100%,calc(var(--table-field-width) + 56px));max-width:none;padding-inline:28px}body:has(.table-page) .site-header{height:64px;min-height:64px}.table-page{padding-top:0}.table-page .periodic-board{padding:0}.table-page .board-toolbar{margin-bottom:8px}.table-page .table-scroll{padding-bottom:4px}.table-page .category-legend{margin-top:0;padding:8px 0}.table-page .element-grid .series-placeholder strong,.table-page .element-grid .series-label{font-size:clamp(11px,calc(var(--table-key-height) * .15),18px)}.table-page .element-grid .series-placeholder>span,.table-page .element-grid .series-label span{font-size:clamp(9px,calc(var(--table-key-height) * .12),14px)}}:root{color-scheme:dark;color:#e7ece9;background:#171c20;--ink: #e7ece9;--muted: #aebbb8;--line: #3b474b;--paper: #20282c;--accent: #c3d4bc;--surface-0: #171c20;--surface-1: #1d2428;--surface-2: #242d31;--surface-card: #222a2e;--surface-control: #262f33;--surface-key: #283136;--key-shadow: #11171a;--key-edge-highlight: #ffffff24;--hairline: #3b474b;--text-main: #e7ece9;--text-soft: #b3bfbc;--text-dim: #9eaeaa;--focus-ring: #d4e3c7}html{color-scheme:dark;background:var(--surface-0)}body{color:var(--text-main);background:radial-gradient(ellipse at 48% -16%,#293438 0,transparent 49%),linear-gradient(180deg,#1b2226 0,var(--surface-0) 45rem)}button,input,summary,a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,.element-key:focus-visible{outline:3px solid var(--focus-ring)!important;outline-offset:4px}::selection{color:#f5f7f3;background:#65796c}[data-category=nonmetal]{--mineral-color: #536d59;--mineral-side: #35483b;--mineral-edge: #829989;--mineral-ink: #f0f4ef;--mineral-muted: #f0f3ef}[data-category=alkali]{--mineral-color: #76534c;--mineral-side: #4d3935;--mineral-edge: #a18177;--mineral-ink: #f5efeb;--mineral-muted: #f0f3ef}[data-category=alkaline]{--mineral-color: #786747;--mineral-side: #514730;--mineral-edge: #a29169;--mineral-ink: #f5f1e7;--mineral-muted: #f0f3ef}[data-category=transition]{--mineral-color: #69674f;--mineral-side: #484735;--mineral-edge: #918c69;--mineral-ink: #f4f2e9;--mineral-muted: #f0f3ef}[data-category=post-transition]{--mineral-color: #4c686b;--mineral-side: #34494c;--mineral-edge: #789194;--mineral-ink: #edf4f3;--mineral-muted: #f0f3ef}[data-category=metalloid]{--mineral-color: #4c6e5d;--mineral-side: #334a3f;--mineral-edge: #7c9b88;--mineral-ink: #eff5f0;--mineral-muted: #f0f3ef}[data-category=halogen]{--mineral-color: #606f48;--mineral-side: #414b32;--mineral-edge: #87946a;--mineral-ink: #f1f3e9;--mineral-muted: #f0f3ef}[data-category=noble]{--mineral-color: #675a72;--mineral-side: #493e52;--mineral-edge: #91829a;--mineral-ink: #f3eff5;--mineral-muted: #f0f3ef}[data-category=lanthanide]{--mineral-color: #506782;--mineral-side: #36485c;--mineral-edge: #7e98b4;--mineral-ink: #eef3f8;--mineral-muted: #f0f3ef}[data-category=actinide]{--mineral-color: #6c566b;--mineral-side: #4b3d4b;--mineral-edge: #987f96;--mineral-ink: #f4eef4;--mineral-muted: #f0f3ef}.site-header{border-color:transparent}.wordmark,.reading-button,.motion-toggle,.header-right,.page-intro h1,.explore-page h1,.explore-page h2,.substance-page h1,.substance-page h2,.substance-page h3,.element-facts strong,.explore-notes h2{color:var(--text-main)}.brand-mark{color:#e7eee6;background:linear-gradient(145deg,#53695b,#34453d);box-shadow:0 3px #29372f,0 8px 18px #0005,inset 0 1px #ffffff30}.brand-mark i{background:#d7e3c8}.header-caption,.page-intro p,.eyebrow,.intro-note p,.intro-note svg,.table-bottom,.site-footer,.site-footer button,.board-footer,.axis-caption,.group-number,.period-number,.series-label,.series-label span,.mobile-scroll-hint{color:var(--text-dim)}.page-intro .eyebrow,.explore-heading .eyebrow,.substance-info .eyebrow,.reactions-heading .eyebrow{color:#b6c5bd}.title-dot,.tiny-line,.intro-note>span{color:#9daf9e}.tiny-line,.site-footer,.site-header .reading-button,.reading-button{border-color:var(--hairline)}.learning-switch{border-color:#414d4b;background:#232c2e;box-shadow:inset 0 1px #ffffff0a}.learning-switch-indicator{background:#39463f;box-shadow:0 2px 6px #0005,inset 0 1px #ffffff20}.learning-switch button{color:#b2bfbb}.learning-switch button[aria-pressed=true]{color:#f0f4ed}.motion-toggle[aria-pressed=true]{color:#d6e2c7}.reading-button:hover,.back-button:hover,.bottom-back:hover,.site-footer button:hover,.source-details a:hover,.table-invitation button:hover{color:#e1ead5}.page-navigation{color:var(--text-soft)}.back-button,.element-switcher,.breadcrumb,.breadcrumb button,.bottom-back{color:#c0cbc7}.element-switcher>span>span,.breadcrumb>span{color:#93a19d}.element-switcher button,.round-arrow{color:#d1dbd7;border-color:#4a5759;background:#273034}.site-footer{border-color:var(--hairline)}.footer-separator{color:#73817d}.periodic-board{background:#1d2428;border-color:#303b40;box-shadow:0 16px 38px #0002,inset 0 1px #ffffff0b}.table-page .periodic-board{background:transparent;border-color:transparent;box-shadow:none}.table-page .table-tabs button{color:#b1bfba;border-color:#3b494a;background:#222b2e}.table-page .table-tabs button.active{color:#eef3ed;border-color:#61736a;background:#35443d;box-shadow:inset 0 1px #ffffff17,0 3px 8px #0003}.table-tabs button span{color:#c2cec8}.search-box{color:#c2cec9;border-color:#3d494c;background:#20292d}.search-box input{color:#e7ece9}.search-box input::placeholder{color:#a5b2ad}.table-scroll,.related-cards{scrollbar-color:#586660 #20272a}.element-grid .group-number,.element-grid .period-number,.element-grid .axis-caption{color:#a9b6b2}.element-key .atomic-number,.element-key .element-name,.hero-key .atomic-number,.hero-key .element-name,.hero-key .element-english{color:#d6dfdb}.element-key .element-symbol,.hero-key .element-symbol{color:#f2f5f2}.element-key .story-dot{background:#d6d5ae;box-shadow:0 0 0 2px #252d30}.element-key.dimmed{opacity:.34}.element-key:active .key-face{box-shadow:0 0 #11171a,inset 0 3px 6px #0005}.series-placeholder{color:#b4c1bb;border-color:#62716a;background:#20282b99}.series-label{color:#c0cbc5}.series-label span{color:#a7b4ae}.invitation-symbol{color:#9daa9a}.mini-label,.table-invitation .mini-label{color:#aab8b0}.table-invitation p{color:#a7b4b0}.invitation-orbit{border-color:#52635a}.invitation-orbit:after{background:#b4c19d;box-shadow:0 0 0 4px #20272a}.board-footer,.table-bottom{color:#aebbb5}.story-dot-inline{background:#c0cdaa}.category-legend button{color:#c0cbc6;border-color:transparent}.category-legend button.selected{color:#edf2ec;border-color:#627269;background:#303d38}.category-legend i{border-color:#d0d9d22e;filter:brightness(.76) saturate(.78)}.table-page .category-legend button.selected{border-color:#64766c;background:#303c37}@media(hover:hover)and (pointer:fine){.category-legend button:hover{border-color:#65766d}}.explore-page .exploration-layout{color:var(--text-main);border-color:#3a474a;background:linear-gradient(135deg,#242d31,#20282c 56%,#1b2327);box-shadow:0 18px 45px #0003,inset 0 1px #ffffff0b}.explore-page .element-story{border-color:#3b484b}.explore-page .story-summary,.explore-page .related-intro,.explore-page .model-note,.explore-page .explore-notes p{color:#b2bfbb}.explore-page .section-label{color:#d1d9d5}.explore-page .section-label>span:first-child{color:#9dacaa}.explore-page .hairline{background:#4b585a}.category-pill{color:var(--mineral-muted, #d5dfda);border:1px solid color-mix(in srgb,var(--key-color, #62766a) 65%,#34413d);background:color-mix(in srgb,var(--key-color, #62766a) 25%,#20282b)}.category-pill i{background:var(--mineral-edge, #a9bba9)}.level-label{color:#d1e0c4;border-color:#52634f;background:#2a352d}.level-label.extension{color:#e5cfaa;border-color:#695844;background:#342c24}.atom-canvas:before{background:radial-gradient(ellipse,#52645a33 0,#34463f1c 45%,transparent 73%)}.shell-hit{stroke:transparent}.shell-ring{stroke:#657477}.is-selected .shell-ring{stroke:#c5d5ac;stroke-width:1.8}.electron-dot{fill:#a8b9b5;stroke:#222b2f;filter:drop-shadow(0 1px 2px #0009)}.is-selected .electron-dot{fill:#e0dfb2;stroke:#514f3b}.nucleus-symbol{fill:#eff4f0}.nucleus-charge{fill:#c5d5c8}.atom-core{color:#f2f5ef;background:radial-gradient(circle at 30% 23%,color-mix(in srgb,var(--key-color, #536d59) 62%,#d4dfd7),color-mix(in srgb,var(--key-color, #536d59) 70%,#33403e) 45%,#273135);box-shadow:inset 0 1px 2px #ffffff45,inset -5px -7px 14px #0005,0 12px 22px -7px #0009}.atom-core .nucleus-charge{color:#d5e2d7}.atom-tag{color:#b9c9c1}.atom-tag>span{background:#bac9ac}.shell-controls button{color:#c2cdc8;border-color:#455357;background:#273135}.shell-controls button>span{color:#b0c0ba}.shell-controls button[aria-pressed=true]{color:#f0f4ec;border-color:#83937a;background:#3a493e;box-shadow:0 3px #1a211e,inset 0 1px #ffffff18}.shell-readout>span,.shell-readout small{color:#b3c0bc}.shell-readout strong{color:#d6e2cf}.shell-readout>span:last-child{color:#c2d0c5;border-color:#4b5b57}.explore-page .element-facts{border-color:#3e4a4d}.explore-page .element-facts>div{border-color:#3e4a4d}.explore-page .element-facts span,.explore-page .element-facts small{color:#b0bdb8}.explore-page .explore-notes h2{color:#e1e8e4}.configuration-note code{color:#d1dec9}.source-details{color:#b1bfba}.source-details summary{color:#c4d1ca}.source-details a{color:#c6d2ce;text-decoration-color:#7b9185}.honest-empty{color:#c0ccc5;border-color:#596a63;background:#20292b}.honest-empty h3{color:#dce6d7}.honest-empty p{color:#b5c1bd}.substance-card{color:var(--text-main);background:#252e32;border-color:#3e4b4e;box-shadow:0 4px #182023,0 10px 20px #0003,inset 0 1px #ffffff0c}.substance-thumbnail{background:color-mix(in srgb,var(--card-tint, #61786f) 17%,#20282b)}.substance-card-title h3{color:#e8ede9}.substance-card-title .formula{color:#cad8cc}.substance-card .mini-label,.substance-card>p{color:#b5c2bc}.round-arrow{color:#d7e1d9;border-color:#52625d;background:#293438}.substance-card:active{box-shadow:0 0 #182023,inset 0 2px 5px #0004}@media(hover:hover)and (pointer:fine){.substance-card:hover{border-color:#758b7e;box-shadow:0 5px #182023,0 15px 24px #0005,inset 0 1px #ffffff12}.substance-card:hover .round-arrow{color:#eff4eb;border-color:#7b907f;background:#3b4b42}}.substance-art-large{background:radial-gradient(ellipse at 48% 38%,#354247 0,#222b2f 62%,#1b2327);border-color:#48565a;box-shadow:0 6px #151b1e,0 20px 42px #0005,inset 0 1px #ffffff12}.portrait-caption,.portrait-note{color:#b0bdb8}.substance-info h1{color:#edf1ee}.english-subtitle{color:#afbfba}.hero-formula{color:#cbd9c9}.substance-badges>span{color:#d0dec8;border-color:#4c5d51;background:#29352e}.substance-description{color:#c0cbc7}.composition{border-color:#414e50}.composition .mini-label{color:#bdc9c3}.composition-atom{color:#f0f3ef}.composition-item>span:last-child,.composition-item small,.composition>p{color:#b2bfba}.composition-item strong{color:#d4e1cc}.composition-divider{color:#71807d}.reactions-section{border-color:#3d494c}.reactions-heading h2{color:#e4eae6}.reactions-heading h2>span{color:#bcccae}.reactions-heading>p{color:#b2bfba}.reaction{color:#e4eae7;background:#232c30;border-color:#3d4a4d;box-shadow:inset 0 1px #ffffff08}.reaction-title h3{color:#e5ebe7}.reaction>p,.reaction>p.reaction-conditions{color:#b8c4bf}.reaction-formula{color:#e0e9e1}.reaction-term small,.reaction-arrow>span:first-child{color:#afc0b6}.reaction-arrow>span:last-child{color:#c1d0c2}.plus{color:#aab8b3}.reaction-empty,.equation-key{color:#b1beb9}.source-records article{border-color:#3e4a4d}.source-records a{color:#d7e2dd}.source-records p{color:#b1beb9}.source-kind{color:#c4d7bd}.source-kind.pending{color:#e1c69a}.reading-dialog{color:#e5ebe7;border-color:#465357;background:#222a2e;box-shadow:0 30px 100px #000a}.reading-dialog::backdrop{background:#090e11b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.reading-dialog>p,.textbook-status p{color:#bcc7c3}.textbook-status{border-color:#45544d;background:#2b3531}.textbook-status strong{color:#d5e3cb}.skip-link{color:#f0f4ef;border-color:#a6bc9e;background:#303d36}.element-key[data-category] .key-face,.key-face[data-category],.composition-atom[data-category]{--key-color: var(--mineral-color) !important;--key-ink: var(--mineral-ink) !important}:is(.table-page .element-grid .element-key[data-category] .key-face,.explore-page .hero-key .key-face[data-category]){color:var(--mineral-ink)!important;border-color:color-mix(in srgb,var(--mineral-edge) 50%,#283136)!important;background:linear-gradient(145deg,#ffffff18,#ffffff05 35%,#10161918),linear-gradient(160deg,color-mix(in srgb,var(--mineral-color) 75%,#414c50),var(--mineral-color) 72%);box-shadow:0 4px 0 var(--mineral-side),0 9px 14px #0005,inset 0 1px 0 var(--key-edge-highlight),inset 0 -2px 4px #0004}.element-key[data-category] .atomic-number,.element-key[data-category] .element-name,.key-face[data-category] .atomic-number,.key-face[data-category] .element-name,.key-face[data-category] .element-english{color:var(--mineral-muted)}.element-key[data-category] .element-symbol,.key-face[data-category] .element-symbol{color:var(--mineral-ink)}.element-key[data-category]:focus-visible:not(:active) .key-face{box-shadow:0 4px 0 var(--mineral-side),0 0 0 2px var(--mineral-edge),0 13px 20px #0007,inset 0 1px #ffffff30}@media(hover:hover)and (pointer:fine){.table-page .element-grid .element-key[data-category]:hover:not(:focus-visible):not(:active):not([aria-busy=true]) .key-face{box-shadow:0 4px 0 var(--mineral-side),0 0 0 2px var(--mineral-edge),0 13px 20px #0007,inset 0 1px #ffffff30}}.table-page .element-grid .element-key[data-category]:active .key-face{box-shadow:0 0 0 var(--mineral-side),inset 0 3px 6px #0006}.table-page[data-enter=true] .element-grid .element-key[data-category] .key-face{box-shadow:0 4px 0 var(--mineral-side, #202a2d),0 6px 3px #0005,inset 0 1px 0 var(--key-edge-highlight, #ffffff25),inset 0 -2px 3px #0002}.table-page .element-grid .element-key[data-category][aria-busy=true]{cursor:progress}.table-page .element-grid .element-key[data-category][aria-busy=true] .key-face{transform:translateY(4px);box-shadow:0 0 0 var(--mineral-side),inset 0 3px 6px #0006}.explore-page[data-category]{--key-color: var(--mineral-color) !important;--key-ink: var(--mineral-ink) !important}.explore-page[data-category] .atom-core{--key-color: var(--mineral-color) !important}.composition-atom[data-category]{background:linear-gradient(145deg,#ffffff18,#ffffff04),linear-gradient(160deg,color-mix(in srgb,var(--mineral-color) 75%,#414c50),var(--mineral-color));box-shadow:0 3px 0 var(--mineral-side),inset 0 1px 0 var(--key-edge-highlight)}.category-legend button[data-category] i{background:var(--mineral-color)!important;border-color:var(--mineral-edge);filter:none}body:has(.knowledge-map) .site-footer{display:none}body:has(.knowledge-map) main.knowledge-map{width:100%;max-width:none;margin-inline:auto}.knowledge-map{--km-panel: #20282c;--km-panel-raised: #273135;--km-panel-edge: #485558;--km-copy: #e7ece9;--km-copy-soft: #bdc8c3;--km-copy-quiet: #a6b3ad;--km-mineral: #536d59;--km-mineral-side: #35483b;--km-mineral-edge: #829989;--km-gold: #e6d28e;--km-gold-ink: #29271f;padding-top:4px;padding-bottom:0;color:var(--km-copy)}.km-navigation{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--km-copy-soft)}.km-navigation .back-button{min-height:44px;display:inline-flex;align-items:center;gap:8px;color:#c5d0ca;font-size:13px;text-decoration:none;transition:color .16s var(--scene-ease, ease)}.km-navigation .back-button:hover{color:#eef3ed}.km-tutorial-replay{display:inline-flex;min-height:44px;align-items:center;gap:7px;padding:8px 4px;color:var(--km-copy-soft);background:transparent;border:0;font:inherit;font-size:12px;cursor:pointer}.km-navigation-actions{display:flex;align-items:center;gap:18px}.km-compounds-trigger{min-height:40px;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #586c5f;border-radius:12px;color:#e1e9dd;background:#3e514545;font:inherit;font-size:12px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.km-compounds-trigger:hover{background:#536e5b66;border-color:#8a9d87}.km-compounds-trigger:focus-visible{outline:2px solid var(--km-gold);outline-offset:3px}@media(max-width:700px){.km-navigation-actions{gap:9px}.km-compounds-trigger{gap:5px;padding:8px;font-size:11px}.km-navigation-actions .km-tutorial-replay{font-size:11px;gap:4px}}.km-tutorial-replay:hover{color:var(--km-copy)}.km-tutorial{position:fixed;z-index:95;aspect-ratio:232 / 126;overflow:hidden;border:1px solid #dce3d638;border-radius:11px;background:#253033;box-shadow:0 8px 24px #0006;pointer-events:none;opacity:0;transform:translate(-6px,4px) scale(.95);transform-origin:0 100%;transition:opacity .16s cubic-bezier(.23,1,.32,1),transform .2s cubic-bezier(.23,1,.32,1)}.km-tutorial[data-step=preview]{opacity:1;transform:translate(0) scale(1)}.km-tutorial img{display:block;width:100%;height:100%;object-fit:cover}.km-core-light{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(145deg,#fff2b3b8,#c9e8b077 60%,#d9edc03d);box-shadow:inset 0 1px #fff8;transition:opacity .2s cubic-bezier(.23,1,.32,1)}.km-core-key>span{z-index:1}.km-core-key[data-tutorial-target=true] .km-core-light{opacity:.95}.km-core:after{content:"";position:absolute;inset:-36px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#eee0a82c,#eee0a800 70%);opacity:0;transition:opacity .2s cubic-bezier(.23,1,.32,1)}.km-core[data-tutorial-target=true]:after{opacity:1}.km-tutorial-replay:focus-visible{outline:2px solid #c6d0cb;outline-offset:3px}.km-tutorial[data-reduced=true]{transform:none}@media(prefers-reduced-motion:reduce){.km-tutorial{transform:none}}.km-stage{position:relative;width:100%;height:min(900px,calc(100svh - 175px));min-height:620px;overflow:hidden;isolation:isolate;border:1px solid #354145;border-radius:24px;background:radial-gradient(ellipse at 50% 46%,#2a353733 0,#222b2e17 39%,transparent 72%),linear-gradient(145deg,#20282c,#1b2327 56%,#192125);box-shadow:0 18px 42px #0003,inset 0 1px #ffffff0b}.km-stage:before,.km-stage:after{position:absolute;z-index:-1;content:"";pointer-events:none}.km-stage:before{inset:18px;border:1px solid #ffffff08;border-radius:17px}.km-stage:after{inset:0;opacity:.22;background-image:radial-gradient(#9baea317 .65px,transparent .65px);background-size:23px 23px;-webkit-mask-image:radial-gradient(ellipse at center,black 0%,transparent 82%);mask-image:radial-gradient(ellipse at center,black 0%,transparent 82%)}.km-camera{position:absolute;z-index:1;top:50%;left:50%;width:0;height:0;overflow:visible;transform-origin:0 0;transition:none;will-change:auto}.km-camera:is([data-camera-state=following],[data-camera-state=returning],[data-camera-state=keyboard]){will-change:transform}.km-connections{position:absolute;z-index:0;top:0;left:0;width:1px;height:1px;overflow:visible;pointer-events:none}.km-connections path{fill:none;stroke:#77887e;stroke-width:1.7px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;vector-effect:non-scaling-stroke;transition:d .28s var(--scene-ease, cubic-bezier(.22, .85, .25, 1)),opacity .28s var(--scene-ease, cubic-bezier(.22, .85, .25, 1)),stroke-dashoffset .28s var(--scene-ease, cubic-bezier(.22, .85, .25, 1)),stroke .28s var(--scene-ease, cubic-bezier(.22, .85, .25, 1))}.km-connections path[data-active=true]{stroke:#bcc89f;stroke-width:2.1px;stroke-dashoffset:0;opacity:.7}.km-core{position:absolute;z-index:3;top:0;left:0;display:flex;width:max-content;flex-direction:column;align-items:center;transform:translate(-50%,-50%);text-align:center}.km-core-key.key-face{position:relative;display:grid;width:76px;height:84px;min-width:76px;min-height:84px;place-items:center;overflow:hidden;padding:0;border:1px solid color-mix(in srgb,var(--mineral-edge, var(--km-mineral-edge)) 62%,#283136);border-radius:14px;color:var(--mineral-ink, #f0f4ef);background:linear-gradient(145deg,#ffffff1d,#ffffff07 35%,#10161920),linear-gradient(160deg,color-mix(in srgb,var(--mineral-color, var(--km-mineral)) 75%,#414c50),var(--mineral-color, var(--km-mineral)) 72%);box-shadow:0 5px 0 var(--mineral-side, var(--km-mineral-side)),0 12px 22px #0006,inset 0 1px #ffffff36,inset 0 -2px 5px #0004;font:inherit;cursor:pointer;transition:transform .18s var(--press-ease, cubic-bezier(.2, .8, .3, 1.2)),border-color .18s var(--scene-ease, ease),box-shadow .18s var(--scene-ease, ease),filter .18s var(--scene-ease, ease)}.km-core-key.key-face:active{transform:translateY(3px);box-shadow:0 1px 0 var(--mineral-side, var(--km-mineral-side)),0 5px 9px #0005,inset 0 2px 5px #0004;transition-duration:70ms;transition-timing-function:ease-out}.km-core-key.key-face[data-category=nonmetal]{--mineral-color: #536d59;--mineral-side: #35483b;--mineral-edge: #829989;--mineral-ink: #f0f4ef}.km-core-key .element-symbol{position:absolute;inset-inline:0;top:25px;height:36px;display:grid;place-items:center;margin:0;color:var(--mineral-ink, #f0f4ef);font-size:34px;font-weight:680;line-height:1;letter-spacing:-.04em;text-align:center}.km-core-key .element-name{position:absolute;inset-inline:0;bottom:8px;margin:0;color:#dfe8df;font-size:11px;line-height:1;text-align:center}.km-core-key .atomic-number{position:absolute;z-index:1;top:7px;left:8px;margin:0;padding:0;color:#e5eee6;font-size:10px;line-height:1;font-variant-numeric:tabular-nums}.km-branch-group{display:contents}.km-branch{position:absolute;z-index:2;top:0;left:0;width:170px;min-width:44px;min-height:54px;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 14px;border:1px solid color-mix(in srgb,var(--mineral-edge, #829989) 45%,#293436);border-radius:18px;color:#eff4ef;background:linear-gradient(145deg,#ffffff15,#ffffff04 48%,#10171918),linear-gradient(160deg,color-mix(in srgb,var(--mineral-color, var(--km-mineral)) 80%,#43544a),var(--mineral-color, var(--km-mineral)) 75%);box-shadow:0 5px 0 var(--mineral-side, var(--km-mineral-side)),0 12px 20px #0005,inset 0 1px #ffffff26,inset 0 -2px 4px #0003;text-align:center;cursor:pointer;transition:transform .28s var(--scene-ease, cubic-bezier(.22, .85, .25, 1)),opacity .22s var(--scene-ease, ease),border-color .18s var(--scene-ease, ease),box-shadow .18s var(--scene-ease, ease),color .18s var(--scene-ease, ease),visibility 0s linear}.km-branch-cards{display:contents}.km-branch strong{flex:1 1 auto;min-width:0;display:block;color:#f1f5f0;font-size:16px;font-weight:590;line-height:1.35;text-wrap:balance}.km-branch[data-active=false]{visibility:hidden;opacity:0;pointer-events:none;transition-delay:0s,0s,0s,0s,0s,.28s}.km-branch[data-active=true]{visibility:visible;opacity:1;pointer-events:auto}.km-card{position:absolute;z-index:2;top:0;left:0;width:260px;min-height:148px;overflow:visible;border:1px solid #465357;border-radius:18px;color:var(--km-copy);background:linear-gradient(148deg,#ffffff08 0%,transparent 36%),linear-gradient(160deg,#293236,#222a2e 72%,#20282c);box-shadow:0 5px #161e21,0 15px 30px #0005,inset 0 1px #ffffff12;opacity:1;transition:transform .28s var(--scene-ease, cubic-bezier(.22, .85, .25, 1)),opacity .22s var(--scene-ease, ease),border-color .18s var(--scene-ease, ease),box-shadow .18s var(--scene-ease, ease),visibility 0s linear}.km-card[data-active=false]{visibility:hidden;opacity:0;pointer-events:none;transition-delay:0s,0s,0s,0s,.28s}.km-card[data-active=true]{visibility:visible;opacity:1;pointer-events:auto}.km-card[data-focused=true],.km-card:focus-within{border-color:#87968d;box-shadow:0 5px #161e21,0 17px 34px #0006,0 0 0 1px #9bab9133,inset 0 1px #ffffff1b}.km-card-open{position:relative;width:100%;min-height:184px;display:grid;grid-template-columns:minmax(0,1fr) 56px;align-content:start;column-gap:12px;row-gap:12px;padding:18px 16px;border:0;border-radius:inherit;color:inherit;background:transparent;text-align:left;font:inherit;cursor:pointer}.km-card-open .km-sticker{z-index:1;position:static;grid-column:2;grid-row:1;align-self:start;width:56px;height:56px}.km-card-open h2{position:relative;z-index:1;grid-column:1;grid-row:1;align-self:center;margin:0;color:#edf1ed;font-size:22px;font-weight:620;line-height:1.35;letter-spacing:-.012em;text-wrap:balance}.km-card-open:not(:has(.km-sticker)) h2{grid-column:1 / -1}.km-card-open p{position:relative;z-index:1;grid-column:1 / -1;grid-row:2;margin:0;padding-inline-end:4px;color:#bec9c4;font-size:16px;line-height:1.65;text-wrap:pretty}.km-source-trigger{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 5px;border:0;border-radius:8px;color:#bdc9c2;background:transparent;font:inherit;font-size:10px;line-height:1.3;text-align:right;cursor:pointer;transition:color .16s var(--scene-ease, ease),background-color .16s var(--scene-ease, ease)}.km-source-trigger:hover,.km-source[open]>.km-source-trigger{color:#e6eee5;background:#ffffff08}.km-source-panel{position:absolute;z-index:10;right:-1px;bottom:calc(100% + 8px);width:min(280px,calc(100vw - 40px));max-height:min(380px,70svh);overflow:auto;padding:15px;border:1px solid #59676a;border-radius:15px;color:#dce4df;background:linear-gradient(150deg,#303a3e,#20282c 72%);box-shadow:0 18px 42px #0009,inset 0 1px #ffffff12;scrollbar-color:#64736d #222b2e}.km-source-panel[hidden]{display:none}.km-source-panel>div{display:grid;gap:7px;padding:9px 0;border-top:1px solid #ffffff12}.km-source-panel>div:first-child{padding-top:0;border-top:0}.km-source-panel h3,.km-source-panel h4{margin:0 0 9px;color:#e9eee9;font-size:12px;font-weight:590;line-height:1.4}.km-source-panel p{margin:4px 0 0;color:#b8c4be;font-size:11px;line-height:1.55}.km-source-panel a{display:inline-flex;align-items:center;gap:5px;color:#d9e4dc;text-decoration-color:#829b89;text-underline-offset:3px}.km-sticker{display:inline-grid;width:56px;height:56px;place-items:center;pointer-events:none}.km-sticker img{display:block;width:100%;height:100%;overflow:visible;object-fit:contain}.km-highlight{padding:.05em .22em .1em;border-radius:.22em .16em .26em .17em;color:var(--km-gold-ink);background:var(--km-gold);box-decoration-break:clone;-webkit-box-decoration-break:clone;font-weight:640;line-height:1.7}.km-card-open .km-highlight{padding-inline:.16em;font-size:.94em}.km-card-dialog{width:min(620px,calc(100vw - 32px));max-width:620px;max-height:85svh;overflow:auto;padding:25px 28px 24px;border:1px solid #59676a;border-radius:24px;color:var(--km-copy);background:radial-gradient(ellipse at 9% 0%,#5263582c,transparent 45%),linear-gradient(155deg,#293236,#20282c 66%,#1d2529);box-shadow:0 30px 100px #000b,inset 0 1px #ffffff13;scrollbar-color:#64736d #222b2e;overscroll-behavior:contain}.km-card-dialog::backdrop{background:#080d10c9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.km-dialog-top{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#b8c5be;font-size:11px;letter-spacing:.06em}.km-dialog-top button{width:44px;height:44px;display:inline-grid;place-items:center;border:1px solid #536065;border-radius:13px;color:#d7e0da;background:#293236;cursor:pointer}.km-sticker-large{width:100px;height:100px;display:grid;float:right;place-items:center;margin:7px 0 8px 14px}.km-dialog-content{display:block;padding:6px 0 0}.km-card-dialog>h2{position:relative;z-index:1;max-width:410px;margin:10px 0 14px;color:#f0f3ef;font-size:clamp(22px,4vw,29px);font-weight:600;line-height:1.35;letter-spacing:-.025em}.km-dialog-content p{margin:0 0 14px;color:#c5cfca;font-size:16px;line-height:1.85}.km-card-dialog>.km-dialog-summary{position:relative;z-index:1;max-width:390px;margin:0 0 20px;color:#dbe3dc;font-size:17px;font-weight:540;line-height:1.7}.km-dialog-footer{clear:both;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:52px;margin-top:20px;padding-top:9px;border-top:1px solid #ffffff17;color:#aebbb4;font-size:11px;line-height:1.45}.km-dialog-footer>span{color:#aebbb4;font-size:11px;line-height:1.45}.km-dialog-footer .km-source-trigger{padding:0 11px;border:1px solid #516055;border-radius:12px;color:#d3dfd1;background:#29352e}.km-dialog-footer .km-source-trigger:hover{color:#f0f4ed;background:#35443a}.km-dialog-footer .km-source{width:100%}.km-dialog-footer .km-source-panel{position:static;width:100%;max-height:min(340px,40svh);margin-top:12px}.km-dialog-footer button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;border:1px solid #516055;border-radius:12px;color:#d3dfd1;background:#29352e;font:inherit;font-size:11px;cursor:pointer}@media(hover:hover)and (pointer:fine){.km-core-key.key-face:hover:not(:active){transform:translateY(-2px);filter:brightness(1.06);border-color:var(--mineral-edge, var(--km-mineral-edge))}.km-branch:hover:not(:focus-visible){border-color:color-mix(in srgb,var(--mineral-edge, #829989) 85%,white);box-shadow:0 5px 0 var(--mineral-side, var(--km-mineral-side)),0 17px 25px #0007,inset 0 1px #ffffff35,inset 0 -2px 4px #0003}.km-card-open:hover .km-card-shine{opacity:1}.km-card-open:hover .km-card-shine,.km-card-open:focus-visible .km-card-shine{background:#ffffff08}}.km-card-shine{position:absolute;inset:0;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .18s var(--scene-ease, ease),background-color .18s var(--scene-ease, ease)}.knowledge-map[data-reduced=true] .km-camera,.knowledge-map[data-reduced=true] .km-core-key,.knowledge-map[data-reduced=true] .km-branch-group,.knowledge-map[data-reduced=true] .km-branch,.knowledge-map[data-reduced=true] .km-card,.knowledge-map[data-reduced=true] .km-connections path,.knowledge-map[data-reduced=true] .km-card-shine,.knowledge-map[data-reduced=true] .km-source-trigger{transition:none!important;animation:none!important}.knowledge-map[data-reduced=true] .km-branch[data-active=false],.knowledge-map[data-reduced=true] .km-card[data-active=false]{visibility:hidden}@media(max-width:1000px)and (min-width:701px){.knowledge-map{padding-top:0}.km-stage{height:min(820px,calc(100svh - 175px));min-height:580px}}@media(max-width:700px),(max-width:1100px)and (pointer:coarse){body:has(.knowledge-map) main.knowledge-map{padding-top:0;padding-bottom:24px}.knowledge-map{--km-mobile-pad: 14px}.km-navigation{min-height:50px;gap:8px}.km-navigation .back-button{min-width:44px;gap:6px;font-size:12px;white-space:nowrap}.km-stage{height:auto;min-height:0;max-height:none;overflow:visible;border-radius:19px}.km-stage:before{inset:9px;border-radius:13px}.km-stage:after{opacity:.12}.km-camera{position:static;width:100%!important;height:auto;display:flex;flex-direction:column;align-items:stretch;overflow:visible;transform:none!important;transform-origin:initial;transition:none;will-change:auto}.km-connections{display:none}.km-core{position:relative;top:auto;left:auto;align-self:center;margin:25px auto;transform:none}.km-core-key.key-face{width:72px;height:80px;min-width:72px;min-height:80px}.km-branch-group{display:block;position:relative;height:auto;margin:0 var(--km-mobile-pad) 17px;interpolate-size:allow-keywords;transition:height .28s var(--scene-ease, ease),margin-bottom .28s var(--scene-ease, ease)}.km-branch-cards{display:block}.km-branch-group[data-active=false]{height:0;margin-bottom:0;overflow:hidden}.km-branch{position:relative;top:auto;left:auto;width:100%;min-height:54px;transform:none!important;border-radius:15px}.km-card{position:relative;top:auto;left:auto;width:100%;height:auto;min-height:0;margin-top:11px;transform:none!important;border-radius:16px;interpolate-size:allow-keywords;transition:height .28s var(--scene-ease, ease),margin-top .28s var(--scene-ease, ease),opacity .22s var(--scene-ease, ease),visibility 0s linear}.km-card[data-active=false]{height:0;margin-top:0;overflow:hidden;border-width:0;transition-delay:0s,0s,0s,.28s}.km-card-open{min-height:0;padding:18px 15px}.km-source-panel{right:-2px;width:min(300px,calc(100vw - 64px))}.km-card-dialog{padding:18px 18px 17px;border-radius:20px}.km-sticker-large{width:92px;height:92px;margin:7px 0 8px 12px}.km-dialog-content p{font-size:15px;line-height:1.8}.km-card-dialog>.km-dialog-summary{font-size:15px;line-height:1.75}.km-dialog-footer{align-items:flex-start;flex-direction:column;gap:7px}}@media(max-width:360px){.km-navigation .back-button{font-size:11px}.km-card-dialog{padding-inline:15px}}@media(prefers-reduced-motion:reduce){.knowledge-map .km-camera,.knowledge-map .km-core-key,.knowledge-map .km-branch-group,.knowledge-map .km-branch,.knowledge-map .km-card,.knowledge-map .km-connections path,.knowledge-map .km-card-shine,.knowledge-map .km-source-trigger{transition:none!important;animation:none!important}}.reading-reveal{opacity:1;transform:none;transition:opacity .24s var(--scene-ease, ease-out),transform .24s var(--scene-ease, ease-out)}.reading-reveal[data-read-state=pending]{opacity:0;transform:translateY(10px)}.reading-reveal .stream-piece{opacity:0;transition:opacity .22s var(--scene-ease, ease-out)}.reading-reveal[data-read-state=visible] .stream-piece{opacity:1;transition-delay:var(--piece-delay, 0ms)}.stream-atomic{white-space:nowrap}.element-facts .stream-text,.element-facts .stream-visual,.element-facts .stream-piece{display:inline;margin:0;color:inherit;font:inherit}.stream-text>.sr-only{margin:-1px;-webkit-user-select:none;user-select:none}.element-facts.reading-reveal>.reading-item{opacity:0;transform:translateY(5px);transition:opacity .22s var(--scene-ease, ease-out),transform .22s var(--scene-ease, ease-out)}.element-facts.reading-reveal[data-read-state=visible]>.reading-item{opacity:1;transform:none;transition-delay:calc(var(--read-order, 0) * 65ms)}.reading-reveal[data-read-instant=true],.reading-reveal[data-read-instant=true] .stream-piece,.element-facts.reading-reveal[data-read-instant=true]>.reading-item,html[data-reduced-motion=true] .reading-reveal,html[data-reduced-motion=true] .reading-reveal .stream-piece,html[data-reduced-motion=true] .element-facts.reading-reveal>.reading-item{opacity:1;transform:none;transition:none}@media(prefers-reduced-motion:reduce){.reading-reveal,.reading-reveal .stream-piece,.element-facts.reading-reveal>.reading-item{opacity:1;transform:none;transition:none}}.home-workbench{grid-column:4 / 14;grid-row:2 / 5;align-self:stretch;margin:4px 13px 14px;min-width:0;z-index:1;transition:opacity .18s var(--scene-ease, ease)}.home-workbench.is-compact{margin:8px 0 25px}.isotope-toggle{display:inline-flex;align-items:center;gap:8px}.isotope-toggle svg{opacity:.75}.isotope-toolbar-note{margin-left:auto;color:var(--text-soft);font-size:11px}@media(max-width:700px){.table-page .board-toolbar{flex-wrap:wrap;gap:8px}.table-page .table-tabs{width:100%;flex-wrap:wrap;gap:8px}.table-page .board-toolbar .isotope-toolbar-note{flex:1 1 100%;margin-left:0;line-height:1.5;text-align:left}}.table-page[data-picking=true] .element-key{cursor:crosshair}.is-dragging-element,.is-dragging-element *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.element-drag-ghost{position:fixed;left:0;top:0;pointer-events:none;z-index:1000;opacity:.93;filter:drop-shadow(0 12px 12px #0007)}.element-drag-ghost .key-face{height:100%}.element-drag-ghost .key-face,.compound-workbench .compound-workbench__key-face{border:1px solid var(--mineral-edge);background:linear-gradient(145deg,#ffffff16,transparent 50%),linear-gradient(160deg,color-mix(in srgb,var(--mineral-color) 75%,#414c50),var(--mineral-color) 72%);color:var(--mineral-ink);box-shadow:0 4px 0 var(--mineral-side),0 8px 12px #0005,inset 0 1px #ffffff24,inset 0 -2px 4px #0004}.element-drag-ghost .atomic-number{font-size:9px;padding:5px 0 0 6px}.element-drag-ghost .element-symbol{font-size:22px;line-height:1;margin:1px 0}.element-drag-ghost .element-name{font-size:11px}.isotope-halo{position:fixed;z-index:80;transform:translate(-50%,-50%);background:transparent}.table-page [data-isotope-muted=true]{opacity:var(--isotope-muted-opacity)!important}.table-page :is(.series-placeholder,.series-label,.group-number,.period-number){transition:opacity .18s var(--scene-ease, ease)}.isotope-halo button{position:absolute;padding:0}.isotope-halo__caption{position:absolute;top:13px;left:0;right:0;color:#d3dfd6;font-size:11px;text-align:center;pointer-events:none}.isotope-halo__core,.isotope-mini{display:flex;flex-direction:column;align-items:center;justify-content:center;left:50%;top:50%;color:var(--mineral-ink);background:linear-gradient(140deg,color-mix(in srgb,var(--mineral-color) 85%,white),var(--mineral-color));border:1px solid var(--mineral-edge);box-shadow:0 4px 0 var(--mineral-side),0 7px 10px #0007,inset 0 1px #ffffff25}.isotope-halo__core{width:56px;height:62px;margin:-31px 0 0 -28px;border-radius:11px;animation:isotope-core-rise .18s var(--scene-ease, ease) backwards}.isotope-halo__core>span{font-size:25px;line-height:1;font-weight:650}.isotope-halo__core small{font-size:11px}.isotope-halo__core svg{position:absolute;top:3px;right:3px}.isotope-mini{width:60px;height:58px;margin:-29px 0 0 -30px;border-radius:18px;transform:translate(var(--isotope-x),var(--isotope-y));animation:isotope-unfold .24s var(--scene-ease, ease) backwards;animation-delay:var(--isotope-delay);transition:filter .16s,box-shadow .16s}.isotope-symbol{font-size:23px;font-weight:600;line-height:1.2}.isotope-symbol sup{font-size:10px;vertical-align:super;margin-right:2px}.isotope-mini small{font-size:10px}.isotope-mini:active{transform:translate(var(--isotope-x),calc(var(--isotope-y) + 2px));box-shadow:0 1px 0 var(--mineral-side),inset 0 2px 4px #0004}.isotope-halo__core:active{transform:translateY(2px);box-shadow:0 1px 0 var(--mineral-side),inset 0 2px 4px #0004}.isotope-halo__note{position:absolute;bottom:-5px;width:100%;color:#bdcbc4;text-align:center;font-size:9px;pointer-events:none}.isotope-halo__empty{position:absolute;top:74%;width:100%;text-align:center;font-size:11px;color:#c0cbc6}.isotope-dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow-y:auto;padding:32px;border:1px solid #52605f;border-radius:28px;background:linear-gradient(145deg,#283337,#1d262a);color:#e9efea;box-shadow:0 32px 100px #0009}.isotope-dialog::backdrop{background:#090f13b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.isotope-dialog__close{position:absolute;right:14px;top:14px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#ffffff09}.isotope-dialog__symbol{position:relative;width:84px;height:88px;display:grid;place-items:center;border-radius:22px;background:var(--mineral-color);box-shadow:0 5px 0 var(--mineral-side),inset 0 1px #ffffff30;margin-bottom:26px}.isotope-dialog__symbol>span{font-size:43px;font-weight:600}.isotope-dialog__symbol sup,.isotope-dialog__symbol sub{position:absolute;left:12px;font-size:13px;line-height:1}.isotope-dialog__symbol sup{top:14px}.isotope-dialog__symbol sub{bottom:17px}.isotope-dialog__eyebrow{font-size:11px;color:#b5c7b7;margin-bottom:8px}.isotope-dialog h2{font-size:25px}.isotope-dialog h2 small{font-size:13px;margin-left:8px;color:#b7c7c1;font-weight:400}.isotope-facts{display:grid;grid-template-columns:repeat(3,1fr);margin:25px 0 20px;padding:17px 0;border-block:1px solid #465451}.isotope-facts div{display:flex;flex-direction:column;gap:7px;padding-left:15px;border-left:1px solid #465451}.isotope-facts div:first-child{border:0;padding-left:0}.isotope-facts span{font-size:11px;color:#bdcbc5}.isotope-facts strong{font-size:25px;font-weight:500}.isotope-stability{display:inline-block;padding:3px 9px;color:#d0dfc9;background:#5e735939;border:1px solid #6c826252;border-radius:8px;font-size:11px}.isotope-summary{font-size:14px;line-height:1.9;margin-top:15px}.isotope-definition{font-size:12px;line-height:1.8;color:#b1c2bb;margin-top:14px}.isotope-source{margin-top:25px;font-size:11px;color:#b2c3bc;border-top:1px solid #42514b;padding-top:15px}.isotope-source summary{display:flex;align-items:center;gap:5px;cursor:pointer}.isotope-source a{display:block;margin-top:10px;line-height:1.6}.isotope-source p{margin-top:10px}@keyframes isotope-unfold{0%{opacity:0;transform:translate(var(--isotope-start-x),var(--isotope-start-y)) scale(.94)}to{opacity:1;transform:translate(var(--isotope-x),var(--isotope-y))}}@keyframes isotope-core-rise{0%{opacity:.65;transform:translateY(4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(hover:hover)and (pointer:fine){.isotope-mini:hover{filter:brightness(1.17);box-shadow:0 5px 0 var(--mineral-side),0 10px 14px #0009}.isotope-halo__core:hover{filter:brightness(1.13)}}@media(max-width:700px){.isotope-toolbar-note{max-width:130px;font-size:10px;text-align:right}.isotope-dialog{padding:25px}}html[data-reduced-motion=true] .isotope-mini,html[data-reduced-motion=true] .isotope-halo__core,.isotope-halo[data-no-motion=true] .isotope-mini,.isotope-halo[data-no-motion=true] .isotope-halo__core{animation:none;transition:none}@media(prefers-reduced-motion:reduce){.isotope-mini,.isotope-halo__core{animation:none;transition:none}}.substance-page .reactions-list{grid-template-columns:minmax(0,1fr)}.reaction{min-width:0}.reaction-formula-scroll{max-width:100%;margin-top:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#5c6b63 transparent;border-radius:6px}.reaction-formula-scroll:focus-visible{outline:2px solid #bccdad;outline-offset:3px}.reaction .reaction-formula{width:max-content;min-width:100%;display:flex;flex-wrap:nowrap;align-items:center;gap:.8em;padding:22px 4px;font-size:23px;line-height:1.4}.reaction .reaction-side{flex:0 0 auto;flex-wrap:nowrap;white-space:nowrap}.equation-relation{flex:0 0 auto;min-width:3.4em;display:grid;grid-template-rows:.9em 1.5em .9em;row-gap:.08em;justify-items:center;align-items:center;color:#bfd0be}.equation-condition{align-self:end;color:#c3cec6;font-size:.52em;line-height:1.4;white-space:nowrap}.equation-condition[data-position=below]{align-self:start}.equation-sign{display:block;font-size:1.45em;font-weight:400;line-height:1;transform:scaleX(1.8)}.equation-sign[data-reversible=true]{transform:scaleX(1.3)}.reaction>p.reaction-context{margin-bottom:8px;color:#c2cec5}.substance-page .substance-title-row{margin-top:0}.substance-page .portrait-note{margin-top:20px}.substance-page .reactions-heading{align-items:flex-start;gap:20px 32px}.substance-page .reactions-heading h2{margin:0}.reactions-heading .equation-key{flex:0 1 auto;margin:0;color:#b3c0b9;font-size:11px;line-height:1.8}.equation-key p{margin:0}.equation-key span{margin-left:1em;white-space:nowrap}@media(max-width:640px){.reaction .reaction-formula{font-size:19px;padding-block:20px;gap:.7em}.reaction .plus{margin-inline:7px}.substance-page .reactions-heading{display:grid;gap:13px}.reactions-heading .equation-key{font-size:11px}}.feedback-dialog.feedback-dialog--chat{width:min(660px,calc(100vw - 28px));height:min(800px,calc(100dvh - 32px))}.feedback-dialog--chat .feedback-chat{height:100%;max-height:none}.feedback-chat__header-actions{display:flex;flex:0 0 auto;gap:4px}.feedback-dialog--chat .feedback-dialog__header{padding:21px 22px 17px}.feedback-chat-log{display:flex;flex-direction:column;gap:20px;padding:24px 22px;scroll-behavior:auto;overflow-x:hidden;overflow-anchor:none}.feedback-chat-turn{display:contents}.feedback-message{flex:0 0 auto;width:fit-content;max-width:92%;padding:14px 17px;border-radius:4px 17px 17px;font-size:14px;line-height:1.75;overflow-wrap:anywhere}.feedback-message>p{margin:0;white-space:pre-wrap}.feedback-message--assistant{align-self:flex-start;color:#dce4df;background:#252e2d}.feedback-message--user{align-self:flex-end;border-radius:17px 4px 17px 17px;color:#eef3eb;background:#394b40}.feedback-message__author{display:block;margin-bottom:5px;color:#aab9ad;font-size:11px;line-height:1.5}.feedback-message--user .feedback-message__author{color:#c7d4c6}.feedback-message--image{max-width:min(310px,84%);padding:9px}.feedback-message--image img{display:block;width:auto;max-width:100%;max-height:240px;object-fit:contain;border-radius:9px;background:#18201d}.feedback-message--image .feedback-message__author,.feedback-message__caption{padding-inline:4px}.feedback-message__caption{display:block;margin-top:5px;color:#c7d4c6;font-size:11px}.feedback-chat-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.feedback-chat-suggestions button{min-height:38px;padding:6px 12px;border:1px solid #5b6b60;border-radius:18px;color:#dce7d7;background:#303e35;font:inherit;font-size:13px;cursor:pointer}.feedback-chat-suggestions button:hover{border-color:#95a78f;background:#3b4c40}.feedback-chat-summary{width:100%;max-width:100%}.feedback-chat-summary__record{margin:15px 0;padding:12px 14px;border:1px solid #45534b;border-radius:11px;background:#202927}.feedback-chat-summary__record summary{color:#d2ddcb;font-size:13px;cursor:pointer}.feedback-chat-summary__record>div{margin-top:15px}.feedback-chat-summary__record strong{display:block;color:#acbaae;font-size:12px;font-weight:500}.feedback-chat-summary__record p{margin:4px 0 0;white-space:pre-wrap}.feedback-chat-summary .feedback-chat-summary__public{color:#e3d4b4;font-size:13px}.feedback-chat-summary .feedback-request-note{margin:10px 0 14px;color:#aebcb3;font-size:12px;line-height:1.8}.feedback-chat-summary .feedback-consent{margin-top:15px}.feedback-message--result{max-width:100%;width:100%}.feedback-message--result .feedback-sending,.feedback-message--result .feedback-result{padding:10px 0}.feedback-dialog--chat .feedback-chat__footer{min-width:0;padding:15px 22px 17px;background:#1c2322}.feedback-composer{width:100%;min-width:0}.feedback-composer__input{display:flex;align-items:flex-end;gap:10px;padding:10px;border:1px solid #526457;border-radius:15px;background:#222d27}.feedback-composer textarea{display:block;flex:1;min-width:0;min-height:48px;max-height:120px;margin:0;padding:4px 5px;resize:vertical;border:0;border-radius:4px;color:#e7ece9;background:transparent;font:inherit;font-size:14px;line-height:1.65}.feedback-composer textarea::placeholder{color:#a3b1a8}.feedback-composer__send{display:grid;flex:0 0 42px;place-items:center;width:42px;height:42px;padding:0;border:1px solid #9aaf90;border-radius:12px;color:#1c2b20;background:#c2d2b4;cursor:pointer}.feedback-composer__send:hover:not(:disabled){background:#d4e2c8}.feedback-composer__send:disabled{border-color:#48564a;color:#849187;background:#344238;cursor:default}.feedback-composer__meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:9px;color:#a3b1a8;font-size:11px;line-height:1.5}.feedback-composer__meta button{min-height:28px;padding:0;border:0;color:#becbb8;background:transparent;font:inherit;cursor:pointer}@media(max-width:540px){.feedback-dialog.feedback-dialog--chat{width:calc(100vw - 16px);height:calc(100dvh - 20px);max-height:none;border-radius:17px}.feedback-dialog--chat .feedback-dialog__header{padding:17px 15px 14px;gap:8px}.feedback-dialog--chat .feedback-chat-log{padding:18px 13px;gap:16px}.feedback-message{max-width:95%;padding:12px 14px}.feedback-chat-summary{max-width:100%}.feedback-dialog--chat .feedback-chat__footer{padding:12px 13px max(13px,env(safe-area-inset-bottom))}.feedback-composer textarea{font-size:16px}}.feedback-launcher-dock{position:relative;z-index:2}.feedback-dialog.feedback-dialog--capture{inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:transparent;box-shadow:none;animation:none;touch-action:none}.feedback-dialog.feedback-dialog--capture::backdrop{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.feedback-fullscreen{position:relative;isolation:isolate;width:100%;height:100%;cursor:crosshair;touch-action:none}.feedback-fullscreen .feedback-capture-frame{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;border:0;border-radius:0}.feedback-fullscreen .feedback-capture-frame img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:fill;pointer-events:none}.feedback-fullscreen__hint,.feedback-fullscreen__toolbar,.feedback-fullscreen__message{position:absolute;z-index:2;left:50%;transform:translate(-50%);max-width:calc(100vw - 24px);color:#e7ece9;background:#1c2528f5;border:1px solid #596b61;box-shadow:0 5px 24px #0006;cursor:default}.feedback-fullscreen__hint{top:max(16px,env(safe-area-inset-top));display:flex;align-items:center;gap:8px;padding:10px 15px;border-radius:10px;font-size:13px;line-height:1.4;white-space:nowrap;pointer-events:none}.feedback-fullscreen__toolbar{bottom:max(20px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:6px;width:max-content;padding:6px;border-radius:13px}.feedback-fullscreen__toolbar .feedback-button{min-height:36px;gap:6px;padding:0 10px;font-size:12px}.feedback-fullscreen__toolbar .feedback-icon-button{width:30px;height:36px}.feedback-fullscreen__message{bottom:80px;padding:10px 14px;border-radius:10px;font-size:13px;line-height:1.5}.feedback-launcher{position:fixed;z-index:2;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom))}.feedback-launcher__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 15px;border:1px solid #65756a;border-radius:999px;color:#edf2e9;background:#303b36;box-shadow:0 5px 18px #080c0d8a;font:inherit;font-size:13px;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.feedback-launcher__button:hover{border-color:#9eb09e;background:#3a4840;transform:translateY(-1px)}.feedback-countdown{position:fixed;z-index:4;top:max(16px,env(safe-area-inset-top));left:50%;display:flex;align-items:center;gap:9px;max-width:calc(100vw - 24px);padding:9px 10px 9px 13px;border:1px solid #64766b;border-radius:12px;color:#e7ece9;background:#222d29;box-shadow:0 8px 25px #05090a80;font-size:12px;line-height:1.35;transform:translate(-50%)}.feedback-countdown>svg{flex:0 0 auto;color:#c3d4bc}.feedback-countdown strong{color:#d4e3c7;font-variant-numeric:tabular-nums}.feedback-countdown button{min-height:30px;padding:0 9px;border:1px solid #56665d;border-radius:8px;color:#e7ece9;background:#303a36;font:inherit;cursor:pointer}.feedback-countdown button:hover{border-color:#9bac9c;background:#394641}.feedback-launcher__button:focus-visible,.feedback-dialog button:focus-visible,.feedback-dialog a:focus-visible,.feedback-dialog textarea:focus-visible,.feedback-dialog input:focus-visible{outline:3px solid var(--focus-ring, #d4e3c7);outline-offset:3px}.feedback-dialog{position:fixed;inset:0;width:min(620px,calc(100vw - 28px));max-width:none;max-height:min(820px,calc(100dvh - 32px));margin:auto;padding:0;overflow:hidden;border:1px solid #46534f;border-radius:20px;color:var(--text-main, #e7ece9);background:var(--surface-0, #171c20);box-shadow:0 24px 80px #030607b3;font-family:inherit;overscroll-behavior:contain}.feedback-dialog::backdrop{background:#070b0dcc}.feedback-dialog[open]{animation:feedback-dialog-in .19s cubic-bezier(.2,.7,.2,1) both}.feedback-dialog__panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:min(820px,calc(100dvh - 32px));min-height:0}.feedback-dialog__header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 25px 17px;border-bottom:1px solid #34403e}.feedback-dialog__header h2{margin:0;max-width:30ch;color:var(--text-main, #e7ece9);font-size:clamp(19px,3vw,23px);font-weight:620;line-height:1.35;letter-spacing:-.02em}.feedback-dialog__header p{margin:7px 0 0;color:var(--text-soft, #b3bfbc);font-size:13px;line-height:1.55}.feedback-icon-button{display:inline-grid;flex:0 0 auto;place-items:center;width:34px;height:34px;padding:0;border:1px solid transparent;border-radius:10px;color:var(--text-soft, #b3bfbc);background:transparent;cursor:pointer}.feedback-icon-button:hover{color:var(--text-main, #e7ece9);border-color:#46534f;background:#26302f}.feedback-dialog__body{min-height:0;padding:19px 25px 23px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#5a6961 #171c20;scrollbar-width:thin}.feedback-dialog__body::-webkit-scrollbar{width:9px}.feedback-dialog__body::-webkit-scrollbar-track{background:#171c20}.feedback-dialog__body::-webkit-scrollbar-thumb{border:2px solid #171c20;border-radius:10px;background:#5a6961}.feedback-dialog__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 25px max(17px,env(safe-area-inset-bottom));border-top:1px solid #34403e;background:#1a2023}.feedback-types{min-width:0;margin:0 0 19px;padding:0;border:0}.feedback-types legend,.feedback-field>label{margin:0 0 9px;color:#dbe3dc;font-size:13px;font-weight:650}.feedback-types__options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.feedback-type-option{display:flex;align-items:center;gap:9px;min-width:0;min-height:44px;padding:11px 10px;border:1px solid #374441;border-radius:11px;color:var(--text-soft, #b3bfbc);background:#20282b;text-align:left;cursor:pointer;transition:border-color .14s ease,background-color .14s ease}.feedback-type-option:hover{border-color:#708275;background:#252f2e}.feedback-type-option[aria-checked=true]{border-color:#9eaf9c;color:#edf2e9;background:#2d3933}.feedback-type-option__dot{position:relative;display:inline-block;flex:0 0 14px;width:14px;height:14px;margin-top:2px;border:1px solid #809088;border-radius:50%}.feedback-type-option[aria-checked=true] .feedback-type-option__dot{border-color:#d4e3c7;background:#d4e3c7;box-shadow:inset 0 0 0 3px #2d3933}.feedback-type-option>span:last-child{display:grid;gap:4px;min-width:0}.feedback-type-option strong{color:inherit;font-size:13px;font-weight:620;line-height:1.25}.feedback-type-option small{color:#b3bfbc;font-size:11px;line-height:1.35}.feedback-field{display:grid}.feedback-field textarea{display:block;width:100%;min-height:112px;padding:12px 13px;resize:vertical;border:1px solid #46534f;border-radius:11px;color:var(--text-main, #e7ece9);background:#20282b;font:inherit;font-size:14px;line-height:1.65}.feedback-field textarea::placeholder{color:#9eaeaa}.feedback-field textarea[aria-invalid=true]{border-color:#d89a7e}.feedback-field__meta{display:flex;justify-content:space-between;gap:12px;margin-top:7px;color:#aab8b3;font-size:11px;line-height:1.4}#feedback-description-count{flex:0 0 auto;font-variant-numeric:tabular-nums}.feedback-attachment{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 16px;margin-top:19px;padding:13px 14px;border:1px solid #36413e;border-radius:12px;background:#1d2528}.feedback-attachment__copy{display:flex;align-items:flex-start;gap:10px;min-width:0;color:#c3d4bc}.feedback-attachment__copy>svg{flex:0 0 auto;margin-top:2px}.feedback-attachment__copy>div{display:grid;gap:4px}.feedback-attachment__copy strong{color:#dfe8dc;font-size:13px;font-weight:620}.feedback-attachment__copy span{color:#aab8b3;font-size:11px;line-height:1.45}.feedback-attachment__preview{position:relative;grid-column:1 / -1;width:min(100%,310px);max-height:150px;overflow:hidden;border:1px solid #475550;border-radius:9px;background:#141a1d}.feedback-attachment__preview img{display:block;width:100%;max-height:150px;object-fit:contain}.feedback-attachment__remove{position:absolute;top:6px;right:6px;width:29px;height:29px;border-color:#52615b;color:#edf2e9;background:#151c1ed9}.feedback-request-note{margin:16px 1px 0;color:#b3bfbc;font-size:12px;line-height:1.65}.feedback-honeypot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.feedback-form-error,.feedback-inline-message{display:flex;align-items:flex-start;gap:8px;margin:11px 0 0;color:#e5b197;font-size:12px;line-height:1.5}.feedback-form-error svg{flex:0 0 auto;margin-top:1px}.feedback-inline-message{grid-column:1 / -1;color:#c8d8c4}.feedback-step-mark{display:inline-grid;flex:0 0 23px;place-items:center;width:23px;height:23px;border:1px solid #708275;border-radius:7px;color:#d4e3c7;font-size:11px;font-weight:700}.feedback-capture-step{display:grid;gap:15px}.feedback-capture-instructions{display:flex;align-items:center;gap:10px}.feedback-capture-instructions p{margin:0;color:#d3ddd6;font-size:13px;line-height:1.5}.feedback-capture-stage{display:grid;place-items:center;min-height:120px;padding:12px;border:1px solid #36413e;border-radius:12px;background:#13191b}.feedback-capture-frame{position:relative;display:inline-block;max-width:100%;max-height:min(46svh,440px);overflow:hidden;border:1px solid #506059;border-radius:7px;line-height:0;touch-action:none;-webkit-user-select:none;user-select:none}.feedback-capture-frame img{display:block;width:auto;height:auto;max-width:100%;max-height:min(46svh,440px);object-fit:contain}.feedback-capture-overlay{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden;cursor:crosshair;touch-action:none}.feedback-capture-frame--drawing .feedback-capture-overlay{cursor:crosshair}.feedback-action-row{display:flex;align-items:center;gap:10px}.feedback-action-row--spread{justify-content:space-between}.feedback-action-row__right,.feedback-annotation-tools{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.feedback-annotation-tools{justify-content:flex-start;padding:11px 0 0;border-top:1px solid #34403e}.feedback-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:0 13px;border:1px solid transparent;border-radius:10px;color:var(--text-main, #e7ece9);background:transparent;font:inherit;font-size:13px;font-weight:590;line-height:1.25;text-decoration:none;white-space:nowrap;cursor:pointer;transition:border-color .14s ease,background-color .14s ease,color .14s ease}.feedback-button--quiet{border-color:#45524e;color:#d0d9d3;background:#222a2e}.feedback-button--quiet:hover:not(:disabled){border-color:#738476;color:#f0f4ef;background:#2a3432}.feedback-button--primary{border-color:#82927e;color:#162019;background:#c3d4bc;font-weight:680}.feedback-button--primary:hover:not(:disabled){border-color:#dbe9d2;background:#d4e3c7}.feedback-button:disabled{opacity:.48;cursor:not-allowed}.feedback-review{display:grid;gap:15px}.feedback-review__type{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid #3c4845;border-radius:10px;background:#20282b}.feedback-review__type span{color:#aebbb8;font-size:12px}.feedback-review__type strong{color:#e3ebdf;font-size:13px;font-weight:630}.feedback-review__section{display:grid;gap:7px;margin:0}.feedback-review__section h3{margin:0;color:#d3ddd6;font-size:12px;font-weight:650}.feedback-review__section p{margin:0;padding:11px 13px;border:1px solid #36413e;border-radius:10px;color:#e1e8e3;background:#1c2427;font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.feedback-review__image{display:block;max-width:100%;max-height:220px;border:1px solid #48554f;border-radius:10px;object-fit:contain;background:#151b1e}.feedback-public-note{padding:12px 14px;border:1px solid #5d6a5e;border-radius:11px;background:#242e29}.feedback-public-note strong{color:#d7e4d2;font-size:12px;font-weight:700}.feedback-public-note p{margin:5px 0 0;color:#c4d0c5;font-size:12px;line-height:1.5}.feedback-public-details{padding:10px 12px;border:1px solid #36413e;border-radius:10px;background:#1c2427}.feedback-public-details summary{color:#d3ddd6;font-size:12px;font-weight:620;cursor:pointer}.feedback-public-details dl{display:grid;gap:9px;margin:12px 0 0}.feedback-public-details dl>div{display:grid;gap:3px}.feedback-public-details dt{color:#aebbb8;font-size:11px}.feedback-public-details dd{margin:0;color:#e1e8e3;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.feedback-consent{display:flex;align-items:flex-start;gap:9px;color:#d7e0d9;font-size:12px;line-height:1.5;cursor:pointer}.feedback-consent input{flex:0 0 auto;width:16px;height:16px;margin:1px 0 0;accent-color:#c3d4bc}.feedback-sending,.feedback-result{display:grid;justify-items:center;gap:11px;padding:15px 10px 18px;text-align:center}.feedback-sending>svg,.feedback-result__icon{color:#c3d4bc}.feedback-sending h3,.feedback-result h3{margin:4px 0 0;color:#e8eee8;font-size:18px;font-weight:640}.feedback-sending p,.feedback-result p{max-width:44ch;margin:0;color:#b3bfbc;font-size:13px;line-height:1.6}.feedback-sending .feedback-sending__close-note{color:#d0d9ce;font-size:12px}.feedback-result--error .feedback-result__icon{color:#e4ac8e}.feedback-result__retry-after{color:#e1cba3!important}.feedback-result__kept{color:#c3d4bc!important}.feedback-result__link{margin-top:5px}.feedback-result__id{max-width:100%;color:#93a39d;font-size:10px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.feedback-progress{position:relative;width:min(100%,360px);height:7px;overflow:hidden;border-radius:999px;background:#303b3c}.feedback-progress>span{display:block;height:100%;border-radius:inherit;background:#c3d4bc;transition:width .1s linear}.feedback-progress--indeterminate>span{position:absolute;width:35%;animation:feedback-progress 1.2s ease-in-out infinite}.feedback-progress-label{color:#aebbb8;font-size:11px;font-variant-numeric:tabular-nums}.feedback-spin{animation:feedback-spin 1s linear infinite}.feedback-launcher--in-dialog .feedback-launcher__button{position:relative}.feedback-dialog[data-reduced=true][open],html[data-reduced-motion=true] .feedback-dialog[open]{animation:none}.feedback-dialog[data-reduced=true] *,html[data-reduced-motion=true] .feedback-dialog *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){.feedback-dialog,.feedback-dialog *,.feedback-launcher__button,.feedback-progress>span{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes feedback-dialog-in{0%{opacity:0;transform:translateY(7px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes feedback-progress{0%{transform:translate(-120%)}to{transform:translate(310%)}}@keyframes feedback-spin{to{transform:rotate(360deg)}}@media(max-width:520px){.feedback-launcher{right:max(13px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom))}.feedback-launcher__button{min-height:40px;padding:0 13px}.feedback-dialog{width:calc(100vw - 18px);max-height:calc(100dvh - 18px);border-radius:16px}.feedback-dialog__panel{max-height:calc(100dvh - 18px)}.feedback-dialog__header{gap:11px;padding:19px 17px 14px}.feedback-dialog__header h2{font-size:19px}.feedback-dialog__body{padding:16px 17px 18px}.feedback-dialog__footer{padding:12px 17px max(13px,env(safe-area-inset-bottom))}.feedback-types__options{gap:6px}.feedback-type-option{min-height:44px;gap:6px;padding:9px 7px}.feedback-type-option__dot{flex-basis:12px;width:12px;height:12px}.feedback-type-option strong{font-size:12px}.feedback-type-option small{font-size:10px}.feedback-attachment{grid-template-columns:1fr}.feedback-attachment>.feedback-button{justify-self:start}.feedback-capture-stage{min-height:95px;padding:7px}.feedback-capture-frame,.feedback-capture-frame img{max-height:min(40svh,340px)}.feedback-action-row--spread{align-items:flex-start}.feedback-action-row__right{gap:6px}.feedback-button{min-height:37px;padding:0 10px;font-size:12px}.feedback-review{gap:12px}}@media(max-width:360px){.feedback-types__options{grid-template-columns:repeat(3,minmax(0,1fr))}.feedback-type-option{min-height:44px;align-items:center;gap:4px;padding:8px 6px}.feedback-type-option strong{font-size:11px}.feedback-type-option__dot{flex-basis:10px;width:10px;height:10px}.feedback-type-option>span:last-child{gap:2px}.feedback-type-option small{display:none}.feedback-action-row--spread{flex-direction:column}.feedback-action-row__right{width:100%;justify-content:flex-end}}.feedback-dialog.feedback-dialog--chat{width:min(418px,calc(100vw - 24px));height:min(620px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);border:1px solid #b7c4bd30;background:linear-gradient(145deg,#2a3435,#20292b);border-radius:22px;outline:none}.feedback-dialog.feedback-dialog--chat[data-chat-initial=true]{height:fit-content}.feedback-dialog--chat[data-chat-initial=true] .feedback-chat{height:auto;max-height:calc(100dvh - 32px)}.feedback-dialog--chat::backdrop{background:#070b0d80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.feedback-dialog--chat .feedback-dialog__header{min-height:46px;padding:8px 10px 0 24px;border:0;justify-content:flex-end}.feedback-dialog--chat .feedback-chat-log{padding:8px 24px 20px;gap:18px}.feedback-dialog--chat .feedback-message--assistant{width:100%;max-width:100%;padding:0;background:transparent}.feedback-dialog--chat .feedback-message__author{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}.feedback-dialog--chat .feedback-message--user{background:#ffffff0b;border-radius:13px 4px 13px 13px}.feedback-dialog--chat .feedback-message--image{display:flex;width:100%;max-width:100%;align-self:stretch;align-items:center;gap:18px;padding:0;background:transparent}.feedback-dialog--chat .feedback-message--image img{width:auto;height:auto;max-width:min(144px,55%);max-height:132px;flex-shrink:0;border-radius:10px}.feedback-attachment-info{color:#b6c3bb;font-size:12px;line-height:1.8}.feedback-attachment-info button{display:block;border:0;padding:2px 0;background:none;color:#b0bcb6;font:inherit;font-size:11px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.feedback-dialog--chat .feedback-chat__footer{padding:0 24px 20px;border:0;background:transparent}.feedback-dialog--chat .feedback-composer__input{padding:12px;border:1px solid #ffffff26;background:#151d1f66;border-radius:15px;transition:background-color .15s ease,border-color .15s ease}.feedback-dialog--chat .feedback-composer__input:focus-within{background:#192224aa;border-color:#ffffff3d}.feedback-dialog--chat .feedback-composer textarea{min-height:72px;padding:2px;outline:none;box-shadow:none;resize:vertical}.feedback-dialog--chat .feedback-composer textarea:focus,.feedback-dialog--chat .feedback-composer textarea:focus-visible{outline:none;box-shadow:none;border:0}.feedback-dialog--chat .feedback-composer__input:has(textarea:focus-visible){border-color:#a1ada77a}.feedback-dialog--chat .feedback-composer__send{flex-basis:32px;width:32px;height:32px;border-radius:9px;background:#c9d4c0;border-color:#c9d4c0}.feedback-dialog--chat .feedback-composer__meta{font-size:10px;color:#a4b0a9}.feedback-dialog :is(button,a,input):focus-visible{outline:2px solid #c6d0cb;outline-offset:3px}.feedback-dialog[data-capture-transition=true]{animation:none}.feedback-dialog[data-capture-transition=true] .feedback-message--image img{opacity:0}.feedback-capture-flight{position:fixed;inset:0 auto auto 0;margin:0;padding:0;border:0;pointer-events:none;overflow:hidden;background:#20292b;transform-origin:0 0}.feedback-capture-flight img{display:block;width:100%;height:100%;object-fit:fill}@media(max-width:540px){.feedback-dialog.feedback-dialog--chat{width:calc(100vw - 20px);border-radius:17px}.feedback-dialog--chat .feedback-chat-log{padding:8px 18px 16px}.feedback-dialog--chat .feedback-chat__footer{padding:0 18px max(16px,env(safe-area-inset-bottom))}}.language-switch{display:inline-flex;flex:0 0 auto;gap:2px;padding:3px;border:1px solid var(--line);border-radius:10px}.language-switch button{padding:7px 9px;border-radius:7px;font-size:12px;line-height:1.3;color:var(--muted)}.language-switch button[aria-pressed=true]{background:#9dac9130;color:var(--ink)}html[lang=en] .wordmark{letter-spacing:-.4px;font-size:20px}html[lang=en] .header-caption{display:none}html[lang=en] .learning-switch{width:275px;min-width:0}html[lang=en] .learning-switch button{white-space:nowrap;padding-inline:12px;min-width:0}html[lang=en] .element-key .element-name,html[lang=en] .compound-workbench__key-face .element-name{font-size:10px!important;letter-spacing:-.3px;line-height:1.3}html[lang=en] .element-name{overflow-wrap:anywhere}html[lang=en] .table-page .element-grid .element-key .element-name{white-space:normal;overflow-wrap:anywhere;font-family:DM Sans,Segoe UI,sans-serif;font-size:clamp(8px,calc(var(--table-key-width) * .14),11px)!important;line-height:1.05}html[lang=en] .table-page .element-grid .element-key .element-symbol{inset-block-start:calc(var(--table-key-height) * .27);font-size:clamp(18px,calc(var(--table-key-height) * .28),50px)}html[lang=en] .large .element-name{font-size:13px;letter-spacing:-.3px}html[lang=en] .category-legend{flex-wrap:wrap;row-gap:9px}html[lang=en] .series-placeholder strong,html[lang=en] .series-label{font-size:12px}html[lang=en] .shell-readout{flex-wrap:wrap;gap:12px}html[lang=en] .substance-title-row{flex-wrap:wrap;gap:18px}html[lang=en] .substance-title-row h1{font-size:clamp(27px,3vw,45px);overflow-wrap:anywhere}html[lang=en] .equation-condition{white-space:nowrap}html[lang=en] .element-facts>div{min-width:0}html[lang=en] .element-facts>div>span{line-height:1.4}@media(max-width:1100px){html[lang=en] .site-header{flex-wrap:wrap;height:auto;min-height:110px;padding-block:15px;gap:14px}html[lang=en] .header-right{margin-left:auto;gap:16px}}@media(max-width:700px){.language-switch button{padding:7px 8px}.site-header .header-right{flex-wrap:wrap}html[lang=en] .wordmark{font-size:18px}html[lang=en] .site-header .learning-switch{justify-self:end;margin-left:auto}html[lang=en] .learning-switch button{font-size:11px;padding-inline:8px}html[lang=en] .site-header .header-right{width:100%;justify-content:flex-end;gap:14px}html[lang=en] .isotope-toolbar-note{max-width:100%}html[lang=en] .hero-key .element-name{font-size:11px}html[lang=en] .reading-button{padding-left:12px}html[lang=en] .element-facts>div>span{font-size:12px}}@media(max-width:640px){.site-header,body:has(.table-page) .site-header{grid-template-columns:minmax(0,1fr);height:auto}.site-header .wordmark{grid-column:1;grid-row:1}.site-header .learning-switch{grid-column:1;grid-row:2;width:100%}.site-header .header-right,html[lang=en] .site-header .header-right{grid-column:1;grid-row:3;width:100%;justify-content:space-between;gap:10px}}