@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:500;font-display:swap;src:url(../media/9cc5c0547f229dea-s.26a4qkxezf9-r.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b0947914c9718a1e-s.1hzlq6xrrxf6u.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:500;font-display:swap;src:url(../media/d0b60be57f16ee32-s.33on4mq75bz97.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1f9e983605289f29-s.2xsoqmjk136f4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:500;font-display:swap;src:url(../media/01e4147cff8141ee-s.p.0v7knm2wof07y.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9cc5c0547f229dea-s.26a4qkxezf9-r.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b0947914c9718a1e-s.1hzlq6xrrxf6u.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:600;font-display:swap;src:url(../media/d0b60be57f16ee32-s.33on4mq75bz97.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1f9e983605289f29-s.2xsoqmjk136f4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:600;font-display:swap;src:url(../media/01e4147cff8141ee-s.p.0v7knm2wof07y.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9cc5c0547f229dea-s.26a4qkxezf9-r.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b0947914c9718a1e-s.1hzlq6xrrxf6u.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d0b60be57f16ee32-s.33on4mq75bz97.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1f9e983605289f29-s.2xsoqmjk136f4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:700;font-display:swap;src:url(../media/01e4147cff8141ee-s.p.0v7knm2wof07y.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond Fallback;src:local(Times New Roman);ascent-override:95.27%;descent-override:29.59%;line-gap-override:0.0%;size-adjust:96.98%}.cormorant_garamond_fc706c2b-module__fNlgUG__className{font-family:Cormorant Garamond,Cormorant Garamond Fallback;font-style:normal}.cormorant_garamond_fc706c2b-module__fNlgUG__variable{--font-display:"Cormorant Garamond", "Cormorant Garamond Fallback"}
@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/c3cb240f9c892514-s.270md_-rr62el.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.0lsanbtneewqp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Fallback;src:local(Arial);ascent-override:94.9%;descent-override:29.66%;line-gap-override:0.0%;size-adjust:104.53%}.dm_sans_dffaa2c9-module__wX8OqW__className{font-family:DM Sans,DM Sans Fallback;font-style:normal}.dm_sans_dffaa2c9-module__wX8OqW__variable{--font-sans:"DM Sans", "DM Sans Fallback"}
@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b12e986493c137cf-s.2tuvx2ggl0uf7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/36363bfb06833f56-s.p.048ctm9k7u_u3.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b2fa3ef4ca165ab4-s.2t3qiyt2vl-ta.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a73419dd2ba2d841-s.p.2_s53-223o24o.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Mono Fallback;src:local(Arial);ascent-override:73.71%;descent-override:23.03%;line-gap-override:0.0%;size-adjust:134.59%}.dm_mono_ca24952c-module__ZWtZlq__className{font-family:DM Mono,DM Mono Fallback;font-style:normal}.dm_mono_ca24952c-module__ZWtZlq__variable{--font-mono:"DM Mono", "DM Mono Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.static{position:static}.block{display:block}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ink:#173235;--muted:#6e7d79;--paper:#f4f1e8;--panel:#fbfaf5;--line:#d9ddd3;--deep:#17393a;--teal:#2d7773;--aqua:#8ed6cb;--electric:#9be49b;--gold:#d6b45b;--coral:#df7f62;--danger:#a34c3f;--shadow:0 18px 55px #1a373717;--radius:22px;--category-alkali-metal:#df856d;--category-alkaline-earth-metal:#e6ad6a;--category-transition-metal:#d8bf68;--category-post-transition-metal:#8abdb0;--category-metalloid:#69ad91;--category-nonmetal:#66a9bc;--category-halogen:#8d9ec8;--category-noble-gas:#9c8dbe;--category-lanthanoid:#bd86ae;--category-actinoid:#bc7784;--category-unknown:#9ca7a1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 50% -10%, #8ed6cb21, transparent 35rem), var(--paper);color:var(--ink);font-family:var(--font-sans), sans-serif;min-width:320px;margin:0;font-size:15px}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #2d777347}::selection{color:#fff;background:var(--teal)}[data-category=alkali-metal]{--category:var(--category-alkali-metal)}[data-category=alkaline-earth-metal]{--category:var(--category-alkaline-earth-metal)}[data-category=transition-metal]{--category:var(--category-transition-metal)}[data-category=post-transition-metal]{--category:var(--category-post-transition-metal)}[data-category=metalloid]{--category:var(--category-metalloid)}[data-category=nonmetal]{--category:var(--category-nonmetal)}[data-category=halogen]{--category:var(--category-halogen)}[data-category=noble-gas]{--category:var(--category-noble-gas)}[data-category=lanthanoid]{--category:var(--category-lanthanoid)}[data-category=actinoid]{--category:var(--category-actinoid)}[data-category=unknown]{--category:var(--category-unknown)}.route-loading{letter-spacing:.08em;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100dvh;display:flex}.route-loading svg{color:var(--teal);width:44px;height:44px;animation:2s ease-in-out infinite drift}.app-shell{max-width:1920px;min-height:100dvh;margin:0 auto;padding:10px 26px 40px}.topbar{-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);z-index:70;background:#f9f8f3bd;border:1px solid #ffffffb8;border-radius:18px;grid-template-columns:minmax(215px,1fr) auto minmax(215px,1fr);align-items:center;min-height:60px;padding:7px 8px 7px 12px;display:grid;position:sticky;top:10px;box-shadow:inset 0 1px #fffc,0 10px 35px #1a373714}.brand{align-items:center;gap:10px;width:max-content;min-width:0;line-height:1;display:flex}.brand-mark{background:var(--deep);color:#b8eee0;border-radius:12px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 12px #17393a2e,inset 0 1px #ffffff38}.brand-mark svg{width:20px;height:20px}.brand-copy{flex-direction:column;align-items:flex-start;display:flex}.brand strong{font-family:var(--font-display), serif;letter-spacing:-.025em;font-size:20px}.brand em{color:var(--muted);letter-spacing:.17em;text-transform:uppercase;margin-top:4px;font-size:8px;font-style:normal}.main-nav{justify-content:center;align-items:center;gap:4px;display:flex}.nav-menu{position:relative}.nav-trigger,.nav-link{color:#596b68;cursor:pointer;letter-spacing:.01em;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 12px;font-size:13px;font-weight:600;transition:background-color .16s,color .16s,transform .1s ease-out;display:flex}.nav-trigger:hover,.nav-trigger[aria-expanded=true],.nav-link:hover{color:var(--deep);background:#17393a11}.nav-trigger.active,.nav-link.active{color:var(--deep);background:#17393a1a;box-shadow:inset 0 1px #ffffffb8}.nav-trigger:active,.nav-link:active{transform:scale(.96)}.nav-trigger>svg,.nav-link>svg{width:16px;height:16px}.nav-trigger .nav-chevron{width:13px;height:13px;margin-left:1px;transition:transform .24s cubic-bezier(.2,.8,.2,1)}.nav-trigger[aria-expanded=true] .nav-chevron{transform:rotate(180deg)}.nav-popover{-webkit-backdrop-filter:blur(32px)saturate(180%);backdrop-filter:blur(32px)saturate(180%);filter:blur(5px);opacity:0;pointer-events:none;transform-origin:50% 0;visibility:hidden;will-change:transform, opacity, filter;z-index:5;background:#faf9f5e0;border:1px solid #ffffffc7;border-radius:20px;min-width:326px;padding:8px;transition:opacity .16s cubic-bezier(.4,0,1,1),transform .18s cubic-bezier(.4,0,1,1),filter .18s,visibility 0s linear .18s;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%,-7px)scale(.965);box-shadow:0 24px 65px #122c2d2b,inset 0 1px #ffffffe6}.nav-popover[data-open=true]{filter:blur();opacity:1;pointer-events:auto;visibility:visible;transition:opacity .18s ease-out,transform .32s cubic-bezier(.2,.8,.2,1),filter .24s ease-out,visibility;transform:translate(-50%)scale(1)}.nav-popover-heading{justify-content:space-between;align-items:flex-end;padding:10px 10px 9px;display:flex}.nav-popover-heading span{color:var(--deep);font-family:var(--font-display);letter-spacing:-.015em;font-size:17px;font-weight:700}.nav-popover-heading small{color:#7a8985;letter-spacing:.08em;text-transform:uppercase;font-size:9px}.nav-popover-items{gap:4px;display:grid}.nav-popover-items>a,.nav-popover-items>button{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:14px;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;min-height:62px;padding:7px 9px;transition:background-color .16s,transform .1s ease-out;display:grid}.nav-popover-items>a:hover,.nav-popover-items>button:hover,.nav-popover-items>a:focus-visible,.nav-popover-items>button:focus-visible{background:#2a706b16}.nav-popover-items>a:active,.nav-popover-items>button:active{transform:scale(.985)}.nav-popover-items>.current{background:#2a706b13}.nav-item-icon{color:var(--teal);background:#e2eee9;border:1px solid #2d77731a;border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.nav-item-icon svg{width:17px;height:17px}.nav-popover-items>a>span:nth-child(2),.nav-popover-items>button>span:nth-child(2){flex-direction:column;gap:4px;min-width:0;display:flex}.nav-popover-items strong{letter-spacing:.005em;font-size:13px;font-weight:700}.nav-popover-items small{color:#74837f;font-size:10px;line-height:1.3}.nav-item-arrow{color:#8a9894;width:15px;height:15px;transition:transform .18s,color .18s}.nav-popover-items>a:hover .nav-item-arrow,.nav-popover-items>button:hover .nav-item-arrow{color:var(--teal);transform:translate(1px,-1px)}.header-actions{justify-content:flex-end;align-items:center;gap:5px;display:flex}.header-action{color:#596b68;cursor:pointer;background:#17393a0e;border:1px solid #0000;border-radius:11px;align-items:center;gap:6px;min-height:39px;padding:0 10px;font-size:11px;font-weight:600;transition:background-color .16s,border-color .16s,color .16s,transform .1s ease-out;display:flex}.header-action:hover{color:var(--deep);background:#e2ece7;border-color:#d1dfd9}.header-action:active{transform:scale(.95)}.header-action svg{width:15px;height:15px}.mobile-nav,.mobile-context-action{display:none}.workspace{grid-template-columns:236px minmax(490px,1fr) 350px;gap:14px;min-height:660px;margin-top:14px;display:grid}.viewer-shell,.element-library,.info-panel,.learning-cards>article{backface-visibility:hidden;transform-style:preserve-3d}.element-transitioning .viewer-shell,.element-transitioning .info-panel,.element-transitioning .learning-cards>article{will-change:transform, opacity}.element-transitioning .element-list button{cursor:wait}@media (min-width:1121px){.workspace{height:max(660px,min(820px,100dvh - 82px))}}@media (min-width:761px){.workspace{perspective:1400px}}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fbfaf5e0;box-shadow:0 10px 32px #233a3809}.element-library,.reaction-library{flex-direction:column;min-height:0;padding:16px 11px 11px;display:flex;overflow:hidden}.panel-heading{align-items:center;gap:8px;min-height:28px;margin:0 4px 12px;display:flex}.panel-heading>span{font-family:var(--font-display);margin-right:auto;font-size:17px;font-weight:700}.panel-heading>button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;width:31px;height:31px;display:flex}.panel-heading>button:hover,.panel-heading>button.active{color:var(--teal);background:#e6efeb;border-color:#ceddd7}.panel-heading>i{background:#e5eee9;border-radius:99px;justify-content:center;align-items:center;width:25px;height:25px;font-size:11px;font-style:normal;display:flex}.mobile-close{display:none!important}.library-search,.table-controls label{color:#84908c;background:#f2f1ea;border:1px solid #0000;border-radius:11px;align-items:center;gap:8px;min-height:38px;padding:0 10px;display:flex}.library-search:focus-within,.table-controls label:focus-within{border-color:var(--teal);background:#fff}.library-search input,.table-controls input{color:var(--ink);background:0 0;border:0;outline:0;width:100%;min-width:0}.library-search input::placeholder,.table-controls input::placeholder{color:#9ca6a1}.filter-panel{background:#edf1eb;border:1px solid #dce1d9;border-radius:13px;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;padding:7px;display:grid}.filter-panel select,.filter-panel button,.table-controls select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;min-height:32px;padding:0 6px;font-size:12px}.filter-panel button{cursor:pointer;grid-column:1/-1}.element-count{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;margin:10px 4px 6px;font-size:10px;display:flex}.element-count i{opacity:.68;margin-left:auto;font-style:normal}.element-list,.reaction-list{scrollbar-color:#c4ccc6 transparent;scrollbar-width:thin;min-height:0;overflow:auto}.element-list>button{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:11px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;margin:1px 0;padding:5px 6px;transition:background .15s,border-color .15s,transform .15s;display:grid}.element-list>button:hover{background:#f0f2ec;transform:translate(2px)}.element-list>button.active{background:#e9f1ed;border-color:#c8ded6}.mini-tile{background:var(--category)}@supports (color:color-mix(in lab, red, red)){.mini-tile{background:color-mix(in srgb, var(--category) 24%, white)}}.mini-tile{border:1px solid var(--category)}@supports (color:color-mix(in lab, red, red)){.mini-tile{border:1px solid color-mix(in srgb, var(--category) 52%, white)}}.mini-tile{border-radius:7px;width:38px;height:38px;padding:3px 5px;display:grid;position:relative}.mini-tile small{font-family:var(--font-mono);font-size:8px}.mini-tile b{font-family:var(--font-display);align-self:end;font-size:18px;line-height:1}.element-list>button>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.element-list>button>span:nth-child(2) strong{font-size:12.5px;font-weight:600}.element-list>button>span:nth-child(2) small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.element-list .favorite{color:var(--teal)}.no-results{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:50px 12px;display:flex}.no-results button{color:var(--teal);cursor:pointer;background:0 0;border:0;text-decoration:underline}.view-table{background:var(--deep);color:#fff;cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:6px;min-height:38px;margin-top:10px;padding:0 10px;font-size:13.5px;display:flex}.view-table svg:last-child{margin-left:auto}.viewer-shell,.reaction-viewer{border-radius:var(--radius);background:radial-gradient(circle,#8ed6cb29,#0000 42%),linear-gradient(145deg,#eef1e9 0%,#e6ece8 100%);border:1px solid #d7ded8;min-height:660px;position:relative;overflow:hidden}.viewer-shell:before,.reaction-viewer:before{content:"";pointer-events:none;background-image:linear-gradient(#204a480b 1px,#0000 1px),linear-gradient(90deg,#204a480b 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 70%);mask-image:radial-gradient(circle,#000,#0000 70%)}.atom-mount,.reaction-mount{position:absolute;inset:0}.atom-mount canvas,.reaction-mount canvas{touch-action:none;width:100%;height:100%;display:block}.viewer-aura{background:radial-gradient(circle, var(--element-color) 0, transparent 60%)}@supports (color:color-mix(in lab, red, red)){.viewer-aura{background:radial-gradient(circle, color-mix(in srgb, var(--element-color) 25%, transparent) 0, transparent 60%)}}.viewer-aura{filter:blur(7px);opacity:.8;pointer-events:none;position:absolute;inset:10%}.viewer-tools{z-index:4;background:#f8f9f4db;border:1px solid #c3cfc8cc;border-radius:14px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:17px;left:17px}.viewer-tools button{color:#61726e;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.viewer-tools button span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.viewer-tools button:hover,.viewer-tools button.active{color:var(--deep);background:#dbeae4}.viewer-tip{z-index:3;background:#faf9f3e0;border:1px solid #d8ded8;border-radius:12px;max-width:220px;padding:9px 12px;position:absolute;top:17px;left:70px}.viewer-tip span{color:var(--teal);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:5px;font-size:10px;font-weight:700;display:flex}.viewer-tip p{color:var(--muted);margin:4px 0 0;font-size:10px;line-height:1.45}.structure-guide{z-index:7;position:absolute;bottom:17px;right:17px}.structure-guide-toggle{color:var(--deep);cursor:pointer;background:#f9f9f5eb;border:1px solid #cfd8d2;border-radius:9px;align-items:center;gap:6px;padding:8px 10px;font-size:10px;display:flex}.structure-guide.open{border:1px solid var(--line);box-shadow:var(--shadow);background:#fcfbf7f7;border-radius:13px;width:min(300px,100% - 34px);padding:11px}.structure-guide header{justify-content:space-between;align-items:center;display:flex}.structure-guide header span{color:var(--teal);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.structure-guide header button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;padding:2px;display:flex}.structure-options{flex-wrap:wrap;gap:4px;margin-top:9px;display:flex}.structure-options button{color:var(--muted);cursor:pointer;background:#f2f2ec;border:1px solid #0000;border-radius:5px;padding:5px 7px;font-size:9px}.structure-options button.active{color:var(--deep);background:#e2eee9;border-color:#bfd6ce}.structure-guide-copy{border-top:1px solid var(--line);margin-top:9px;padding-top:8px}.structure-guide-copy strong{font-family:var(--font-display);font-size:16px}.structure-guide-copy p{color:var(--muted);margin:3px 0 0;font-size:10px;line-height:1.45}.viewer-caption{flex-direction:column;display:flex;position:absolute;bottom:22px;left:22px}.viewer-caption span{color:var(--muted);letter-spacing:.17em;text-transform:uppercase;font-size:9px}.viewer-caption strong{font-family:var(--font-display);font-size:17px}.auto-rotate,.reaction-reset-view{cursor:pointer;z-index:3;background:#f9f9f5e6;border:1px solid #cfd8d2;border-radius:99px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.switch{background:#cbd2ce;border-radius:99px;width:25px;height:14px;padding:2px;display:block}.switch i{background:#fff;border-radius:50%;width:10px;height:10px;transition:transform .2s;display:block}.switch.on{background:var(--teal)}.switch.on i{transform:translate(11px)}.atomic-stamp{grid-template-columns:auto auto;align-items:end;display:grid;position:absolute;top:20px;right:21px}.atomic-stamp small{color:var(--muted);font-family:var(--font-mono);grid-column:1;font-size:10px}.atomic-stamp b{font-family:var(--font-display);grid-column:1;font-size:36px;line-height:.9}.atomic-stamp span{color:var(--muted);grid-column:2;margin-left:7px;font-size:10px}.viewer-loading{color:var(--teal);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.viewer-loading svg{animation:2s ease-in-out infinite drift}.atom-fallback{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.fallback-shell{border:1px solid #2d777359;border-radius:50%;position:absolute}.atom-fallback:after{background:var(--teal);box-shadow:0 0 30px var(--aqua);content:"";border-radius:50%;width:45px;height:45px;position:absolute}.atom-fallback>b{color:#fff;font-family:var(--font-display);z-index:2;font-size:22px;position:relative}.fallback-shell i{transform-origin:5px 5px;background:#6c8fd1;border:2px solid #f6f5ef;border-radius:50%;width:10px;height:10px;position:absolute;top:calc(50% - 5px);left:calc(50% - 5px)}.info-panel{scrollbar-width:thin;padding:25px 24px;overflow:auto}.info-kicker{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;align-items:center;font-size:10px;display:flex}.info-kicker>span:first-child{background:var(--category);border-radius:50%;width:8px;height:8px;margin-right:7px}.info-kicker .favorite{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:9px;place-items:center;margin-left:auto;padding:7px;display:grid}.info-kicker .favorite.active{color:var(--teal);background:#e5f0eb}.info-title{align-items:center;margin-top:18px;display:flex}.info-title>div{margin-right:auto}.info-title h1{font-family:var(--font-display);letter-spacing:-.045em;margin:0;font-size:clamp(36px,3vw,48px);line-height:.9}.info-title em{color:var(--muted);margin-top:9px;font-size:11px;font-style:normal;display:block}.info-title>span{background:var(--category)}@supports (color:color-mix(in lab, red, red)){.info-title>span{background:color-mix(in srgb, var(--category) 24%, white)}}.info-title>span{border:1px solid var(--category)}@supports (color:color-mix(in lab, red, red)){.info-title>span{border:1px solid color-mix(in srgb, var(--category) 55%, white)}}.info-title>span{border-radius:12px;width:65px;height:65px;padding:7px 9px;display:grid}.info-title>span small{font-family:var(--font-mono);font-size:9px}.info-title>span b{font-family:var(--font-display);align-self:end;font-size:29px;line-height:1}.element-intro{color:var(--muted);font-family:var(--font-display);margin:18px 0;font-size:17px;line-height:1.45}.element-intro strong{color:var(--ink);font-family:var(--font-mono);font-size:13px}.fact-rule{background:var(--line);height:1px}.info-panel h2,.reaction-info>h2{font-family:var(--font-display);margin:18px 0 10px;font-size:19px}.key-facts,.reaction-info dl{margin:0}.key-facts div,.reaction-info dl div{border-bottom:1px solid #e4e6df;grid-template-columns:1fr auto;align-items:baseline;gap:15px;padding:8px 0;display:grid}.key-facts dt,.reaction-info dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.key-facts dd,.reaction-info dd{font-family:var(--font-mono);text-align:right;max-width:190px;margin:0;font-size:11px}.key-facts .configuration{font-size:9px}.isotope-note,.discovery-note{background:#edf2ed;border-radius:11px;align-items:flex-start;gap:9px;margin-top:12px;padding:10px 11px;display:flex}.isotope-note svg,.discovery-note svg{color:var(--teal);flex:none;margin-top:2px}.isotope-note p,.discovery-note p{color:var(--muted);margin:0;font-size:10px;line-height:1.45}.isotope-note b,.discovery-note b{color:var(--ink);letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px;font-size:9px;display:block}.panel-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:13px;display:grid}.panel-actions button,.panel-actions a,.primary-button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:0 9px;font-size:11px;display:flex}.panel-actions .primary-button,.primary-button{background:var(--deep);border-color:var(--deep);color:#fff}.panel-actions .primary-button{grid-column:1/-1}.source-links{flex-wrap:wrap;align-items:center;gap:7px;margin-top:13px;display:flex}.source-links span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:9px}.source-links a{border-bottom:1px solid #aab9b2;font-size:9px}.learning-cards{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.learning-cards article{background:var(--panel);border:1px solid var(--line);border-radius:17px;flex-direction:column;min-height:225px;padding:15px;display:flex;overflow:hidden}.learning-cards article header{align-items:flex-start;gap:7px;display:flex}.learning-cards article header>div{margin-right:auto}.learning-cards article header em{color:var(--teal);letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-style:normal}.learning-cards article header h3{font-family:var(--font-display);margin:4px 0 0;font-size:16px;line-height:1.05}.learning-cards article header svg{color:#84938e;width:17px;height:17px}.learning-cards article>button,.learning-cards article>a{border:0;border-top:1px solid var(--line);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:5px;min-height:36px;margin:auto -15px -15px;padding:0 15px;font-size:10px;display:flex}.learning-cards article>button:hover,.learning-cards article>a:hover{background:#edf2ed}.learning-cards article>button svg,.learning-cards article>a svg{width:12px;height:12px}.curiosity-card{color:#fff;justify-content:space-between;background:var(--deep)!important}.curiosity-card>svg{color:var(--aqua)}.curiosity-card p{font-family:var(--font-display);margin:18px 0;font-size:21px;line-height:1.05}.curiosity-card em{color:var(--aqua);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-style:normal}.card-visual{flex:1;justify-content:center;align-items:center;margin:8px 0;display:flex;position:relative}.shell-visual i{border:1px solid #2d77734d;border-radius:50%;position:absolute}.shell-visual i b{background:var(--teal);color:#fff;font-family:var(--font-mono);border-radius:50%;padding:2px 4px;font-size:7px;position:absolute;top:45%;right:-6px}.shell-visual>strong{background:var(--deep);color:#fff;font-family:var(--font-display);z-index:1;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.trend-visual{gap:12px}.trend-visual span{flex-direction:column;align-items:center;display:flex}.trend-visual span b{font-family:var(--font-display);font-size:25px}.trend-visual span small{color:var(--muted);font-family:var(--font-mono);font-size:9px}.trend-visual>i{color:var(--teal);font-style:normal}.resource-copy{color:var(--muted);font-family:var(--font-display);-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:15px 0;font-size:14px;line-height:1.32;display:-webkit-box;overflow:hidden}.drawer-backdrop{display:none}.dialog-backdrop{z-index:100;background:#0e1e1f85;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.dialog-card{background:var(--panel);border:1px solid #d9ded7;border-radius:23px;width:100%;max-width:580px;max-height:min(88dvh,920px);padding:28px;position:relative;overflow:auto;box-shadow:0 30px 90px #0c1d1e3d}.dialog-card.wide{max-width:1460px}.dialog-close{cursor:pointer;z-index:3;background:#edf0ea;border:0;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;top:20px;right:20px}.dialog-eyebrow{color:var(--teal);letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-style:normal;display:block}.dialog-card>h2{font-family:var(--font-display);letter-spacing:-.03em;margin:0 48px 20px 0;font-size:32px}.tour-dialog{max-width:540px;overflow:hidden}.tour-visual{color:var(--deep);background:radial-gradient(circle at 50% 40%,#8ed6cb61,#0000 48%),#eaf0eb;border:1px solid #d4dfd8;border-radius:19px;justify-content:center;align-items:center;height:170px;display:flex;position:relative;overflow:hidden}.tour-visual>svg{stroke-width:1.25px;width:74px;height:74px}.tour-visual>span{background:#fff;border:1px solid #d6dfd9;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:absolute;bottom:24px;right:calc(50% - 58px);box-shadow:0 8px 24px #17393a24}.tour-visual>span svg{width:17px;height:17px}.tour-copy{font-family:var(--font-display);margin:18px 0 8px;font-size:17px;line-height:1.45}.tour-note{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.tour-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:22px;padding-top:15px;display:flex}.tour-dots{gap:5px;display:flex}.tour-dots i{background:#ced8d2;border-radius:99px;width:6px;height:6px;transition:width .22s,background-color .22s}.tour-dots i.active{background:var(--teal);width:22px}.tour-actions{gap:7px;display:flex}.tour-actions button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:9px;align-items:center;gap:5px;min-height:38px;padding:0 12px;font-size:11px;display:flex}.tour-actions button:active{transform:scale(.97)}.tour-actions button.primary-button{background:var(--deep);border-color:var(--deep);color:#fff}.tour-actions svg{width:14px;height:14px}.table-controls{grid-template-columns:minmax(240px,1fr) 190px;gap:9px;margin-bottom:18px;display:grid}.periodic-scroll{padding-bottom:9px;overflow:auto}.periodic-grid{grid-template-columns:repeat(18,minmax(52px,1fr));grid-auto-rows:67px;gap:5px;min-width:1080px;padding:2px;display:grid}.periodic-grid>button{background:var(--category)}@supports (color:color-mix(in lab, red, red)){.periodic-grid>button{background:color-mix(in srgb, var(--category) 20%, white)}}.periodic-grid>button{border:1px solid var(--category)}@supports (color:color-mix(in lab, red, red)){.periodic-grid>button{border:1px solid color-mix(in srgb, var(--category) 55%, white)}}.periodic-grid>button{cursor:pointer;text-align:left;border-radius:8px;padding:5px;transition:opacity .2s,transform .15s,box-shadow .15s;display:grid}.periodic-grid>button:hover{z-index:2;transform:translateY(-2px);box-shadow:0 7px 18px #16323321}.periodic-grid>button.selected{box-shadow:inset 0 0 0 2px var(--deep)}.periodic-grid>button.muted{filter:grayscale(.8);opacity:.16}.periodic-grid button small{font-family:var(--font-mono);font-size:8px}.periodic-grid button b{font-family:var(--font-display);align-self:end;font-size:22px;line-height:.8}.periodic-grid button span{text-overflow:ellipsis;white-space:nowrap;font-size:7.5px;overflow:hidden}.period-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;align-self:center;font-size:8px}.lanthanoid-label{grid-area:9/1/auto/3}.actinoid-label{grid-area:10/1/auto/3}.category-legend{flex-wrap:wrap;gap:6px 12px;margin-top:15px;display:flex}.category-legend button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:99px;align-items:center;gap:5px;padding:5px 7px;font-size:9px;display:flex}.category-legend button.active{color:var(--ink);background:#e5ece7}.category-legend i{background:var(--category);border-radius:50%;width:8px;height:8px}.dialog-card.periodic-dialog{flex-direction:column;max-width:calc(100vw - 24px);height:calc(100dvh - 24px);max-height:none;padding:clamp(12px,1.7vw,24px);display:flex;overflow:hidden}.periodic-dialog>h2{flex:none;margin-bottom:12px}.periodic-dialog .table-controls{flex:none;margin-bottom:10px}.periodic-dialog .periodic-scroll{flex:1;place-items:center;min-height:0;padding:0;display:grid;overflow:hidden;container-type:size}.periodic-dialog .periodic-grid{grid-template-rows:repeat(10,minmax(0,1fr));grid-template-columns:repeat(18,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:clamp(1px,.25cqw,5px);width:min(100cqw,180cqh);min-width:0;height:min(100cqh,55.555cqw);min-height:0;padding:1px}.periodic-dialog .periodic-grid>button{min-width:0;min-height:0;padding:clamp(1px,.35cqw,5px);overflow:hidden}.periodic-dialog .periodic-grid button small{font-size:clamp(5px,.55cqw,7px)}.periodic-dialog .periodic-grid button b{font-size:clamp(8px,1.5cqw,22px)}.periodic-dialog .periodic-grid button span{font-size:clamp(5px,.5cqw,6.5px)}.periodic-dialog .category-legend{flex:none;margin-top:8px}.periodic-scroll-hint{display:none}.quiz-body h3{font-family:var(--font-display);margin:23px 0 17px;font-size:22px;line-height:1.15}.quiz-progress{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:10px;position:relative}.quiz-progress:after{content:"";background:#dfe4de;height:2px;position:absolute;inset:auto 0 -8px}.quiz-progress i{background:var(--teal);z-index:1;height:2px;transition:width .25s;position:absolute;bottom:-8px;left:0}.quiz-options{gap:8px;display:grid}.quiz-options button{cursor:pointer;text-align:left;background:#f3f3ed;border:1px solid #0000;border-radius:11px;align-items:center;gap:11px;min-height:47px;padding:6px 10px;display:flex}.quiz-options button:hover:not(:disabled){border-color:var(--teal)}.quiz-options button span{border:1px solid var(--line);font-family:var(--font-mono);background:#fff;border-radius:8px;justify-content:center;align-items:center;width:29px;height:29px;font-size:11px;display:flex}.quiz-options button.correct{background:#e1f1e6;border-color:#72aa82}.quiz-options button.incorrect{background:#f7e5e0;border-color:#d88775}.quiz-explanation{color:var(--muted);background:#e8f0ec;border-radius:7px;margin:12px 0;padding:10px 12px;font-size:12px;line-height:1.5}.quiz-explanation b{color:var(--ink)}.quiz-body>.primary-button{margin-left:auto;padding:0 15px}.quiz-body>.primary-button:disabled{opacity:.45}.quiz-result{text-align:center;flex-direction:column;align-items:center;padding:20px 0 8px;display:flex}.quiz-result>svg{color:var(--teal);width:45px;height:45px}.quiz-result>strong{font-family:var(--font-display);margin-top:8px;font-size:48px}.quiz-result p{color:var(--muted);max-width:340px}.progress-dialog{max-width:1040px!important}.continue-section{background:var(--deep);color:#fff;border-radius:18px;padding:18px}.continue-heading{justify-content:space-between;align-items:center;display:flex}.continue-heading span{color:#a9c4bf;letter-spacing:.14em;text-transform:uppercase;font-size:9px}.continue-heading h3{font-family:var(--font-display);letter-spacing:-.02em;margin:4px 0 14px;font-size:23px}.continue-heading>svg{color:#9fdbcd;width:23px;height:23px}.continue-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.continue-grid>button,.continue-grid>a{color:#fff;cursor:pointer;text-align:left;background:#ffffff13;border:1px solid #ffffff21;border-radius:13px;grid-template-columns:28px minmax(0,1fr) 16px;align-items:center;gap:10px;min-height:88px;padding:11px;transition:background-color .16s,transform .1s ease-out;display:grid}.continue-grid>button:hover,.continue-grid>a:hover{background:#ffffff1f}.continue-grid>button:active,.continue-grid>a:active{transform:scale(.985)}.continue-grid>button>svg:first-child,.continue-grid>a>svg:first-child{color:#9fdbcd;width:22px;height:22px}.continue-grid>button>svg:last-child,.continue-grid>a>svg:last-child{color:#9bb4af;width:15px;height:15px}.continue-grid span{flex-direction:column;min-width:0;display:flex}.continue-grid small{color:#9fbab5;letter-spacing:.1em;text-transform:uppercase;font-size:8px}.continue-grid b{font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;margin:3px 0;font-size:17px;overflow:hidden}.continue-grid em{color:#c2d2cf;font-size:9px;font-style:normal}.progress-overview{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.progress-overview article{background:#eef1ec;border:1px solid #e1e5de;border-radius:13px;padding:13px}.progress-overview header{color:var(--teal);justify-content:space-between;align-items:center;display:flex}.progress-overview header svg{width:17px;height:17px}.progress-overview header span{color:var(--muted);font-family:var(--font-mono);font-size:9px}.progress-overview header b{color:var(--ink);font-family:var(--font-display);font-size:21px}.progress-overview article>strong{margin:10px 0 8px;font-size:11px;display:block}.progress-overview article>i{background:#d8dfda;border-radius:99px;height:4px;display:block;overflow:hidden}.progress-overview article>i span{background:var(--teal);border-radius:inherit;min-width:0;height:100%;display:block}.progress-overview article>small{color:var(--muted);margin-top:7px;font-size:8px;display:block}.install-card{background:#edf5f0;border:1px solid #d0e1d8;border-radius:14px;justify-content:space-between;align-items:center;margin-top:12px;padding:12px 14px;display:flex}.install-card>div{align-items:center;gap:11px;display:flex}.install-card>div>svg{color:var(--teal);width:24px;height:24px}.install-card span{flex-direction:column;display:flex}.install-card small{color:var(--teal);letter-spacing:.1em;text-transform:uppercase;font-size:8px}.install-card strong{font-family:var(--font-display);margin-top:2px;font-size:17px}.install-card p{color:var(--muted);margin:2px 0 0;font-size:9px;line-height:1.4}.install-card>p{text-align:right;max-width:270px}.install-card button{flex:none;gap:6px;margin-left:14px;padding:0 13px}.install-card button svg{width:14px;height:14px}.progress-collections{grid-template-columns:1fr 1fr;gap:18px;display:grid}.saved-section{margin-top:24px}.saved-section h3{font-family:var(--font-display);align-items:center;gap:7px;font-size:17px;display:flex}.saved-elements{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.saved-elements button{background:var(--category);align-items:center}@supports (color:color-mix(in lab, red, red)){.saved-elements button{background:color-mix(in srgb, var(--category) 20%, white)}}.saved-elements button{border:1px solid var(--category)}@supports (color:color-mix(in lab, red, red)){.saved-elements button{border:1px solid color-mix(in srgb, var(--category) 47%, white)}}.saved-elements button{cursor:pointer;text-align:left;border-radius:9px;grid-template-columns:auto 1fr;min-width:0;padding:8px;display:grid}.saved-elements button small{font-family:var(--font-mono);font-size:8px}.saved-elements button b{font-family:var(--font-display);grid-row:2;font-size:19px}.saved-elements button span{text-overflow:ellipsis;white-space:nowrap;grid-row:2;font-size:9px;overflow:hidden}.empty-state{color:var(--muted);font-size:12px}.completed-list{flex-wrap:wrap;gap:6px;display:flex}.completed-list>span{background:#e6efea;border-radius:10px;flex-direction:column;gap:2px;padding:7px 10px;font-size:10px;display:flex}.completed-list>span b{color:var(--teal);font-size:8px}.comparison-panel{background:var(--deep);color:#fff;z-index:70;border:1px solid #ffffff29;border-radius:19px;width:calc(100% - 40px);max-width:980px;max-height:calc(100dvh - 38px);padding:18px;position:fixed;bottom:19px;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 24px 70px #0b20214d}.comparison-close{color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:12px;right:12px}.comparison-heads{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding-right:28px;display:grid}.compare-head{align-items:center;gap:11px;display:flex}.compare-head>span{background:var(--category)}@supports (color:color-mix(in lab, red, red)){.compare-head>span{background:color-mix(in srgb, var(--category) 60%, white)}}.compare-head>span{color:var(--ink);font-family:var(--font-mono);border-radius:10px;width:48px;height:48px;padding:5px;font-size:8px;display:grid}.compare-head>span b{font-family:var(--font-display);align-self:end;font-size:21px}.compare-head>div{flex-direction:column;display:flex}.compare-head small{color:#abc1bd;letter-spacing:.12em;text-transform:uppercase;font-size:9px}.compare-head strong{font-family:var(--font-display);font-size:19px}.compare-head select{color:#fff;background:#28494a;border:1px solid #4c6969;border-radius:6px;max-width:180px;margin-top:2px;padding:4px 7px}.comparison-heads>i{color:#8aa5a1;font-family:var(--font-display);font-size:17px;font-style:italic}.comparison-metrics{grid-template-columns:repeat(5,1fr);gap:7px;margin-top:14px;display:grid}.compare-metric{background:#ffffff0e;border:1px solid #ffffff17;border-radius:11px;min-width:0;padding:9px}.compare-metric header{justify-content:space-between;align-items:center;display:flex}.compare-metric header>span{color:#abc1bd;letter-spacing:.07em;text-transform:uppercase;font-size:8px}.compare-metric header>b{color:#c4d7d3;font-family:var(--font-mono);border-radius:99px;align-items:center;gap:2px;font-size:8px;display:flex}.compare-metric header>b.up{color:#9be49b}.compare-metric header>b.down{color:#f2b49f}.compare-metric header svg{width:10px;height:10px}.compare-values{justify-content:space-between;margin:9px 0 7px;display:flex}.compare-values span{color:#abc1bd;font-size:8px}.compare-values b{color:#fff;font-family:var(--font-mono);margin-top:2px;font-size:9px;display:block}.compare-values span:last-child{text-align:right}.compare-bars{gap:3px;display:grid}.compare-bars>i{border-radius:99px;height:4px;display:block}.compare-bars>i[data-element=primary]{background:#82cfc3}.compare-bars>i[data-element=secondary]{background:#d6b45b}.comparison-context{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px;display:grid}.comparison-context span{background:#ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:7px 9px;display:flex}.comparison-context small{color:#abc1bd;letter-spacing:.08em;text-transform:uppercase;font-size:8px}.comparison-context b{font-family:var(--font-mono);text-transform:capitalize;font-size:9px}.comparison-insight{color:#c8dad6;background:#8ed6cb1a;border:1px solid #8ed6cb24;border-radius:10px;align-items:flex-start;gap:9px;margin-top:8px;padding:9px 11px;display:flex}.comparison-insight>svg{color:#9fdbcd;flex:none;width:15px;height:15px;margin-top:1px}.comparison-insight p{font-family:var(--font-display);margin:0;font-size:12px;line-height:1.4}.comparison-insight b{color:#fff;font-family:var(--font-sans);letter-spacing:.11em;text-transform:uppercase;margin-bottom:3px;font-size:8px;display:block}.reaction-workspace{grid-template-columns:265px minmax(540px,1fr) 345px;gap:14px;min-height:calc(100dvh - 82px);margin-top:14px;display:grid}.reaction-library>p{color:var(--muted);font-family:var(--font-display);margin:0 5px 13px;font-size:14px;line-height:1.4}.reaction-list>button{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;width:100%;margin-bottom:3px;padding:9px 7px;display:grid}.reaction-list>button:hover{background:#f0f1eb}.reaction-list>button.active{background:#e6efea;border-color:#c6ddd4}.reaction-list>button>span{color:#91a09b;font-family:var(--font-mono);font-size:10px}.reaction-list>button>div{flex-direction:column;min-width:0;display:flex}.reaction-list>button strong{font-size:12px}.reaction-list>button small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9px;overflow:hidden}.reaction-list>button>svg{color:var(--teal)}.reaction-center{flex-direction:column;gap:11px;min-width:0;display:flex}.reaction-title{align-items:center;padding:8px 4px 0;display:flex}.reaction-title>div{margin-right:auto}.reaction-title em{color:var(--teal);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-style:normal}.reaction-title h1{font-family:var(--font-display);letter-spacing:-.04em;margin:5px 0 4px;font-size:clamp(30px,3vw,44px);line-height:.95}.reaction-title p{color:var(--muted);font-family:var(--font-display);margin:0;font-size:15px}.reaction-title>span{color:var(--teal);border:1px solid #ced8d1;border-radius:99px;align-items:center;gap:6px;padding:8px 11px;font-size:10px;display:flex}.reaction-title>span svg{width:14px;height:14px}.equation-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:8px;min-height:87px;padding:10px;display:grid}.equation-side{align-items:stretch;gap:6px;display:flex}.species-control{background:#f1f2ec;border-radius:10px;flex:1;align-items:center;min-width:0;padding:5px 8px 5px 4px;display:flex}.coefficient-stepper{flex-direction:column;align-items:center;margin-right:7px;display:flex}.coefficient-stepper button{color:var(--teal);cursor:pointer;background:0 0;border:0;padding:0;display:flex}.coefficient-stepper button svg{width:13px;height:13px}.coefficient-stepper b{font-family:var(--font-mono);font-size:15px;line-height:1}.species-control>span{flex-direction:column;min-width:0;display:flex}.species-control>span strong{font-family:var(--font-display);font-size:18px}.species-control>span small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.reaction-arrow{color:var(--teal);font-family:var(--font-display);align-self:center;font-size:24px}.reaction-viewer{min-height:390px}.reaction-viewer .viewer-tip{left:17px}.reaction-fallback{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;height:100%;padding:70px 28px;display:flex}.reaction-fallback span{background:#fcfbf6e6;border:1px solid #cfdbd4;border-radius:14px;flex-direction:column;align-items:center;min-width:110px;padding:16px;display:flex}.reaction-fallback b{font-family:var(--font-display);font-size:25px}.reaction-fallback small{color:var(--muted);margin-top:4px;font-size:9px}.reaction-side{z-index:3;flex-direction:column;display:flex;position:absolute;top:18px;right:19px}.reaction-side small{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;font-size:9px}.reaction-side strong{font-family:var(--font-display);text-transform:capitalize;font-size:19px}.representation-legend{z-index:3;flex-wrap:wrap;gap:5px;max-width:calc(100% - 150px);display:flex;position:absolute;bottom:18px;left:18px}.representation-legend span{color:var(--muted);background:#f9f9f4e0;border:1px solid #d3dcd6;border-radius:99px;padding:5px 8px;font-size:8px}.representation-legend b{color:var(--ink);font-family:var(--font-mono);margin-right:5px}.reaction-reset-view{left:auto;right:18px;transform:none}.balance-panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;grid-template-columns:1fr auto;gap:8px 15px;padding:12px;display:grid}.atom-counts{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.atom-counts>span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-right:4px;font-size:9px}.atom-counts>div{font-family:var(--font-mono);background:#eef1ec;border:1px solid #0000;border-radius:8px;align-items:center;gap:5px;padding:5px 7px;display:flex}.atom-counts>div.balanced{background:#e2f0e7;border-color:#b9dbc4}.atom-counts>div.unbalanced{background:#f5eae4;border-color:#e4c2b5}.atom-counts b{font-size:11px}.atom-counts small{font-size:10px}.atom-counts i{color:var(--muted);font-size:9px;font-style:normal}.lab-actions{gap:5px;display:flex}.lab-actions button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:9px;align-items:center;gap:4px;padding:0 9px;font-size:10px;display:flex}.lab-actions svg{width:13px;height:13px}.lab-actions .check-button{background:#e4eee9;border-color:#c1d8cf}.lab-actions .animate-button{background:var(--deep);border-color:var(--deep);color:#fff}.lab-actions .animate-button:disabled{cursor:not-allowed;opacity:.32}.balance-message{border-radius:8px;grid-column:1/-1;align-items:center;gap:7px;padding:7px 9px;font-size:10px;display:flex}.balance-message svg{width:14px;height:14px}.balance-message.success{color:#226543;background:#e1f1e6}.balance-message.hint{color:#7a6020;background:#f4edd9}.balance-message.error{color:#943f33;background:#f6e5df}.attempt-tracker{color:var(--muted);grid-column:1/-1;align-items:center;gap:6px;font-size:9px;display:flex}.attempt-tracker span{background:#eef1ec;border-radius:99px;padding:5px 8px}.attempt-tracker b{color:var(--ink);font-family:var(--font-mono)}.attempt-tracker em{margin-left:auto;font-size:8px;font-style:normal}.reaction-result-card{background:var(--deep);color:#fff;border:1px solid #ffffff21;border-radius:16px;grid-template-columns:150px 1fr;gap:18px;padding:15px;display:grid}.reaction-grade{text-align:center;background:#ffffff12;border-radius:12px;justify-content:center;align-items:center;min-height:140px;display:flex;position:relative}.reaction-grade>svg{color:#9fdbcd;width:20px;height:20px;position:absolute;top:12px;left:12px}.reaction-grade span{flex-direction:column;display:flex}.reaction-grade small,.reaction-strategy>small{color:#a9c4bf;letter-spacing:.12em;text-transform:uppercase;font-size:8px}.reaction-grade strong{font-family:var(--font-display);letter-spacing:-.04em;margin:6px 0 2px;font-size:48px;line-height:1}.reaction-grade b{color:#9be49b;letter-spacing:.1em;text-transform:uppercase;font-size:10px}.reaction-strategy{padding:4px 3px}.reaction-strategy h2{font-family:var(--font-display);margin:4px 0 5px;font-size:18px;line-height:1.2}.reaction-strategy>p{color:#b9ccc8;margin:0 0 9px;font-size:9px}.reaction-strategy ol{counter-reset:strategy;gap:5px;margin:0;padding:0;list-style:none;display:grid}.reaction-strategy li{color:#d4e0dd;counter-increment:strategy;padding-left:22px;font-size:9px;line-height:1.35;position:relative}.reaction-strategy li:before{color:#9fdbcd;content:counter(strategy);font-family:var(--font-mono);background:#9fdbcd24;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:8px;display:flex;position:absolute;top:-1px;left:0}.reaction-info{scrollbar-width:thin;padding:24px;overflow:auto}.reaction-info>h2{font-family:var(--font-mono);font-size:14px;line-height:1.5}.reaction-info h3{font-family:var(--font-display);margin:20px 0 9px;font-size:17px}.reaction-info ol{color:var(--muted);counter-reset:atom-step;margin:0;padding:0;list-style:none}.reaction-info li{counter-increment:atom-step;margin-bottom:9px;padding-left:27px;font-size:11px;line-height:1.45;position:relative}.reaction-info li:before{color:var(--teal);content:counter(atom-step);font-family:var(--font-mono);background:#e3ede8;border-radius:50%;justify-content:center;align-items:center;width:19px;height:19px;font-size:9px;display:flex;position:absolute;top:-2px;left:0}.safety-note{background:#f4e8e2;border-radius:8px;margin-top:14px;padding:10px 12px}.safety-note strong{color:var(--danger);letter-spacing:.12em;text-transform:uppercase;font-size:9px}.safety-note p{color:#775f57;margin:4px 0 0;font-size:10px;line-height:1.45}.related-elements{margin:18px 0 13px}.related-elements>span{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;margin-bottom:7px;font-size:9px;display:block}.related-elements>div{flex-wrap:wrap;gap:5px;display:flex}.related-elements button{background:var(--category)}@supports (color:color-mix(in lab, red, red)){.related-elements button{background:color-mix(in srgb, var(--category) 21%, white)}}.related-elements button{border:1px solid var(--category)}@supports (color:color-mix(in lab, red, red)){.related-elements button{border:1px solid color-mix(in srgb, var(--category) 52%, white)}}.related-elements button{cursor:pointer;text-align:left;border-radius:7px;width:42px;height:42px;padding:4px 6px;display:grid}.related-elements small{font-family:var(--font-mono);font-size:7px}.related-elements b{font-family:var(--font-display);align-self:end;font-size:17px}.reaction-info>.primary-button{width:100%}.offline-banner{background:var(--deep);color:#fff;z-index:120;border:1px solid #ffffff2e;border-radius:99px;align-items:center;gap:7px;padding:9px 13px;font-size:10px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #122c2d3d}.offline-banner svg{color:#9fdbcd;width:14px;height:14px}@media (max-width:1450px){.workspace{grid-template-columns:215px minmax(450px,1fr) 320px}.reaction-workspace{grid-template-columns:240px minmax(500px,1fr) 315px}.learning-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.learning-cards .curiosity-card{grid-row:span 1}}@media (max-width:1120px){.app-shell{padding-inline:16px}.topbar{grid-template-columns:minmax(190px,1fr) auto minmax(110px,1fr)}.header-action span{display:none}.header-action{justify-content:center;width:39px;padding:0}.workspace{grid-template-columns:195px minmax(420px,1fr)}.info-panel{grid-column:1/-1;max-height:none}.reaction-workspace{grid-template-columns:220px 1fr}.reaction-info{grid-column:1/-1}}@media (max-width:760px){body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.app-shell{padding:6px 10px 25px}.topbar{border-radius:16px;min-height:54px;padding:6px 8px;display:flex;top:6px}.brand{gap:9px}.brand-mark{border-radius:10px;width:36px;height:36px}.brand-mark svg{width:18px;height:18px}.brand strong{font-size:19px}.brand em{margin-top:3px;font-size:7px}.main-nav,.header-actions{display:none}.mobile-context-action{cursor:pointer;text-align:left;background:#e5ede8;border:1px solid #d1ddd6;border-radius:12px;align-items:center;gap:7px;max-width:142px;min-height:40px;margin-left:auto;padding:5px 9px;display:flex}.mobile-context-action:active{transform:scale(.96)}.mobile-context-action>svg{color:var(--teal);flex:none;width:16px;height:16px}.mobile-context-action>span{flex-direction:column;min-width:0;display:flex}.mobile-context-action strong{font-size:10px}.mobile-context-action small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.mobile-nav{bottom:max(7px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);z-index:80;background:#f9f8f3c2;border:1px solid #ffffffc2;border-radius:18px;grid-template-columns:repeat(4,1fr);align-items:center;gap:2px;padding:4px;display:grid;position:fixed;left:7px;right:7px;box-shadow:0 14px 40px #122c2d2b,inset 0 1px #ffffffdb}.mobile-nav a,.mobile-nav button{color:#687773;cursor:pointer;background:0 0;border:0;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:46px;padding:4px;font-size:9px;font-weight:600;transition:background-color .16s,color .16s,transform .1s ease-out;display:flex}.mobile-nav a.active{background:var(--deep);color:#fff;box-shadow:0 5px 14px #17393a38,inset 0 1px #ffffff29}.mobile-nav a:active,.mobile-nav button:active{color:var(--deep);background:#dce9e3;transform:scale(.92)}.mobile-nav a.active:active{background:var(--deep);color:#fff}.mobile-nav svg{width:17px;height:17px}.workspace,.reaction-workspace{flex-direction:column;min-height:0;margin-top:10px;display:flex}.element-library,.reaction-library{pointer-events:none;visibility:hidden;z-index:95;border-radius:22px 22px 0 0;max-height:78dvh;padding:19px 15px 80px;transition:transform .26s,visibility 0s linear .26s;position:fixed;bottom:0;left:0;right:0;transform:translateY(105%)}.element-library.open,.reaction-library.open{pointer-events:auto;visibility:visible;transition-delay:0s;transform:translateY(0)}.mobile-close{display:flex!important}.element-list,.reaction-list{max-height:55dvh}.viewer-shell{order:1;min-height:min(66dvh,590px)}.info-panel{order:2;max-height:none;padding:22px 18px}.viewer-tools{-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;max-width:none;padding:4px;display:grid;top:10px;left:10px;right:10px;overflow:visible;transform:none}.viewer-tools button{touch-action:manipulation;flex-direction:column;gap:2px;width:100%;min-width:0;height:44px;padding:3px 0 2px;transition:background-color .16s,color .16s,transform .1s ease-out}.viewer-tools button svg{flex:none;width:16px;height:16px}.viewer-tools button span{clip-path:none;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;height:auto;font-size:8px;font-weight:650;line-height:1;position:static;overflow:hidden}.viewer-tools button:active{transform:scale(.92)}.viewer-tip{max-width:180px;top:70px;left:12px}.atomic-stamp{top:76px;right:16px}.structure-guide{bottom:62px;right:12px}.structure-guide.open{width:auto;left:12px}.learning-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-cards article{min-height:210px}.curiosity-card{min-height:170px!important}.drawer-backdrop{z-index:90;background:#0e1e1f75;border:0;display:block;position:fixed;inset:0}.dialog-backdrop{align-items:flex-end;padding:0}.dialog-card,.dialog-card.wide{border-radius:22px 22px 0 0;max-width:none;max-height:90dvh;padding:23px 17px 80px}.dialog-card>h2{font-size:27px}.table-controls{grid-template-columns:1fr}.dialog-backdrop:has(.periodic-dialog){align-items:center;padding:6px}.dialog-card.periodic-dialog{border-radius:14px;max-width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:none;padding:10px}.periodic-dialog .dialog-close{width:28px;height:28px;top:10px;right:10px}.periodic-dialog .dialog-eyebrow{margin-bottom:3px;font-size:8px}.periodic-dialog>h2{margin-bottom:7px;font-size:21px}.periodic-dialog .table-controls{grid-template-columns:minmax(0,1fr) 108px;gap:5px;margin-bottom:6px}.periodic-dialog .table-controls label,.periodic-dialog .table-controls select{min-height:34px;padding:6px 8px;font-size:9px}.periodic-dialog .periodic-scroll-hint{color:var(--muted);letter-spacing:.02em;flex:none;align-items:center;gap:5px;margin:0 0 6px;font-size:9px;font-weight:600;display:flex}.periodic-dialog .periodic-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-x pan-y;background:#f4f5ef;border:1px solid #dfe3dc;border-radius:11px;place-items:normal;padding:0;scroll-padding:8px;display:block;overflow:auto;container-type:normal}.periodic-dialog .periodic-grid{grid-template-rows:repeat(10,58px);grid-template-columns:repeat(18,48px);grid-auto-rows:58px;gap:4px;width:max-content;height:auto;min-height:0;padding:8px 16px 12px 8px}.periodic-dialog .periodic-grid>button{touch-action:manipulation;border-radius:7px;min-height:44px;padding:4px;overflow:hidden}.periodic-dialog .periodic-grid>button:active{transform:scale(.94)}.periodic-dialog .periodic-grid button small{font-size:8px}.periodic-dialog .periodic-grid button b{font-size:18px}.periodic-dialog .periodic-grid button span{font-size:7px;display:block}.periodic-dialog .period-label{font-size:8px;display:block}.periodic-dialog .category-legend{scrollbar-width:none;flex-wrap:nowrap;gap:3px;margin-top:6px;padding-bottom:2px;overflow-x:auto}.periodic-dialog .category-legend::-webkit-scrollbar{display:none}.periodic-dialog .category-legend button{touch-action:manipulation;flex:none;gap:4px;min-height:28px;padding:4px 6px;font-size:8px}.periodic-dialog .category-legend i{width:7px;height:7px}.tour-dialog{border-radius:22px 22px 0 0}.tour-visual{height:140px}.tour-copy{font-size:16px}.tour-footer{flex-direction:column;align-items:flex-start;gap:14px}.tour-actions{align-self:stretch}.tour-actions button{flex:1;justify-content:center}.continue-grid{grid-template-columns:1fr}.continue-grid>button,.continue-grid>a{min-height:76px}.progress-overview{grid-template-columns:1fr 1fr}.progress-collections{grid-template-columns:1fr}.install-card{flex-direction:column;align-items:flex-start;gap:11px}.install-card>p{text-align:left;max-width:none}.install-card button{width:100%;margin-left:0}.saved-elements{grid-template-columns:repeat(3,1fr)}.comparison-panel{bottom:calc(72px + env(safe-area-inset-bottom));width:calc(100% - 18px);max-height:calc(100dvh - 88px);padding:15px}.comparison-heads{gap:8px;padding-right:24px}.comparison-metrics{grid-template-columns:1fr 1fr}.comparison-insight p{font-size:11px}.reaction-center{order:1}.reaction-info{order:2;padding:22px 18px}.reaction-title{align-items:flex-start}.reaction-title>span{padding:8px;font-size:0}.equation-card{grid-template-columns:1fr}.equation-side{overflow-x:auto}.reaction-arrow{justify-self:center;transform:rotate(90deg)}.reaction-viewer{min-height:370px}.reaction-viewer .viewer-tip{top:15px}.balance-panel{grid-template-columns:1fr}.lab-actions{grid-template-columns:repeat(4,1fr);display:grid}.lab-actions button{justify-content:center;min-height:39px;padding:0 4px}.reaction-result-card{grid-template-columns:110px 1fr}.reaction-grade{min-height:160px}.attempt-tracker{flex-wrap:wrap}.attempt-tracker em{flex-basis:100%;margin-left:0}.offline-banner{bottom:calc(72px + env(safe-area-inset-bottom));white-space:nowrap;max-width:calc(100% - 24px)}}@media (max-width:430px){.learning-cards{grid-template-columns:1fr 1fr}.learning-cards article{min-height:195px;padding:13px}.resource-copy{-webkit-line-clamp:4}.viewer-caption{bottom:61px}.auto-rotate{bottom:17px}.viewer-tip p{display:none}.viewer-tip{padding:7px 9px}.saved-elements{grid-template-columns:repeat(2,1fr)}.compare-head>span{width:38px;height:38px}.compare-head>span b{font-size:17px}.compare-head strong{font-size:16px}.compare-head select{max-width:105px}.comparison-context{grid-template-columns:1fr}.reaction-title h1{font-size:32px}.species-control>span strong{font-size:17px}.coefficient-stepper{margin-right:4px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.route-loading svg,.viewer-loading svg{animation:none}.nav-popover,.nav-popover[data-open=true]{filter:none;transform:translate(-50%)}.nav-item-arrow,.nav-trigger .nav-chevron{transform:none!important}}@media (prefers-reduced-transparency:reduce){.topbar,.mobile-nav,.nav-popover,.viewer-tools{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f9f8f3}}@media (prefers-contrast:more){.topbar,.mobile-nav,.nav-popover,.viewer-tools{border-color:var(--ink);background:#fbfaf5}.nav-trigger,.header-action,.mobile-nav a,.mobile-nav button{color:var(--ink)}}@keyframes drift{0%,to{transform:rotate(-7deg)scale(.96)}50%{transform:rotate(7deg)scale(1.05)}}.viewer-view-switcher{z-index:4;background:#f9f9f5eb;border:1px solid #cfd8d2;border-radius:99px;align-items:center;gap:3px;padding:3px;display:flex;position:absolute;top:17px;left:50%;transform:translate(-50%)}.switcher-btn{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:99px;align-items:center;gap:6px;padding:5px 12px;font-size:10px;transition:background .15s,border-color .15s,color .15s;display:flex}.switcher-btn:hover{color:var(--deep)}.switcher-btn.active{color:var(--deep);background:#e2eee9;border-color:#bfd6ce;font-weight:600}.orbital-bar{z-index:4;flex-direction:column;align-items:center;gap:6px;max-width:90%;display:flex;position:absolute;top:54px;left:50%;transform:translate(-50%)}.subshell-chips{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.chip{color:var(--muted);cursor:pointer;background:#f9f9f5eb;border:1px solid #cfd8d2;border-radius:9px;align-items:center;gap:5px;padding:5px 9px;font-size:10px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.chip:hover{color:var(--ink);background:#f0f2ec}.chip.active{color:var(--deep);background:#e2eee9;border-color:#bfd6ce;font-weight:600}.chip-dot{background:var(--subshell-color,var(--teal));border-radius:50%;width:7px;height:7px;display:inline-block}.orbital-legend{background:#f9f9f5e0;border:1px solid #d8ded8;border-radius:99px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:4px 12px;display:flex}.legend-item{color:var(--muted);letter-spacing:.05em;align-items:center;gap:4px;font-size:9px;display:flex}.legend-item i{border-radius:50%;width:7px;height:7px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}