:root{--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-black: 800;--text-3xs: .55rem;--text-2xs: .65rem;--text-xs: .72rem;--text-sm: .8rem;--text-base: .875rem;--text-md: .95rem;--text-lg: 1.15rem;--text-xl: 1.35rem;--tracking-tight: -.01em;--tracking-label: .06em;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.65;--color-bg-start: oklch(.16 .02 265);--color-bg-end: oklch(.13 .02 270);--color-bg-glow-warm: oklch(.28 .06 280 / .55);--color-bg-glow-cool: oklch(.24 .05 250 / .5);--color-text: oklch(.93 .01 260);--color-text-strong: oklch(.98 0 0);--color-text-muted: oklch(.8 .02 260);--color-text-subtle: oklch(.68 .02 260);--color-text-inverse: oklch(.15 .02 270);--color-accent: oklch(.78 .12 255);--color-accent-strong: oklch(.55 .13 255);--color-accent-ring: oklch(.7 .12 255);--color-warning: oklch(.82 .13 65);--glass-bar-top: oklch(.24 .03 270 / .65);--glass-bar-bottom: oklch(.19 .02 270 / .55);--glass-bar-shadow: 0 10px 30px oklch(.1 .02 270 / .5);--glass-panel-top: oklch(.24 .03 270 / .65);--glass-panel-bottom: oklch(.16 .02 270 / .7);--glass-panel-shadow: 0 18px 44px oklch(.05 .02 270 / .5);--glass-raised-top: oklch(.26 .03 270 / .7);--glass-raised-bottom: oklch(.17 .02 270 / .75);--glass-raised-shadow: 0 24px 60px oklch(.05 .02 270 / .6);--glass-border: oklch(1 0 0 / .1);--glass-border-strong: oklch(1 0 0 / .12);--glass-highlight: inset 0 1px 0 oklch(1 0 0 / .08);--blur-bar: 22px;--blur-panel: 24px;--blur-raised: 28px;--blur-cell: 10px;--blur-backdrop: 4px;--color-backdrop: oklch(.12 .02 270 / .6);--surface-track: oklch(1 0 0 / .04);--surface-control: oklch(1 0 0 / .05);--surface-control-hover: oklch(1 0 0 / .12);--surface-row-hover: oklch(1 0 0 / .05);--surface-inverse: oklch(.9 0 0 / .9);--surface-selected: oklch(.55 .13 255 / .35);--surface-selected-soft: oklch(.55 .13 255 / .28);--ring-selected: inset 0 0 0 1px oklch(.7 .12 255 / .4);--ring-selected-soft: inset 0 0 0 1px oklch(.7 .12 255 / .35);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 18px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--transition-fast: .12s ease;--transition-base: .18s ease;--navbar-height: 4rem;--content-max-width: 1200px;--category-alkali-metal: #ff8a5c;--category-alkaline-earth-metal: #ffb347;--category-transition-metal: #f7e074;--category-post-transition-metal: #7fe0c3;--category-metalloid: #6fd08c;--category-nonmetal: #5aa9ff;--category-halogen: #86e3f5;--category-noble-gas: #b98cff;--category-lanthanide: #ff9ecb;--category-actinide: #f2739b;--tint-number: 90%;--tint-name: 88%;--tint-mass: 84%;--cell-fill-top: 20%;--cell-fill-bottom: 8%;--cell-border-alpha: 75%;--cell-border-tint: 18%;--cell-ring-geometry: 0 0 0 1px;--cell-ring-alpha: 15%;--cell-ring-alpha-hover: 25%;--cell-glow-geometry: 0 6px 18px;--cell-glow-geometry-hover: 0 10px 24px;--cell-glow-alpha: 25%;--cell-glow-alpha-hover: 35%;--cell-glow-depth: 70%;--cell-highlight: inset 0 1px 0 oklch(1 0 0 / .14);--cell-highlight-hover: inset 0 1px 0 oklch(1 0 0 / .16);--badge-fill-top: 20%;--badge-fill-bottom: 6%;--badge-border-alpha: 55%;--particle-proton: #ff5c6c;--particle-neutron: #7c8bb0;--particle-electron: #6ea8ff;--bond-color: #c7cce6}@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/inter-variable.woff2) format("woff2-variations")}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;background:radial-gradient(1200px 800px at 15% -10%,var(--color-bg-glow-warm),transparent),radial-gradient(1000px 700px at 100% 10%,var(--color-bg-glow-cool),transparent),linear-gradient(160deg,var(--color-bg-start),var(--color-bg-end));background-attachment:fixed}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--surface-control-hover);border-radius:var(--radius-sm)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.glass{border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.glass--bar{background:linear-gradient(180deg,var(--glass-bar-top),var(--glass-bar-bottom));box-shadow:var(--glass-bar-shadow),var(--glass-highlight);backdrop-filter:blur(var(--blur-bar));-webkit-backdrop-filter:blur(var(--blur-bar))}.glass--panel{background:linear-gradient(165deg,var(--glass-panel-top),var(--glass-panel-bottom));box-shadow:var(--glass-panel-shadow),var(--glass-highlight);backdrop-filter:blur(var(--blur-panel));-webkit-backdrop-filter:blur(var(--blur-panel))}.glass--raised{background:linear-gradient(165deg,var(--glass-raised-top),var(--glass-raised-bottom));border-color:var(--glass-border-strong);border-radius:var(--radius-xl);box-shadow:var(--glass-raised-shadow),var(--glass-highlight);backdrop-filter:blur(var(--blur-raised));-webkit-backdrop-filter:blur(var(--blur-raised))}.segmented{display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--surface-track);border-radius:var(--radius-lg)}.segmented__item{padding:var(--space-2) var(--space-3);color:var(--color-text-muted);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap;background:transparent;border:0;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.segmented__item:hover:not([data-active]){color:var(--color-text);background:var(--surface-row-hover)}.segmented__item[data-active]{color:var(--color-text-strong);background:var(--surface-selected);box-shadow:var(--ring-selected)}.segmented__item:disabled{opacity:.4;cursor:default}.control{padding:var(--space-2) var(--space-3);color:var(--color-text);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);background:var(--surface-control);border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.control:hover:not(:disabled){background:var(--surface-control-hover)}.control:disabled{opacity:.4;cursor:default}.control--icon{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;font-size:var(--text-md);line-height:1;color:var(--color-text-muted)}.control--input{width:100%;font-weight:var(--weight-regular);border-radius:var(--radius-md);cursor:auto}.control--input::placeholder{color:var(--color-text-subtle)}.field__label{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-subtle)}.field__value{margin:0;font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-text-strong)}main{max-width:var(--content-max-width);margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-8)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.navbar{position:sticky;top:var(--space-3);z-index:40;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;width:calc(100% - var(--space-4) * 2);max-width:var(--content-max-width);min-height:var(--navbar-height);margin:var(--space-3) auto 0;padding:var(--space-2) var(--space-4)}.navbar__start,.navbar__actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.navbar__brand{font-size:var(--text-lg);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);color:var(--color-text-strong)}.navbar__modes{list-style:none;margin:0}.navbar__modes a{display:flex;align-items:center;gap:var(--space-2)}.navbar__mode-icon{display:none;flex-shrink:0}.navbar__dictionary{display:flex;align-items:center}.navbar__dictionary-icon{display:none;font-size:var(--text-md);font-weight:var(--weight-bold);line-height:1}.navbar__language[data-active]{color:var(--color-text-inverse);background:var(--surface-inverse);box-shadow:none}.navbar__language{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-bold)}@media(max-width:40rem){.navbar{gap:var(--space-2);padding:var(--space-2) var(--space-3)}.navbar__start,.navbar__actions{gap:var(--space-2)}.navbar__mode-icon{display:block}.navbar__mode-label{display:none}.navbar__modes .segmented__item{padding:var(--space-2)}.navbar__dictionary-icon{display:block}.navbar__dictionary-label{display:none}.navbar__dictionary{padding:var(--space-2)}}.dictionary-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-backdrop);backdrop-filter:blur(var(--blur-backdrop));-webkit-backdrop-filter:blur(var(--blur-backdrop))}.dictionary{display:flex;flex-direction:column;gap:var(--space-3);width:min(42rem,100%);max-height:min(80vh,44rem);padding:var(--space-4)}.dictionary__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.dictionary__title{margin:0;font-size:var(--text-xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);color:var(--color-text-strong)}.dictionary__empty{padding:var(--space-6) 0;color:var(--color-text-subtle);text-align:center}.dictionary__list{margin:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3)}.dictionary__entry dt{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-accent)}.dictionary__entry dd{margin:.15rem 0 0;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text)}.help-icon{display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem;margin-left:.3rem;padding:0;font-size:var(--text-xs);font-weight:var(--weight-bold);line-height:1;color:var(--color-accent);background:var(--surface-control);border:1px solid var(--color-accent);border-radius:50%;cursor:pointer;vertical-align:middle;transition:background var(--transition-fast)}.help-icon:hover{background:var(--surface-control-hover)}