@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_afbc0267-module__cXCCPW__className{font-family:DM Mono,DM Mono Fallback;font-style:normal}.dm_mono_afbc0267-module__cXCCPW__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;--color-amber-500:#f99c00;--animate-spin:spin 1s linear infinite;--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)}@supports (color:lab(0% 0 0)){:root,:host{--color-amber-500:lab(72.7183% 31.8672 97.9407)}}}@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,)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.text-amber-500{color:var(--color-amber-500)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.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;--scrollbar-thumb:#b8c4bf;--scrollbar-thumb-hover:#8e9f99;--scrollbar-track:#17393a0a;--scrollbar-size:8px}[data-theme=dark],html.dark{--ink:#edf4f1;--muted:#8fa59f;--paper:#0c1514;--panel:#121d1b;--line:#ffffff1a;--deep:#8ee2d4;--teal:#38b2a3;--aqua:#70dfcf;--electric:#98f3b2;--gold:#e5be65;--coral:#e88d75;--danger:#e26759;--shadow:0 20px 60px #00000073;--category-alkali-metal:#f0957d;--category-alkaline-earth-metal:#f2ba77;--category-transition-metal:#e8d078;--category-post-transition-metal:#9cd4c6;--category-metalloid:#7bc4a6;--category-nonmetal:#79bfd4;--category-halogen:#9fafe0;--category-noble-gas:#b2a2db;--category-lanthanoid:#d19ac2;--category-actinoid:#cf8897;--category-unknown:#aeb9b2;--scrollbar-thumb:#2f4541;--scrollbar-thumb-hover:#415f5a;--scrollbar-track:#00000040}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ink:#edf4f1;--muted:#8fa59f;--paper:#0c1514;--panel:#121d1b;--line:#ffffff1a;--deep:#8ee2d4;--teal:#38b2a3;--aqua:#70dfcf;--electric:#98f3b2;--gold:#e5be65;--coral:#e88d75;--danger:#e26759;--shadow:0 20px 60px #00000073;--category-alkali-metal:#f0957d;--category-alkaline-earth-metal:#f2ba77;--category-transition-metal:#e8d078;--category-post-transition-metal:#9cd4c6;--category-metalloid:#7bc4a6;--category-nonmetal:#79bfd4;--category-halogen:#9fafe0;--category-noble-gas:#b2a2db;--category-lanthanoid:#d19ac2;--category-actinoid:#cf8897;--category-unknown:#aeb9b2;--scrollbar-thumb:#2f4541;--scrollbar-thumb-hover:#415f5a;--scrollbar-track:#00000040}}*{box-sizing:border-box;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}html{scroll-behavior:smooth;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:99px}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:0 0}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;padding:10px 26px calc(40px + env(safe-area-inset-bottom));margin:0 auto}.page-transition-veil{background:radial-gradient(circle at 50% -10%, #8ed6cb21, transparent 35rem), var(--paper);pointer-events:none;z-index:60;position:fixed;inset:0}@keyframes contentReveal{0%{opacity:0;transform:translateY(10px)scale(.995)}to{opacity:1;transform:translateY(0)scale(1)}}.workspace,.molecule-grid,.trends-topbar,.property-selector-strip,.trends-grid,.reaction-workspace{will-change:opacity, transform;animation:.42s cubic-bezier(.22,1,.36,1) both contentReveal}@media (prefers-reduced-motion:reduce){.page-transition-veil{display:none!important}.workspace,.molecule-grid,.trends-topbar,.property-selector-strip,.trends-grid,.reaction-workspace{animation:none!important}}.topbar{-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);min-height:60px;top:max(10px, env(safe-area-inset-top));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;padding:7px 8px 7px 12px;display:grid;position:sticky;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{min-height:0;padding-bottom:12px;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:5;position:absolute;top:17px;left:70px}.viewer-tip-trigger{-webkit-backdrop-filter:blur(8px);color:var(--teal);cursor:pointer;-webkit-user-select:none;user-select:none;background:#f9f9f5eb;border:1px solid #cfd8d2;border-radius:99px;align-items:center;gap:5px;padding:5px 10px;font-size:10.5px;font-weight:600;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.viewer-tip-trigger:hover,.viewer-tip-trigger.active{color:var(--deep);background:#e2eee9;border-color:#bfd6ce;box-shadow:0 2px 6px #0000000d}.viewer-tip-popover{-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;visibility:hidden;z-index:10;background:#fcfbf7f5;border:1px solid #d8ded8;border-radius:12px;min-width:210px;max-width:250px;padding:10px 12px;transition:opacity .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1),visibility .18s;position:absolute;top:calc(100% + 7px);left:0;transform:translateY(-4px)scale(.97);box-shadow:0 10px 25px -4px #18272424,0 4px 10px #0000000a}.viewer-tip-popover:before{content:"";height:8px;position:absolute;top:-8px;left:0;right:0}.viewer-tip:hover .viewer-tip-popover,.viewer-tip:focus-within .viewer-tip-popover,.viewer-tip-popover.open{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)scale(1)}.viewer-tip-title{color:var(--teal);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:5px;font-size:10px;font-weight:700;display:flex}.viewer-tip-popover p{color:var(--muted);margin:5px 0 0;font-size:10.5px;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{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{background:var(--surface-selected);color:var(--teal)}.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 var(--line);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:var(--surface-control);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 var(--line);color:var(--muted);font-size:9px}.source-links a:hover{color:var(--deep);border-color:var(--deep)}.learning-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.learning-cards article{background:var(--panel);border:1px solid var(--line);border-radius:20px;flex-direction:column;min-height:255px;padding:20px 20px 18px;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden;box-shadow:0 4px 16px #17393a09}.learning-cards article:hover{transform:translateY(-2px);box-shadow:0 10px 28px #17393a12}.learning-cards article header{align-items:flex-start;gap:10px;display:flex}.learning-cards article header>div{margin-right:auto}.learning-cards article header em{color:var(--teal);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-style:normal;font-weight:600}.learning-cards article header h3{font-family:var(--font-display);margin:5px 0 0;font-size:20px;font-weight:600;line-height:1.2}.learning-cards article header svg{color:#748882;flex-shrink:0;width:20px;height:20px;margin-top:2px}.learning-cards article>button,.learning-cards article>a{border:0;border-top:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:8px;min-height:44px;margin:auto -20px -18px;padding:0 20px;font-size:12.5px;font-weight:600;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.learning-cards article>button:hover,.learning-cards article>a:hover{background:var(--surface-control);color:var(--teal)}.learning-cards article>button svg,.learning-cards article>a svg{flex-shrink:0;width:14px;height:14px;transition:transform .15s}.learning-cards article>button:hover svg,.learning-cards article>a:hover svg{transform:translate(3px)}.card-visual{flex:1;justify-content:center;align-items:center;min-height:120px;margin:10px 0;display:flex;position:relative}.shell-visual i{border:1px solid #2d777352;border-radius:50%;position:absolute}.shell-visual i b{background:var(--teal);color:#fff;font-family:var(--font-mono);border-radius:50%;padding:2px 5px;font-size:9px;font-weight:600;position:absolute;top:45%;right:-7px}.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:38px;height:38px;font-size:17px;font-weight:700;display:flex;box-shadow:0 4px 12px #17393a33}.trend-visual{gap:16px}.trend-visual span{flex-direction:column;align-items:center;display:flex}.trend-visual span b{font-family:var(--font-display);font-size:28px;font-weight:700}.trend-visual span small{color:var(--muted);font-family:var(--font-mono);margin-top:2px;font-size:11px;font-weight:500}.trend-visual>i{color:var(--teal);font-size:20px;font-style:normal}.resource-copy{color:#485954;font-family:var(--font-display);-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:14px 0 16px;font-size:16.5px;font-weight:500;line-height:1.48;display:-webkit-box;overflow:hidden}.drawer-backdrop{display:none}.dialog-backdrop{-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);z-index:100;background:#0e1e1f94;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-close{background:var(--surface-control);border:1px solid var(--line);color:var(--muted);cursor:pointer;z-index:3;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex;position:absolute;top:20px;right:20px}.dialog-close:hover{background:var(--surface-selected);border-color:var(--teal);color:var(--deep)}.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(220px,1fr) 180px auto;gap:9px;margin-bottom:18px;display:grid}.periodic-3d-link{background:var(--deep);border:1px solid var(--deep);color:#fff;cursor:pointer;white-space:nowrap;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-size:11px;font-weight:600;text-decoration:none;transition:background-color .16s,border-color .16s,transform .1s ease-out;display:inline-flex}.periodic-3d-link:hover{background:var(--teal);border-color:var(--teal);color:#fff;transform:translateY(-1px)}.periodic-3d-link:active{transform:scale(.97)}.periodic-3d-link svg{flex-shrink:0}.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}.periodic-grid>.fblock-anchor-marker{border:1px dashed var(--line);cursor:pointer;text-align:center;background:#1632330a;border-radius:8px;align-content:center;padding:4px;transition:background .15s,border-color .15s;display:grid}.periodic-grid>.fblock-anchor-marker:hover{border-color:var(--muted);background:#16323317}.periodic-grid>.fblock-anchor-marker small{color:var(--muted);font-family:var(--font-mono);font-size:7.5px}.periodic-grid>.fblock-anchor-marker b{color:var(--ink);font-family:var(--font-display);font-size:13px;line-height:1}.periodic-grid>.fblock-anchor-marker span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:6.5px;overflow:hidden}.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 .periodic-grid>.fblock-anchor-marker{padding:clamp(1px,.35cqw,4px)}.periodic-dialog .periodic-grid .fblock-anchor-marker small{font-size:clamp(5px,.55cqw,6.5px)}.periodic-dialog .periodic-grid .fblock-anchor-marker b{font-size:clamp(7px,1.1cqw,13px)}.periodic-dialog .periodic-grid .fblock-anchor-marker span{font-size:clamp(4.5px,.45cqw,6px)}.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(2,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(5,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{--scrollbar-thumb:#9fdbcd61;--scrollbar-thumb-hover:#9fdbcda6;--scrollbar-track:#0000002e;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-values i[data-element]{vertical-align:middle;border-radius:50%;width:6px;height:6px;display:inline-block}.compare-values i[data-element=primary]{background:#82cfc3;margin-right:4px}.compare-values i[data-element=secondary]{background:#d6b45b;margin-left:4px}.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{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}}@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}.learning-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.app-shell{padding:6px 10px calc(25px + env(safe-area-inset-bottom))}.topbar{min-height:52px;top:max(6px, env(safe-area-inset-top));border-radius:16px;padding:6px 8px;display:flex}.brand{gap:8px}.brand-mark{border-radius:10px;width:34px;height:34px}.brand-mark svg{width:17px;height:17px}.brand strong{font-size:18px}.brand em{margin-top:2px;font-size:9.5px}.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:140px;min-height:42px;margin-left:auto;padding:4px 8px;display:flex}.mobile-context-action:active{transform:scale(.96)}.mobile-context-action>svg{color:var(--teal);flex:none;width:15px;height:15px}.mobile-context-action>span{flex-direction:column;min-width:0;display:flex}.mobile-context-action strong{font-size:11.5px}.mobile-context-action small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;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:#f9f8f3d1;border:1px solid #fffc;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:50px;padding:4px;font-size:10px;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:18px;height:18px}.workspace,.reaction-workspace{flex-direction:column;min-height:0;margin-top:10px;display:flex}.element-library,.reaction-library{max-height:82dvh;padding:12px 16px calc(80px + env(safe-area-inset-bottom));pointer-events:none;visibility:hidden;z-index:95;border-radius:24px 24px 0 0;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s linear .28s;position:fixed;bottom:0;left:0;right:0;transform:translateY(105%)}.element-library:before,.reaction-library:before,.dialog-card:before{content:"";background:#17393a38;border-radius:99px;width:36px;height:4px;margin:0 auto 10px;display:block}.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:52dvh}.viewer-shell{border-radius:20px;order:1;min-height:min(64dvh,560px)}.info-panel{word-break:break-word;order:2;max-height:none;padding:22px 18px}.viewer-view-switcher{z-index:6;top:12px}.switcher-btn{min-height:36px;padding:4px 10px;font-size:11px}.orbital-bar{z-index:6;max-width:none;top:48px;left:8px;right:8px;transform:none}.subshell-chips{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;max-width:100%;padding:2px;overflow-x:auto}.subshell-chips::-webkit-scrollbar{display:none}.chip{flex:none;min-height:34px;padding:4px 10px;font-size:11px}.orbital-legend{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:6px;padding:4px 10px;font-size:10.5px;overflow-x:auto}.orbital-legend::-webkit-scrollbar{display:none}.viewer-tools{-webkit-backdrop-filter:blur(24px)saturate(180%)!important;backdrop-filter:blur(24px)saturate(180%)!important;overscroll-behavior-x:contain!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;z-index:6!important;background:#faf9f5f0!important;border:1px solid #183e3a1a!important;border-radius:99px!important;flex-flow:row!important;align-items:center!important;gap:6px!important;max-width:none!important;height:48px!important;max-height:48px!important;padding:4px 6px!important;display:flex!important;position:absolute!important;inset:auto 8px 54px!important;overflow:auto hidden!important;transform:none!important;box-shadow:0 4px 20px #183e3a17!important}.viewer-tools::-webkit-scrollbar{display:none!important}.viewer-tools button{touch-action:manipulation!important;border-radius:99px!important;flex-direction:row!important;flex:none!important;justify-content:center!important;align-items:center!important;gap:6px!important;width:auto!important;min-width:44px!important;height:38px!important;min-height:38px!important;padding:0 13px!important;transition:background-color .16s,color .16s,transform .1s ease-out!important;display:flex!important}.viewer-tools button svg{flex:none!important;width:15px!important;height:15px!important}.viewer-tools button span{clip-path:none!important;text-align:left!important;white-space:nowrap!important;width:auto!important;height:auto!important;font-size:12px!important;font-weight:650!important;line-height:1!important;position:static!important;overflow:visible!important}.viewer-tools button:active{transform:scale(.94)!important}.atomic-stamp{z-index:5;top:12px;right:12px}.atomic-stamp b{font-size:26px}.atomic-stamp small{font-size:9px}.atomic-stamp span{display:none}.viewer-tip{z-index:5;top:12px;left:10px}.viewer-tip-popover{min-width:180px;max-width:min(260px,100vw - 24px)}.viewer-caption{display:none}.auto-rotate{z-index:6;background:#faf9f5f0;border:1px solid #183e3a1a;border-radius:99px;height:38px;min-height:38px;padding:0 13px;font-size:11.5px;font-weight:650;position:absolute;bottom:8px;left:8px;transform:none;box-shadow:0 2px 10px #183e3a14}.structure-guide{z-index:7;bottom:8px;left:auto;right:8px}.structure-guide-toggle{background:#faf9f5f0;border:1px solid #183e3a1a;border-radius:99px;height:38px;min-height:38px;padding:0 13px;font-size:11.5px;font-weight:650;box-shadow:0 2px 10px #183e3a14}.structure-guide.open{z-index:10;background:#fcfbf7fa;border-radius:16px;width:auto;max-height:calc(100% - 16px);padding:12px;bottom:8px;left:8px;right:8px;overflow-y:auto;box-shadow:0 16px 45px #122c2d38}.learning-cards-header-mobile{justify-content:space-between;align-items:center;margin-top:8px;padding:0 4px;display:flex}.learning-cards-header-mobile span{color:var(--deep);font-family:var(--font-display,serif);font-size:16px;font-weight:700}.learning-cards-header-mobile small{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:600}.learning-cards{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-direction:row;gap:12px;margin-inline:-10px;padding:6px 12px 16px;display:flex;overflow-x:auto}.learning-cards::-webkit-scrollbar{display:none}.learning-cards article{box-sizing:border-box;scroll-snap-align:center;scroll-snap-stop:always;border-radius:20px;flex:0 0 calc(100vw - 44px);max-width:350px;min-height:auto;padding:20px 18px;box-shadow:0 4px 18px #183e3a0f}.learning-cards article>button,.learning-cards article>a,.learning-cards article .card-actions-split a,.learning-cards article .card-actions-split button{border-radius:12px;min-height:46px;padding:0 16px;font-size:13px;font-weight:650}.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{max-width:none;max-height:90dvh;padding:14px 16px calc(80px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.dialog-card>h2{font-size:25px}.table-controls{grid-template-columns:1fr}.dialog-backdrop:has(.periodic-dialog){align-items:center;padding:6px}.dialog-card.periodic-dialog{border-radius:16px;max-width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:none;padding:12px 10px 10px}.dialog-card.periodic-dialog:before{display:none}.periodic-dialog .dialog-close{width:28px;height:28px;top:10px;right:10px}.periodic-dialog .dialog-eyebrow{margin-bottom:3px;font-size:10px}.periodic-dialog>h2{margin-bottom:6px;font-size:20px}.periodic-dialog .table-controls{flex-wrap:wrap;gap:5px;margin-bottom:6px;display:flex}.periodic-dialog .table-controls label{flex:120px}.periodic-dialog .table-controls select{flex:0 105px}.periodic-dialog .table-controls .periodic-3d-link{flex:none;gap:5px;min-height:38px;padding:5px 10px;font-size:11px}.periodic-dialog .table-controls label,.periodic-dialog .table-controls select{min-height:38px;padding:6px 10px;font-size:11px}.periodic-dialog .periodic-scroll-hint{color:var(--muted);letter-spacing:.02em;flex:none;align-items:center;gap:5px;margin:0 0 5px;font-size:11px;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;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 12px calc(100% - 12px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 12px calc(100% - 12px),#0000 100%);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:9px}.periodic-dialog .periodic-grid button b{font-size:18px}.periodic-dialog .periodic-grid button span{font-size:9px;display:block}.periodic-dialog .period-label{font-size:10px;display:block}.periodic-dialog .category-legend{scrollbar-width:none;flex-wrap:nowrap;gap:4px;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:5px;min-height:34px;padding:4px 8px;font-size:10.5px}.periodic-dialog .category-legend i{width:8px;height:8px}.tour-dialog{border-radius:24px 24px 0 0}.tour-visual{height:130px}.tour-copy{font-size:15px}.tour-footer{flex-direction:column;align-items:flex-start;gap:12px}.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:74px}.progress-overview{grid-template-columns:1fr 1fr}.progress-collections{grid-template-columns:1fr}.install-card{flex-direction:column;align-items:flex-start;gap:10px}.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(68px + env(safe-area-inset-bottom));border-radius:18px;width:calc(100% - 16px);max-height:calc(100dvh - 84px);padding:14px}.comparison-heads{gap:8px;padding-right:24px}.comparison-metrics{grid-template-columns:1fr;gap:7px}.compare-metric{padding:9px 11px}.compare-bars>i{height:5px}.comparison-context{grid-template-columns:repeat(3,1fr);gap:4px}.comparison-insight p{font-size:11.5px}.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;gap:6px;padding:8px}.equation-side{overflow-x:auto}.coefficient-stepper button{border-radius:8px;justify-content:center;align-items:center;min-width:36px;min-height:36px;display:flex}.reaction-arrow{justify-self:center;margin:2px 0;transform:rotate(90deg)}.reaction-viewer{min-height:360px}.reaction-viewer .viewer-tip{top:12px}.balance-panel{grid-template-columns:1fr}.lab-actions{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.lab-actions .check-button{order:-1;grid-column:1/-1;min-height:44px;font-size:12.5px;font-weight:700}.lab-actions button{justify-content:center;min-height:40px;padding:0 6px;font-size:11.5px}.reaction-result-card{grid-template-columns:1fr;gap:12px}.reaction-grade{min-height:110px}.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 article{padding:14px}.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:30px}.species-control>span strong{font-size:16px}.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){:root{--scrollbar-thumb:var(--deep);--scrollbar-thumb-hover:var(--ink);--scrollbar-track:#e0ded5}.comparison-panel{--scrollbar-thumb:#fff;--scrollbar-thumb-hover:#9fdbcd;--scrollbar-track:#000}.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{-webkit-backdrop-filter:blur(8px);z-index:6;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:10.5px;font-weight:500;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}.switcher-tooltip{-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;visibility:hidden;z-index:15;background:#fcfbf7f7;border:1px solid #d8ded8;border-radius:12px;min-width:230px;max-width:280px;padding:10px 13px;transition:opacity .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1),visibility .18s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(-4px)scale(.97);box-shadow:0 10px 25px -4px #18272424,0 4px 10px #0000000a}.switcher-tooltip:before{content:"";height:10px;position:absolute;top:-10px;left:0;right:0}.viewer-view-switcher:hover .switcher-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)scale(1)}.switcher-tooltip-title{color:var(--teal);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:5px;font-size:9.5px;font-weight:700;display:flex}.switcher-tooltip p{color:var(--muted);text-align:left;margin:5px 0 0;font-size:11px;line-height:1.45}.orbital-bar{z-index:4;flex-direction:column;align-items:center;gap:6px;max-width:90%;display:flex;position:absolute;top:60px;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}.molecule-workspace{width:100%}.molecule-grid{grid-template-columns:290px minmax(500px,1fr) 370px;gap:16px;min-height:calc(100dvh - 90px);margin-top:14px;display:grid}.molecule-library{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;height:calc(100dvh - 104px);min-height:0;padding:16px 14px;display:flex;position:sticky;top:86px;overflow:hidden}.library-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.library-title-row{color:var(--deep);align-items:center;gap:8px;display:flex}.library-title-row h2{font-family:var(--font-display);margin:0;font-size:19px;font-weight:600}.builder-trigger-btn{color:var(--teal);cursor:pointer;background:#e6efea;border:1px solid #c6ddd4;border-radius:99px;align-items:center;gap:5px;padding:6px 11px;font-size:11px;font-weight:600;transition:all .18s;display:inline-flex}.builder-trigger-btn:hover{background:var(--teal);border-color:var(--teal);color:#fff}.library-search{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;display:flex;position:relative}.library-search input{color:var(--ink);background:0 0;border:none;outline:none;width:100%;font-size:12px}.search-clear{cursor:pointer;background:#e5e7eb;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;display:flex}.category-filter-chips{flex-wrap:wrap;gap:6px;margin-top:10px;padding-bottom:8px;display:flex}.filter-chip{color:var(--muted);cursor:pointer;background:#f0f1eb;border:1px solid #0000;border-radius:99px;padding:4px 9px;font-size:10px;transition:all .15s}.filter-chip:hover{color:var(--ink);background:#e6e8e0}.filter-chip.active{color:var(--teal);background:#e0eee8;border-color:#b5d5c9;font-weight:600}.molecule-list{flex-direction:column;gap:4px;min-height:0;margin-top:8px;padding-right:4px;display:flex;overflow-y:auto}.molecule-list-item{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;grid-template-columns:46px 1fr auto;align-items:center;gap:10px;width:100%;padding:8px 10px;transition:all .15s;display:grid}.molecule-list-item:hover{background:#f0f2eb}.molecule-list-item.active{background:#e8f2ee;border-color:#bad9ce}.item-formula{color:var(--deep);font-family:var(--font-mono);background:#17393a0f;border-radius:9px;justify-content:center;align-items:center;width:46px;height:36px;font-size:12px;font-weight:700;display:flex}.item-details{flex-direction:column;min-width:0;display:flex}.item-details strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.item-meta{align-items:center;gap:6px;margin-top:2px;display:flex}.axe-tag{color:#0369a1;font-family:var(--font-mono);background:#e0f2fe;border-radius:4px;padding:1px 4px;font-size:9px;font-weight:600}.geom-tag{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.active-arrow{color:var(--teal)}.empty-search-state{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:30px 10px;display:flex}.reset-search-btn{color:var(--ink);cursor:pointer;background:#e8ece7;border:none;border-radius:99px;padding:6px 14px;font-size:11px}.molecule-center-stage{flex-direction:column;gap:12px;min-width:0;display:flex}.stage-topbar{justify-content:space-between;align-items:center;padding:4px 6px 0;display:flex}.molecule-title-block{flex-direction:column;display:flex}.title-row{align-items:center;gap:10px;display:flex}.title-row h1{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(26px,2.8vw,38px);font-weight:600;line-height:1}.fav-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.fav-btn:hover{color:var(--ink);background:#eef1ea}.fav-btn.favorited{color:var(--gold)}.molecule-iupac{color:var(--muted);margin:4px 0 0;font-size:12px}.stage-actions{gap:8px;display:flex}.quiz-action-btn{background:var(--deep);color:#fff;cursor:pointer;border:1px solid #ffffff26;border-radius:99px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;transition:transform .15s;display:inline-flex}.quiz-action-btn:hover{transform:scale(1.02)}.stage-canvas-container{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:radial-gradient(circle at 50% 40%,#8ed6cb38,#0000 60%),linear-gradient(#fbfaf5 0%,#f1efe6 100%);flex-direction:column;height:calc(100dvh - 200px);min-height:480px;display:flex;position:relative;overflow:hidden}.molecule-viewer-shell{cursor:grab;touch-action:none;flex:1;width:100%;height:100%;position:relative}.molecule-viewer-shell:active{cursor:grabbing}.molecule-viewer-shell.fullscreen{z-index:100;border-radius:0;width:100vw!important;height:100dvh!important;position:fixed!important;inset:0!important}.viewer-floating-top{z-index:5;gap:10px;display:flex;position:absolute;top:18px;left:18px}.molecule-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);background:#fbfaf5eb;border-radius:99px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex}.molecule-badge strong{color:var(--deep);font-family:var(--font-mono);font-size:13px}.molecule-badge span{color:var(--muted)}.polarity-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:99px;align-items:center;gap:5px;padding:6px 12px;font-size:11px;font-weight:600;display:flex}.polarity-badge.polar{color:#0284c7;background:#e0f2feeb;border:1px solid #93c5fd}.polarity-badge.non-polar{color:#16a34a;background:#f0fdf4eb;border:1px solid #86efac}.atom-hover-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;pointer-events:none;z-index:5;background:#17393aeb;border:1px solid #ffffff26;border-radius:10px;flex-direction:column;padding:8px 12px;font-size:11px;display:flex;position:absolute;bottom:80px;left:18px}.atom-hover-card strong{font-size:14px}.viewer-floating-bottom{z-index:5;align-items:center;gap:8px;display:flex;position:absolute;bottom:74px;right:18px}.viewer-icon-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fbfaf5eb;border-radius:99px;align-items:center;gap:5px;padding:6px 10px;font-size:11px;transition:all .15s;display:inline-flex}.viewer-icon-btn:hover{background:#fff;border-color:#adb9b3}.measure-status{color:#fff;background:#0284c7;border-radius:99px;align-items:center;gap:5px;padding:6px 12px;font-size:11px;font-weight:500;display:flex}.viewer-toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);z-index:4;background:#fbfaf5f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.toolbar-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.toolbar-label{color:var(--muted);margin-right:2px;font-size:11px;font-weight:500}.toolbar-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;padding:5px 9px;font-size:11px;transition:all .15s}.toolbar-btn:hover{color:var(--ink);background:#f0f2eb}.toolbar-btn.active{color:var(--teal);background:#e6efea;border-color:#bad9ce;font-weight:600}.toolbar-toggle-btn{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:5px;padding:5px 9px;font-size:11px;transition:all .15s;display:inline-flex}.toolbar-toggle-btn:hover{color:var(--ink);background:#f0f2eb}.toolbar-toggle-btn.active{color:#0369a1;background:#e0f2fe;border-color:#7dd3fc;font-weight:600}.toolbar-separator{background:var(--line);width:1px;height:20px}.measured-angle-banner{color:#fff;background:#0284c7;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:6px;padding:10px 16px;font-size:13px;display:flex}.measured-angle-banner strong{font-size:15px;text-decoration:underline}.molecule-inspector{flex-direction:column;gap:14px;display:flex}.inspector-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px}.card-heading{border-bottom:1px solid #e6e8e0;align-items:center;gap:8px;padding-bottom:10px;display:flex}.card-heading h3{font-family:var(--font-display);margin:0;font-size:17px;font-weight:600}.axe-badge{color:#1e40af;font-family:var(--font-mono);background:#dbeafe;border-radius:6px;margin-left:auto;padding:2px 7px;font-size:11px;font-weight:700}.specs-list{flex-direction:column;gap:8px;margin:12px 0 0;display:flex}.spec-row{border-bottom:1px solid #edf0ea;grid-template-columns:130px 1fr;align-items:baseline;gap:10px;padding-bottom:6px;display:grid}.spec-row dt{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:11px}.spec-row dd{text-align:right;margin:0;font-size:12px}.highlight-dd{color:var(--teal);font-weight:700}.hybrid-tag{color:#92400e;font-family:var(--font-mono);background:#fef3c7;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.polarity-pill{border-radius:99px;padding:2px 8px;font-size:11px;font-weight:600}.polarity-pill.polar{color:#0284c7;background:#e0f2fe}.polarity-pill.non-polar{color:#15803d;background:#dcfce7}.vsepr-explanation{color:var(--ink);margin:12px 0 0;font-size:12px;line-height:1.5}.lewis-viewer-container{flex-direction:column;gap:8px;display:flex}.lewis-header{flex-direction:column;display:flex}.lewis-header strong{font-family:var(--font-display);font-size:16px}.lewis-header span{color:var(--muted);font-size:11px}.lewis-svg{border:1px dashed var(--line);background:#fbfaf6;border-radius:12px;width:100%;height:140px}.context-section{border-top:1px solid #edf0ea;margin-top:12px;padding-top:10px}.context-section h4{color:var(--deep);margin:0 0 4px;font-size:12px;font-weight:600}.context-section p{color:var(--muted);margin:0;font-size:11px;line-height:1.45}.related-elements-row{border-top:1px solid #edf0ea;flex-direction:column;gap:8px;margin-top:12px;padding-top:10px;display:flex}.related-label{color:var(--muted);font-size:11px;font-weight:500}.related-chips{flex-wrap:wrap;gap:6px;display:flex}.related-chip{background:var(--surface-control);border:1px solid var(--line);color:var(--ink);border-radius:8px;align-items:center;gap:5px;padding:4px 8px;font-size:11px;transition:all .15s;display:inline-flex}.related-chip:hover{background:var(--surface-selected);border-color:var(--teal);color:var(--deep)}.chip-symbol{font-family:var(--font-mono);font-weight:700}.chip-name{opacity:.85;font-size:10px}.saved-molecules-list{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.saved-mol-chip{background:#f0f2eb;border:1px solid #d0d7cf;border-radius:10px;align-items:baseline;gap:6px;padding:6px 10px;transition:all .15s;display:inline-flex}.saved-mol-chip:hover{background:#e2ede8;border-color:#bad4cb}.saved-mol-chip b{font-family:var(--font-mono);font-size:12px}.saved-mol-chip span{font-size:11px;font-weight:600}.saved-mol-chip small{color:var(--muted);font-size:9px}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:120;background:#132f318c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.builder-modal{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;width:100%;max-width:600px;max-height:min(90dvh,740px);display:flex;overflow:hidden;box-shadow:0 24px 60px #00000040}.modal-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title{color:var(--deep);align-items:center;gap:8px;display:flex}.modal-title h2{font-family:var(--font-display);margin:0;font-size:20px;font-weight:600}.modal-close{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;width:28px;height:28px;padding:5px;display:flex}.modal-close:hover{color:var(--ink);background:#e8eae2}.builder-body{flex-direction:column;flex:auto;gap:16px;min-height:0;padding:18px 20px;display:flex;overflow-y:auto}.builder-intro{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.builder-section{border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.section-label{color:var(--deep);font-size:13px;font-weight:700}.section-header-row{justify-content:space-between;align-items:center;display:flex}.add-ligand-btn{color:var(--teal);cursor:pointer;background:#e6efea;border:1px solid #c6ddd4;border-radius:99px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.add-ligand-btn:hover{background:var(--teal);color:#fff}.element-picker-grid{flex-wrap:wrap;gap:6px;display:flex}.elem-select-btn{border:1px solid var(--line);cursor:pointer;font-family:var(--font-mono);background:#fff;border-radius:8px;justify-content:center;align-items:center;width:38px;height:36px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.elem-select-btn:hover{background:#f0f2eb}.elem-select-btn.selected{background:var(--deep);border-color:var(--deep);color:#fff}.ligand-rows{flex-direction:column;gap:8px;display:flex}.ligand-row{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex}.ligand-index{color:var(--muted);font-family:var(--font-mono);width:20px;font-size:11px}.ligand-elem-select{border:1px solid var(--line);font-family:var(--font-mono);background:#f0f2eb;border-radius:6px;padding:4px 8px;font-weight:700}.bond-order-controls{align-items:center;gap:8px;margin-left:auto;display:flex}.order-label{color:var(--muted);font-size:11px}.order-stepper{border:1px solid var(--line);background:#f0f2eb;border-radius:8px;align-items:center;gap:6px;padding:3px 6px;display:flex}.order-stepper button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.order-stepper button:disabled{cursor:not-allowed;opacity:.4}.order-val{text-align:center;min-width:60px;font-size:11px;font-weight:600}.remove-ligand-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.lone-pairs-stepper{border:1px solid var(--line);background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:16px;padding:10px;display:flex}.stepper-btn{border:1px solid var(--line);cursor:pointer;background:#f0f2eb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.stepper-btn:disabled{cursor:not-allowed;opacity:.4}.stepper-val{text-align:center;min-width:80px;font-size:14px;font-weight:700}.modal-footer{border-top:1px solid var(--line);flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}.btn-secondary{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:99px;padding:8px 16px;font-size:12px;font-weight:500}.btn-primary{background:var(--teal);border:1px solid var(--teal);color:#fff;cursor:pointer;border-radius:99px;align-items:center;gap:6px;padding:8px 18px;font-size:12px;font-weight:600;display:inline-flex}.btn-primary:hover{background:#23635f}@media (max-width:1200px){.molecule-grid{grid-template-columns:260px 1fr 320px}}@media (max-width:990px){.molecule-grid{flex-direction:column;margin-bottom:24px;display:flex}.molecule-library{z-index:95;height:100dvh;display:none;position:fixed;inset:0}.molecule-library.mobile-open{display:flex}.stage-canvas-container{height:55dvh;min-height:400px}}.trends-workspace{width:100%}.trends-topbar{justify-content:space-between;align-items:center;margin-top:14px;padding:0 4px;display:flex}.trends-heading-block{flex-direction:column;display:flex}.trends-heading-block h1{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(26px,2.8vw,38px);font-weight:600;line-height:1.1}.trends-badge{color:#0284c7;background:#e0f2fe;border:1px solid #bae6fd;border-radius:99px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.trends-subtitle{color:var(--muted);margin:4px 0 0;font-size:13px}.trends-actions{gap:8px;display:flex}.property-selector-strip{border-bottom:1px solid var(--line);margin-top:14px;padding-bottom:10px}.property-chips-scroll{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.property-tab-chip{background:var(--panel);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:12px;align-items:center;gap:7px;padding:7px 12px;transition:all .15s;display:inline-flex}.property-tab-chip:hover{background:#f0f2eb;border-color:#cbd5cb}.property-tab-chip.active{background:#e6efea;border-color:#9ac2b3;box-shadow:0 2px 8px #2d77731f}.prop-symbol{color:var(--deep);font-family:var(--font-mono);background:#17393a14;border-radius:6px;padding:2px 6px;font-size:12px;font-weight:700}.prop-name{color:var(--ink);font-size:12px;font-weight:600}.property-tab-chip.active .prop-name{color:var(--teal)}.prop-unit{color:var(--muted);font-size:10px}.trends-grid{grid-template-columns:minmax(620px,1fr) 380px;gap:16px;min-height:calc(100dvh - 200px);margin-top:14px;display:grid}.trends-center-stage{flex-direction:column;gap:10px;min-width:0;display:flex}.stage-mode-toolbar{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:6px 12px;display:flex}.mode-tabs{gap:6px;display:flex}.mode-tab{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.mode-tab:hover{color:var(--ink);background:#f0f2eb}.mode-tab.active{background:var(--deep);color:#fff;font-weight:600}.tab-pill{color:#fff;background:#f59e0b;border-radius:99px;padding:1px 6px;font-size:10px;font-weight:700}.palette-controls{align-items:center;gap:8px;display:flex}.palette-icon{color:var(--muted)}.palette-select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;outline:none;padding:4px 8px;font-size:11px}.exaggeration-slider{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.exaggeration-slider input{accent-color:var(--teal);cursor:pointer;width:65px}.stage-viewport-shell{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:radial-gradient(circle at 50% 40%,#8ed6cb26,#0000 60%),linear-gradient(#fbfaf5 0%,#f1efe6 100%);flex-direction:column;height:calc(100dvh - 255px);min-height:520px;display:flex;position:relative;overflow:hidden}.trend-elevation-shell{cursor:grab;touch-action:none;flex:1;width:100%;height:100%;position:relative}.trend-elevation-shell:active{cursor:grabbing}.trend-elevation-shell.fullscreen{z-index:100;border-radius:0;width:100vw!important;height:100dvh!important;position:fixed!important;inset:0!important}.elevation-canvas-mount{width:100%;height:100%}.elevation-floating-top{z-index:5;gap:12px;display:flex;position:absolute;top:18px;left:18px}.elevation-prop-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);background:#fbfaf5eb;border-radius:99px;align-items:center;gap:7px;padding:6px 12px;font-size:12px;display:flex}.elevation-prop-badge strong{color:var(--deep)}.elevation-prop-badge span{color:var(--muted);font-size:11px}.palette-gradient-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);background:#fbfaf5eb;border-radius:99px;flex-direction:column;align-items:center;gap:3px;padding:5px 12px;display:flex}.gradient-strip{border-radius:99px;width:130px;height:7px}.gradient-labels{justify-content:space-between;width:130px;font-size:9px;font-weight:600;display:flex}.elevation-hover-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;pointer-events:none;z-index:5;background:#17393af0;border:1px solid #ffffff26;border-radius:12px;flex-direction:column;gap:3px;padding:10px 14px;display:flex;position:absolute;bottom:74px;left:18px}.hover-header{align-items:center;gap:6px;display:flex}.hover-number{opacity:.75;font-size:10px}.hover-symbol{font-family:var(--font-mono);font-size:15px}.hover-name{font-size:12px;font-weight:500}.hover-value-row{align-items:baseline;gap:6px;font-size:12px;display:flex}.hover-value-row b{color:#8ed6cb;font-size:13px}.hover-click-hint{color:#94a3b8;margin-top:2px;font-size:9px}.elevation-floating-controls{z-index:5;align-items:center;gap:8px;display:flex;position:absolute;bottom:18px;right:18px}.preset-btn-group{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);background:#fbfaf5eb;border-radius:99px;padding:3px;display:flex}.preset-btn{color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:99px;align-items:center;gap:4px;padding:5px 9px;font-size:11px;transition:all .15s;display:inline-flex}.preset-btn:hover{background:#fff}.preset-btn.icon-only{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);background:#fbfaf5eb;border-radius:99px;padding:7px}.heatmap-table-container{flex-direction:column;height:100%;padding:14px;display:flex}.heatmap-top-row{border-bottom:1px solid #e8ebe4;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.heatmap-trend-vectors{gap:16px;display:flex}.trend-vector{align-items:center;gap:5px;font-size:11px;display:inline-flex}.vector-icon{color:var(--teal)}.block-filter-group{align-items:center;gap:6px;display:flex}.filter-label{color:var(--muted);align-items:center;gap:4px;font-size:11px;display:inline-flex}.block-chip{color:var(--muted);cursor:pointer;background:#f0f1eb;border:1px solid #0000;border-radius:6px;padding:3px 7px;font-size:10px}.block-chip:hover{color:var(--ink);background:#e2e4dc}.block-chip.active{background:var(--deep);color:#fff;font-weight:600}.heatmap-scroll-wrapper{flex:1;padding-top:10px;overflow-x:auto}.heatmap-grid{grid-template-rows:repeat(10,minmax(40px,1fr));grid-template-columns:repeat(18,minmax(36px,1fr));gap:4px;min-width:780px;display:grid;position:relative}.heatmap-cell{cursor:pointer;border:1px solid #00000014;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;padding:2px 1px;transition:transform .12s,box-shadow .12s;display:flex;position:relative}.heatmap-cell:hover{z-index:10;transform:scale(1.18);box-shadow:0 4px 12px #00000040}.heatmap-cell.selected{z-index:9;border:2px solid #0284c7;transform:scale(1.12);box-shadow:0 0 0 2px #0284c766}.heatmap-cell.dimmed{opacity:.25}.cell-number{opacity:.75;font-size:8px;line-height:1}.cell-symbol{font-family:var(--font-mono);font-size:12px;font-weight:700;line-height:1.1}.cell-value{opacity:.9;font-size:8px;line-height:1}.heatmap-footer{border-top:1px solid #e8ebe4;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;display:flex}.footer-legend{align-items:center;gap:8px;font-size:10px;font-weight:600;display:flex}.legend-bar{border-radius:99px;width:140px;height:8px}.heatmap-quick-hover{background:var(--panel);border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;padding:4px 10px;font-size:11px;display:flex}.rank-badge{color:#0369a1;background:#e0f2fe;border-radius:4px;padding:1px 5px;font-weight:700}.trends-graph-container{flex-direction:column;height:100%;padding:14px;display:flex}.graph-controls-row{justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.graph-mode-tabs{gap:6px;display:flex}.graph-tab-btn{background:var(--panel);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;transition:all .15s;display:inline-flex}.graph-tab-btn:hover{color:var(--ink);background:#f0f2eb}.graph-tab-btn.active{background:var(--teal);border-color:var(--teal);color:#fff;font-weight:600}.scatter-secondary-select{align-items:center;gap:6px;font-size:11px;display:flex}.scatter-secondary-select select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:4px 8px;font-size:11px}.graph-svg-wrapper{flex:1;width:100%;position:relative}.trends-chart-svg{width:100%;height:100%;overflow:visible}.graph-dot{cursor:pointer;transition:r .15s}.period-legend-bar{gap:12px;display:flex;position:absolute;bottom:24px;right:20px}.period-legend-pill{background:#ffffffd9;border-radius:99px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;display:flex}.period-legend-pill i{border-radius:50%;width:6px;height:6px}.graph-hover-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;pointer-events:none;background:#17393af0;border-radius:8px;flex-direction:column;padding:6px 12px;font-size:11px;display:flex;position:absolute;bottom:20px;left:20px}.anomalies-workspace{flex-direction:column;gap:14px;height:100%;padding:16px;display:flex;overflow-y:auto}.anomalies-header{border-bottom:1px solid var(--line);align-items:flex-start;gap:10px;padding-bottom:10px;display:flex}.anomalies-header h3{font-family:var(--font-display);margin:0;font-size:18px}.anomalies-header p{color:var(--muted);margin:2px 0 0;font-size:12px}.anomalies-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}.anomaly-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;gap:6px;padding:14px;transition:all .15s;display:flex}.anomaly-card:hover{border-color:var(--teal);box-shadow:0 4px 14px #0000000f}.anomaly-card.active{border-color:#0284c7;box-shadow:0 0 0 2px #0284c733}.anomaly-card-top{justify-content:space-between;align-items:center;display:flex}.anomaly-prop-tag{color:#0369a1;background:#e0f2fe;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.anomaly-key{color:#92400e;font-family:var(--font-mono);background:#fef3c7;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.anomaly-card h4{font-family:var(--font-display);margin:2px 0 0;font-size:15px}.anomaly-principle{color:var(--deep);margin:0;font-size:11px}.anomaly-copy{color:var(--muted);margin:0;font-size:11px;line-height:1.45}.involved-elements-row{border-top:1px solid #edf0ea;align-items:center;gap:6px;margin-top:auto;padding-top:8px;display:flex}.involved-elements-row span{color:var(--muted);font-size:10px}.involved-elem-pill{cursor:pointer;background:#f0f2eb;border:1px solid #d5dbd3;border-radius:6px;align-items:center;gap:4px;padding:2px 6px;display:inline-flex}.involved-elem-pill:hover{background:var(--teal);color:#fff}.involved-elem-pill b{font-family:var(--font-mono);font-size:11px}.involved-elem-pill small{opacity:.8;font-size:9px}.trends-inspector{flex-direction:column;gap:14px;display:flex}.element-trend-profile{flex-direction:column;gap:12px;display:flex}.profile-header{border-bottom:1px solid #e8ebe4;align-items:center;gap:10px;padding-bottom:10px;display:flex}.elem-badge{border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:inset 0 0 0 1px #00000014}.elem-number{opacity:.75;font-size:9px;line-height:1}.elem-symbol{font-family:var(--font-mono);font-size:16px;font-weight:700;line-height:1}.elem-title-block h3{font-family:var(--font-display);margin:0;font-size:18px}.elem-category-label{color:var(--muted);font-size:11px}.selected-trend-stat-box{background:#f0f4f1;border:1px solid #d0ded6;border-radius:12px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.stat-label-row{justify-content:space-between;align-items:center;display:flex}.stat-label-row span{color:var(--deep);font-size:12px;font-weight:600}.unit-pill{color:var(--deep);background:#17393a14;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:600}.stat-value-display strong{color:var(--teal);font-family:var(--font-display);font-size:24px;font-weight:700}.stat-rank-bar{border-top:1px solid #dbe6e0;gap:16px;margin-top:4px;padding-top:6px;display:flex}.rank-metric{flex-direction:column;display:flex}.rank-metric small{color:var(--muted);text-transform:uppercase;font-size:9px}.rank-metric b{color:var(--ink);font-size:12px}.cross-trend-stats{border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.cross-stat-row{justify-content:space-between;align-items:baseline;display:flex}.cs-label{color:var(--muted);font-size:11px}.cs-val{color:var(--ink);font-family:var(--font-mono);font-size:11px}.inspector-actions{flex-direction:column;gap:6px;display:flex}.inspector-nav-link{background:var(--deep);color:#fff;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.inspector-nav-link:hover{background:#235859}.inspector-nav-link.secondary{background:var(--surface-control);border:1px solid var(--line);color:var(--ink)}.inspector-nav-link.secondary:hover{background:var(--surface-selected);color:var(--deep)}.link-arrow{margin-left:auto}.trend-physics-card{flex-direction:column;gap:10px;display:flex}.trend-desc{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.rules-block{flex-direction:column;gap:8px;display:flex}.rule-item{background:#fff;border:1px solid #edf0ea;border-radius:8px;padding:8px 10px}.rule-item strong{color:var(--deep);margin-bottom:2px;font-size:11px;display:block}.rule-item p{color:var(--muted);margin:0;font-size:11px;line-height:1.4}.physics-callout{background:#eef5f3;border:1px solid #d5e2dc;border-radius:8px;padding:8px 10px}.callout-title{color:var(--deep);margin-bottom:2px;font-size:11px;font-weight:700;display:block}.physics-callout p{color:var(--ink);margin:0;font-size:11px;line-height:1.4}.relevant-anomalies-list{border-top:1px solid #edf0ea;flex-direction:column;gap:6px;padding-top:8px;display:flex}.anomalies-heading{color:#d97706;align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.anomaly-trigger-chip{color:var(--ink);cursor:pointer;text-align:left;background:#fff;border:1px solid #fed7aa;border-radius:8px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:11px;transition:all .15s;display:flex}.anomaly-trigger-chip:hover{background:#fff7ed;border-color:#f97316}.card-actions-split{gap:8px;margin-top:10px;display:flex}.card-actions-split button,.card-actions-split a{background:var(--surface-control);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.card-actions-split button:hover,.card-actions-split a:hover{background:var(--surface-selected);border-color:var(--teal);color:var(--deep)}@media (max-width:1100px){.trends-grid{flex-direction:column;margin-bottom:24px;display:flex}.stage-viewport-shell{height:60dvh;min-height:450px}}:is([data-theme=dark],html.dark) .mini-tile{background:var(--category)}@supports (color:color-mix(in lab, red, red)){:is([data-theme=dark],html.dark) .mini-tile{background:color-mix(in srgb, var(--category) 22%, #ffffff0f)}}:is([data-theme=dark],html.dark) .mini-tile{border:1px solid var(--category)}@supports (color:color-mix(in lab, red, red)){:is([data-theme=dark],html.dark) .mini-tile{border:1px solid color-mix(in srgb, var(--category) 45%, #ffffff1f)}}:is([data-theme=dark],html.dark) .info-title>span{background:var(--category)}@supports (color:color-mix(in lab, red, red)){:is([data-theme=dark],html.dark) .info-title>span{background:color-mix(in srgb, var(--category) 22%, #14201eeb)}}:is([data-theme=dark],html.dark) .info-title>span{border:1px solid var(--category)}@supports (color:color-mix(in lab, red, red)){:is([data-theme=dark],html.dark) .info-title>span{border:1px solid color-mix(in srgb, var(--category) 50%, #fff3)}}:is([data-theme=dark],html.dark) .info-title>span{box-shadow:0 6px 20px #0006, 0 0 16px var(--category)}@supports (color:color-mix(in lab, red, red)){:is([data-theme=dark],html.dark) .info-title>span{box-shadow:0 6px 20px #0006, 0 0 16px color-mix(in srgb, var(--category) 25%, transparent)}}:is([data-theme=dark],html.dark) .info-title>span{color:var(--ink)}:is([data-theme=dark],html.dark) .shell-visual>strong{background:var(--deep);color:#0c1514;box-shadow:0 0 16px #8ee2d466}:is([data-theme=dark],html.dark) .periodic-grid>button{background:var(--category)}@supports (color:color-mix(in lab, red, red)){:is([data-theme=dark],html.dark) .periodic-grid>button{background:color-mix(in srgb, var(--category) 24%, #12211e)}}:is([data-theme=dark],html.dark) .periodic-grid>button{border:1px solid var(--category)}@supports (color:color-mix(in lab, red, red)){:is([data-theme=dark],html.dark) .periodic-grid>button{border:1px solid color-mix(in srgb, var(--category) 48%, #1f3833)}}:is([data-theme=dark],html.dark) .periodic-grid>button{color:#edf5f2}:is([data-theme=dark],html.dark) .periodic-grid>button.selected{box-shadow:inset 0 0 0 2px var(--deep), 0 0 16px #32a19459}:is([data-theme=dark],html.dark) .periodic-grid>.fblock-anchor-marker{background:#ffffff0a;border-color:#ffffff1f}:is([data-theme=dark],html.dark) .periodic-grid>.fblock-anchor-marker b{color:var(--ink)}:is([data-theme=dark],html.dark) .view-table{color:var(--ink);background:#ffffff0f;border-color:#ffffff1a}:is([data-theme=dark],html.dark) .view-table:hover,:is([data-theme=dark],html.dark) .panel-heading>button:hover,:is([data-theme=dark],html.dark) .panel-heading>button.active{color:var(--deep);background:#38b2a333;border-color:#38b2a359}:is([data-theme=dark],html.dark) .periodic-3d-link{color:var(--deep);background:#ffffff0f;border-color:#ffffff1a}:is([data-theme=dark],html.dark) .periodic-3d-link:hover{background:#38b2a333}:is([data-theme=dark],html.dark) .continue-section{background:linear-gradient(150deg,#153530,#0d211e);border:1px solid #ffffff1a}:is([data-theme=dark],html.dark) .continue-grid>button,:is([data-theme=dark],html.dark) .continue-grid>a{background:#ffffff0d;border-color:#ffffff17}:is([data-theme=dark],html.dark) .continue-grid>button:hover,:is([data-theme=dark],html.dark) .continue-grid>a:hover{background:#38b2a32e;border-color:#38b2a359}:is([data-theme=dark],html.dark) .progress-overview article{background:#ffffff0a;border-color:#ffffff14}:is([data-theme=dark],html.dark) .progress-overview article>i{background:#ffffff1a}:is([data-theme=dark],html.dark) .install-card{background:#ffffff0a;border-color:#ffffff14}:is([data-theme=dark],html.dark) .saved-elements button{background:var(--category)}@supports (color:color-mix(in lab, red, red)){:is([data-theme=dark],html.dark) .saved-elements button{background:color-mix(in srgb, var(--category) 22%, #14201eeb)}}:is([data-theme=dark],html.dark) .saved-elements button{border:1px solid var(--category)}@supports (color:color-mix(in lab, red, red)){:is([data-theme=dark],html.dark) .saved-elements button{border:1px solid color-mix(in srgb, var(--category) 50%, #ffffff26)}}:is([data-theme=dark],html.dark) .saved-elements button{color:var(--ink)}:is([data-theme=dark],html.dark) .saved-mol-chip{color:var(--ink);background:#ffffff0d;border:1px solid #ffffff17}:is([data-theme=dark],html.dark) .completed-list>span{color:var(--ink);background:#ffffff0d;border:1px solid #ffffff14}:is([data-theme=dark],html.dark) .comparison-panel{background:linear-gradient(150deg,#153530,#0d211e);border:1px solid #ffffff1f}:is([data-theme=dark],html.dark) .quiz-options button{color:var(--ink);background:#ffffff0d;border:1px solid #ffffff14}:is([data-theme=dark],html.dark) .quiz-options button span{color:var(--ink);background:#ffffff14;border-color:#ffffff1f}:is([data-theme=dark],html.dark) .quiz-explanation{color:var(--muted);background:#ffffff0d;border:1px solid #ffffff14}:is([data-theme=dark],html.dark) .molecule-list-item{color:var(--ink);background:0 0}:is([data-theme=dark],html.dark) .molecule-list-item:hover{background:#38b2a326!important;border-color:#38b2a34d!important}:is([data-theme=dark],html.dark) .molecule-list-item.active{background:#38b2a33d!important;border-color:#38b2a373!important;box-shadow:inset 0 1px #ffffff14!important}:is([data-theme=dark],html.dark) .item-formula{color:var(--deep);background:#ffffff0f}:is([data-theme=dark],html.dark) .axe-tag{color:#7dd3fc;background:#38bdf829;border:1px solid #38bdf847}:is([data-theme=dark],html.dark) .axe-badge{color:#7dd3fc;background:#38bdf82e;border:1px solid #38bdf852}:is([data-theme=dark],html.dark) .geom-tag{color:var(--muted)}:is([data-theme=dark],html.dark) .reset-search-btn{color:var(--ink);background:#ffffff14;border:1px solid #ffffff1f}:is([data-theme=dark],html.dark) .reset-search-btn:hover{color:var(--deep);background:#38b2a333;border-color:#38b2a366}:is([data-theme=dark],html.dark) .fav-btn:hover{color:var(--ink);background:#ffffff14}:is([data-theme=dark],html.dark) .molecule-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);background:#121e1ceb;border:1px solid #ffffff1f}:is([data-theme=dark],html.dark) .molecule-badge strong{color:var(--deep)}:is([data-theme=dark],html.dark) .molecule-badge span{color:var(--muted)}:is([data-theme=dark],html.dark) .polarity-badge.polar{color:#7dd3fc;background:#0e749038;border:1px solid #38bdf859}:is([data-theme=dark],html.dark) .polarity-badge.non-polar{color:#86efac;background:#15803d38;border:1px solid #4ade8059}:is([data-theme=dark],html.dark) .viewer-icon-btn{color:var(--ink);background:#121e1ceb;border:1px solid #ffffff1f}:is([data-theme=dark],html.dark) .viewer-icon-btn:hover{color:var(--deep);background:#38b2a333;border-color:#38b2a366}:is([data-theme=dark],html.dark) .toolbar-btn{color:var(--muted);background:#ffffff0d;border-color:#ffffff14}:is([data-theme=dark],html.dark) .toolbar-btn:hover{color:var(--ink);background:#ffffff17}:is([data-theme=dark],html.dark) .toolbar-btn.active{color:var(--deep);background:#38b2a338;border-color:#38b2a366;font-weight:600}:is([data-theme=dark],html.dark) .toolbar-toggle-btn{color:var(--muted);background:#ffffff0d;border-color:#ffffff14}:is([data-theme=dark],html.dark) .toolbar-toggle-btn:hover{color:var(--ink);background:#ffffff17}:is([data-theme=dark],html.dark) .toolbar-toggle-btn.active{color:var(--deep);background:#38b2a338;border-color:#38b2a373;font-weight:600}:is([data-theme=dark],html.dark) .card-heading{border-bottom:1px solid #ffffff14}:is([data-theme=dark],html.dark) .spec-row{border-bottom:1px solid #ffffff12}:is([data-theme=dark],html.dark) .hybrid-tag{color:#fcd34d;background:#f59e0b2e;border:1px solid #f59e0b52}:is([data-theme=dark],html.dark) .polarity-pill.polar{color:#7dd3fc;background:#0e749038;border:1px solid #38bdf859}:is([data-theme=dark],html.dark) .polarity-pill.non-polar{color:#86efac;background:#15803d38;border:1px solid #4ade8059}:is([data-theme=dark],html.dark) .lewis-svg{background:#0c1614b3;border:1px dashed #ffffff1f}:is([data-theme=dark],html.dark) .context-section,:is([data-theme=dark],html.dark) .related-elements-row{border-top:1px solid #ffffff14}:is([data-theme=dark],html.dark) .related-chip{color:var(--ink);background:#ffffff0f;border:1px solid #ffffff1a}:is([data-theme=dark],html.dark) .related-chip:hover{color:var(--deep);background:#38b2a333;border-color:#38b2a366}:is([data-theme=dark],html.dark) .builder-modal{color:var(--ink);background:#0f1a18fa;border:1px solid #ffffff1f;box-shadow:0 24px 80px #000000b3}:is([data-theme=dark],html.dark) .builder-section{border:1px solid #ffffff14}:is([data-theme=dark],html.dark) .elem-select-btn{color:var(--ink);background:#ffffff0f;border:1px solid #ffffff1a}:is([data-theme=dark],html.dark) .elem-select-btn:hover{color:var(--deep);background:#38b2a333;border-color:#38b2a359}:is([data-theme=dark],html.dark) .elem-select-btn.selected{background:var(--teal);border-color:var(--teal);color:#0c1514;box-shadow:0 0 14px #38b2a366}:is([data-theme=dark],html.dark) .ligand-row{color:var(--ink);background:#ffffff0a;border:1px solid #ffffff14}:is([data-theme=dark],html.dark) .ligand-elem-select{color:var(--ink);background:#ffffff14;border:1px solid #ffffff1f}:is([data-theme=dark],html.dark) .order-stepper{background:#ffffff0f;border:1px solid #ffffff1a}:is([data-theme=dark],html.dark) .order-stepper button{color:var(--ink);background:#ffffff14;border:1px solid #ffffff1f}:is([data-theme=dark],html.dark) .order-stepper button:hover{color:var(--deep);background:#38b2a338}:is([data-theme=dark],html.dark) .add-ligand-btn{color:var(--deep);background:#38b2a32e;border:1px solid #38b2a359}:is([data-theme=dark],html.dark) .add-ligand-btn:hover{background:var(--teal);color:#0c1514}:is([data-theme=dark],html.dark) .modal-close:hover{color:var(--ink);background:#ffffff14}:is([data-theme=dark],html.dark) .reaction-title>span{color:var(--deep);background:#ffffff0f;border:1px solid #ffffff1a}:is([data-theme=dark],html.dark) .equation-card,:is([data-theme=dark],html.dark) .balance-panel{border:1px solid var(--line);background:#121e1ce0}:is([data-theme=dark],html.dark) .species-control{color:var(--ink);background:#ffffff0d;border:1px solid #ffffff14}:is([data-theme=dark],html.dark) .coefficient-stepper{background:#ffffff0f}:is([data-theme=dark],html.dark) .coefficient-stepper button{color:var(--deep)}:is([data-theme=dark],html.dark) .coefficient-stepper b{color:var(--ink)}:is([data-theme=dark],html.dark) .atom-counts>div{color:var(--ink);background:#ffffff0d;border:1px solid #ffffff14}:is([data-theme=dark],html.dark) .atom-counts>div.balanced{color:#86efac;background:#22c55e26;border-color:#22c55e59}:is([data-theme=dark],html.dark) .atom-counts>div.unbalanced{color:#fca5a5;background:#ef444426;border-color:#ef444459}:is([data-theme=dark],html.dark) .attempt-tracker span{color:var(--muted);background:#ffffff0f;border:1px solid #ffffff14}:is([data-theme=dark],html.dark) .attempt-tracker b{color:var(--ink)}:is([data-theme=dark],html.dark) .lab-actions button{color:var(--ink);background:#ffffff0d;border:1px solid #ffffff1a}:is([data-theme=dark],html.dark) .lab-actions button:hover{color:var(--deep);background:#38b2a32e;border-color:#38b2a359}:is([data-theme=dark],html.dark) .lab-actions .check-button{color:var(--deep);background:#38b2a333;border-color:#38b2a366}:is([data-theme=dark],html.dark) .lab-actions .check-button:hover{background:#38b2a352}:is([data-theme=dark],html.dark) .balance-message.success{color:#86efac;background:#22c55e26;border:1px solid #22c55e4d}:is([data-theme=dark],html.dark) .balance-message.hint{color:#fde047;background:#eab30826;border:1px solid #eab3084d}:is([data-theme=dark],html.dark) .balance-message.error{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}:is([data-theme=dark],html.dark) .related-elements button{background:var(--category)}@supports (color:color-mix(in lab, red, red)){:is([data-theme=dark],html.dark) .related-elements button{background:color-mix(in srgb, var(--category) 25%, #12211e)}}:is([data-theme=dark],html.dark) .related-elements button{border:1px solid var(--category)}@supports (color:color-mix(in lab, red, red)){:is([data-theme=dark],html.dark) .related-elements button{border:1px solid color-mix(in srgb, var(--category) 50%, #ffffff2e)}}:is([data-theme=dark],html.dark) .related-elements button{color:#edf5f2;box-shadow:0 4px 12px #00000059}:is([data-theme=dark],html.dark) .related-elements button:hover{background:var(--category)}@supports (color:color-mix(in lab, red, red)){:is([data-theme=dark],html.dark) .related-elements button:hover{background:color-mix(in srgb, var(--category) 45%, #12211e)}}:is([data-theme=dark],html.dark) .related-elements button:hover{border-color:var(--category)}@supports (color:color-mix(in lab, red, red)){:is([data-theme=dark],html.dark) .related-elements button:hover{border-color:color-mix(in srgb, var(--category) 75%, #ffffff4d)}}:is([data-theme=dark],html.dark) .related-elements button:hover{transform:translateY(-1px)}:is([data-theme=dark],html.dark) .reaction-info li:before{color:var(--deep);background:#38b2a32e}:is([data-theme=dark],html.dark) .safety-note{color:var(--ink);background:#e267591f;border:1px solid #e2675938}:is([data-theme=dark],html.dark) .safety-note p{color:var(--muted)}:is([data-theme=dark],html.dark) .representation-legend span{color:var(--muted);background:#121e1ce6;border:1px solid #ffffff1f}:is([data-theme=dark],html.dark) .representation-legend b{color:var(--ink)}:is([data-theme=dark],html.dark) .auto-rotate,:is([data-theme=dark],html.dark) .reaction-reset-view{color:var(--ink);background:#121e1cf0;border:1px solid #ffffff1f;box-shadow:0 4px 16px #0006}:is([data-theme=dark],html.dark) .auto-rotate:hover,:is([data-theme=dark],html.dark) .reaction-reset-view:hover{color:var(--deep);background:#1a2a28fa;border-color:#38b2a366}:is([data-theme=dark],html.dark) .reaction-fallback span{color:var(--ink);background:#121e1ceb;border:1px solid #ffffff1f}:is([data-theme=dark],html.dark) .rank-badge,:is([data-theme=dark],html.dark) .anomaly-prop-tag{color:#7dd3fc;background:#38bdf82e;border:1px solid #38bdf84d}:is([data-theme=dark],html.dark) .anomaly-key{color:#fcd34d;background:#f59e0b2e;border:1px solid #f59e0b4d}:is([data-theme=dark],html.dark) .involved-elem-pill{color:var(--ink);background:#ffffff0f;border:1px solid #ffffff1a}:is([data-theme=dark],html.dark) .involved-elem-pill:hover{background:var(--teal);border-color:var(--teal);color:#0c1514}:is([data-theme=dark],html.dark) .period-legend-pill{color:var(--ink);background:#121e1ce6;border:1px solid #ffffff1a}:is([data-theme=dark],html.dark) .unit-pill{color:var(--deep);background:#ffffff14}:is([data-theme=dark],html.dark) .stat-rank-bar,:is([data-theme=dark],html.dark) .involved-elements-row{border-top:1px solid #ffffff14}@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}@keyframes spin{to{transform:rotate(360deg)}}