:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "Meiryo", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", Menlo, monospace;--radius-sm: 4px;--radius: 8px;--radius-lg: 14px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06), 0 1px 1px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .12), 0 4px 12px rgba(0, 0, 0, .06);--cat-alkali-metal: #ff6b6b;--cat-alkaline-earth: #ffa94d;--cat-transition-metal: #ffd43b;--cat-post-transition: #94d82d;--cat-metalloid: #69db7c;--cat-reactive-nonmetal: #4dabf7;--cat-noble-gas: #845ef7;--cat-lanthanide: #f783ac;--cat-actinide: #e599f7;--cat-unknown: #adb5bd}[data-theme=light]{--bg: #f7f8fa;--bg-elev: #ffffff;--bg-soft: #eef0f4;--bg-tinted: #f0f4ff;--fg: #1f2430;--fg-muted: #5a6378;--fg-soft: #8b94a8;--border: #dde1ea;--border-strong:#c2c8d6;--primary: #3b82f6;--primary-hover:#2563eb;--primary-fg: #ffffff;--danger: #e03131;--success: #2f9e44;--selected: #1c7ed6;--dim-opacity: .18;--dim-saturate: .2;color-scheme:light}[data-theme=dark]{--bg: #0f1219;--bg-elev: #1a1f2e;--bg-soft: #232a3d;--bg-tinted: #1a2440;--fg: #e6e9f2;--fg-muted: #a6adbf;--fg-soft: #6f7a92;--border: #2c3346;--border-strong:#3b4358;--primary: #60a5fa;--primary-hover:#93bdfd;--primary-fg: #0b1020;--danger: #ff6b6b;--success: #51cf66;--selected: #74c0fc;--dim-opacity: .18;--dim-saturate: .15;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.55}a{color:var(--primary)}a:hover{color:var(--primary-hover)}button{font:inherit;cursor:pointer}.mono{font-family:var(--font-mono)}h1,h2,h3,h4{line-height:1.25;margin:0 0 .5em}h1{font-size:clamp(1.5rem,2.4vw,2rem);letter-spacing:-.01em}h2{font-size:clamp(1.15rem,1.8vw,1.4rem)}h3{font-size:1.05rem}p{margin:0 0 .6em}ul,ol{margin:0 0 .6em 1.2em;padding:0}code{font-family:var(--font-mono)}.app-shell{display:flex;flex-direction:column;min-height:100%}.app-header{display:grid;grid-template-columns:auto auto 1fr auto auto auto;align-items:center;gap:12px;padding:10px 18px;background:var(--bg-elev);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30}.icon-btn.header__menu-toggle{display:none}.header__logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--fg);font-weight:700;font-size:1.15rem}.header__logo:hover{color:var(--fg)}.header__logo-mark{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--primary);color:var(--primary-fg);font-weight:800;font-size:.95rem;letter-spacing:-.04em}.header__nav{display:flex;gap:4px;flex-wrap:wrap}.header__nav-link{padding:6px 12px;border-radius:var(--radius-sm);text-decoration:none;color:var(--fg-muted);font-weight:500;font-size:.92rem;transition:background .12s ease,color .12s ease}.header__nav-link:hover{background:var(--bg-soft);color:var(--fg)}.header__nav-link.is-active{background:var(--bg-tinted);color:var(--primary)}.header__search{justify-self:end;width:clamp(180px,22vw,320px)}.header__search input{width:100%;padding:7px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--fg-muted);font-size:.9rem}.header__search input:disabled{cursor:not-allowed}.icon-btn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--fg-muted);transition:background .12s ease,color .12s ease,border-color .12s ease}.icon-btn:hover{background:var(--bg-soft);color:var(--fg)}.icon-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.hamburger{display:block;position:relative;width:18px;height:2px;background:currentColor}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor}.hamburger:before{top:-6px}.hamburger:after{top:6px}.app-body{display:grid;grid-template-columns:240px 1fr;flex:1;min-height:0}.app-sidebar{background:var(--bg-elev);border-right:1px solid var(--border);padding:18px 14px 24px;overflow-y:auto}.app-sidebar__heading{margin:0 6px 8px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-soft)}.app-sidebar__list{list-style:none;padding:0;margin:0 0 24px}.app-sidebar__link{display:block;padding:10px 12px;border-radius:var(--radius-sm);text-decoration:none;color:var(--fg);margin-bottom:2px;transition:background .12s ease}.app-sidebar__link:hover{background:var(--bg-soft);color:var(--fg)}.app-sidebar__link.is-active{background:var(--bg-tinted);color:var(--primary)}.app-sidebar__label{display:block;font-weight:600;font-size:.95rem}.app-sidebar__sub{display:block;color:var(--fg-muted);font-size:.78rem}.app-sidebar__note{margin-top:12px;font-size:.78rem;color:var(--fg-soft);line-height:1.5;padding:0 6px}.app-sidebar__backdrop{display:none}.app-main{padding:28px clamp(16px,3vw,36px) 60px;overflow-x:auto;min-width:0}.app-footer{border-top:1px solid var(--border);background:var(--bg-elev);padding:14px 20px;color:var(--fg-soft);font-size:.82rem}.app-footer__inner{display:flex;flex-wrap:wrap;gap:8px;align-items:center;max-width:1280px;margin:0 auto}.app-footer__sep{color:var(--border-strong)}.ptable-wrap{margin-top:20px;overflow-x:auto;padding-bottom:8px}.ptable{display:grid;grid-template-columns:28px repeat(18,minmax(56px,1fr));grid-auto-rows:minmax(64px,auto);gap:4px;min-width:1080px}.ptable__group-header,.ptable__period-header{display:grid;place-items:center;font-size:.72rem;color:var(--fg-soft);font-weight:600}.ptable__group-header{padding-bottom:4px}.ptable__placeholder{display:grid;place-items:center;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);font-size:.72rem;color:var(--fg-muted)}.ptable__cell{display:grid;grid-template-rows:auto 1fr auto;grid-template-areas:"num   " "sym   " "mass  ";align-items:center;justify-items:center;padding:4px 4px 5px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elev);color:var(--fg);text-align:center;position:relative;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .2s ease,filter .2s ease;overflow:hidden}.ptable__cell:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--cat-color, var(--cat-unknown))}.ptable__cell-num{grid-area:num;font-size:.65rem;color:var(--fg-muted);justify-self:start;padding-left:2px}.ptable__cell-sym{grid-area:sym;font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.ptable__cell-name{display:none}.ptable__cell-mass{grid-area:mass;font-size:.62rem;color:var(--fg-soft);font-family:var(--font-mono)}.ptable__cell:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);z-index:4}.ptable__cell:focus-visible{outline:2px solid var(--primary);outline-offset:1px;z-index:4}.ptable__cell.is-selected{outline:2px solid var(--selected);outline-offset:1px;z-index:5}.ptable__cell.is-dim{opacity:var(--dim-opacity);filter:saturate(var(--dim-saturate))}.ptable__cell.is-dim:hover{opacity:.55;filter:none}.ptable__cell.cat-alkali-metal{--cat-color: var(--cat-alkali-metal);background:color-mix(in srgb,var(--cat-alkali-metal) 14%,var(--bg-elev))}.ptable__cell.cat-alkaline-earth{--cat-color: var(--cat-alkaline-earth);background:color-mix(in srgb,var(--cat-alkaline-earth) 14%,var(--bg-elev))}.ptable__cell.cat-transition-metal{--cat-color: var(--cat-transition-metal);background:color-mix(in srgb,var(--cat-transition-metal) 14%,var(--bg-elev))}.ptable__cell.cat-post-transition{--cat-color: var(--cat-post-transition);background:color-mix(in srgb,var(--cat-post-transition) 14%,var(--bg-elev))}.ptable__cell.cat-metalloid{--cat-color: var(--cat-metalloid);background:color-mix(in srgb,var(--cat-metalloid) 14%,var(--bg-elev))}.ptable__cell.cat-reactive-nonmetal{--cat-color: var(--cat-reactive-nonmetal);background:color-mix(in srgb,var(--cat-reactive-nonmetal) 14%,var(--bg-elev))}.ptable__cell.cat-noble-gas{--cat-color: var(--cat-noble-gas);background:color-mix(in srgb,var(--cat-noble-gas) 14%,var(--bg-elev))}.ptable__cell.cat-lanthanide{--cat-color: var(--cat-lanthanide);background:color-mix(in srgb,var(--cat-lanthanide) 14%,var(--bg-elev))}.ptable__cell.cat-actinide{--cat-color: var(--cat-actinide);background:color-mix(in srgb,var(--cat-actinide) 14%,var(--bg-elev))}.ptable__cell.cat-unknown{--cat-color: var(--cat-unknown);background:color-mix(in srgb,var(--cat-unknown) 14%,var(--bg-elev))}[data-theme=dark] .ptable__cell.cat-alkali-metal{background:color-mix(in srgb,var(--cat-alkali-metal) 25%,var(--bg-elev))}[data-theme=dark] .ptable__cell.cat-alkaline-earth{background:color-mix(in srgb,var(--cat-alkaline-earth) 25%,var(--bg-elev))}[data-theme=dark] .ptable__cell.cat-transition-metal{background:color-mix(in srgb,var(--cat-transition-metal) 22%,var(--bg-elev))}[data-theme=dark] .ptable__cell.cat-post-transition{background:color-mix(in srgb,var(--cat-post-transition) 25%,var(--bg-elev))}[data-theme=dark] .ptable__cell.cat-metalloid{background:color-mix(in srgb,var(--cat-metalloid) 25%,var(--bg-elev))}[data-theme=dark] .ptable__cell.cat-reactive-nonmetal{background:color-mix(in srgb,var(--cat-reactive-nonmetal) 25%,var(--bg-elev))}[data-theme=dark] .ptable__cell.cat-noble-gas{background:color-mix(in srgb,var(--cat-noble-gas) 28%,var(--bg-elev))}[data-theme=dark] .ptable__cell.cat-lanthanide{background:color-mix(in srgb,var(--cat-lanthanide) 25%,var(--bg-elev))}[data-theme=dark] .ptable__cell.cat-actinide{background:color-mix(in srgb,var(--cat-actinide) 25%,var(--bg-elev))}.ptable__legend{display:flex;flex-wrap:wrap;gap:12px 18px;margin:18px 0 6px;list-style:none;padding:0;font-size:.82rem;color:var(--fg-muted)}.ptable__legend-item{display:flex;align-items:center;gap:6px}.ptable__legend-swatch{display:inline-block;width:14px;height:14px;border-radius:3px}.ptable__legend-swatch.cat-alkali-metal{background:var(--cat-alkali-metal)}.ptable__legend-swatch.cat-alkaline-earth{background:var(--cat-alkaline-earth)}.ptable__legend-swatch.cat-transition-metal{background:var(--cat-transition-metal)}.ptable__legend-swatch.cat-post-transition{background:var(--cat-post-transition)}.ptable__legend-swatch.cat-metalloid{background:var(--cat-metalloid)}.ptable__legend-swatch.cat-reactive-nonmetal{background:var(--cat-reactive-nonmetal)}.ptable__legend-swatch.cat-noble-gas{background:var(--cat-noble-gas)}.ptable__legend-swatch.cat-lanthanide{background:var(--cat-lanthanide)}.ptable__legend-swatch.cat-actinide{background:var(--cat-actinide)}.ptable__legend-swatch.cat-unknown{background:var(--cat-unknown)}.ptable__legend-note{margin-top:16px;font-size:.82rem;color:var(--fg-muted)}.drawer__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:40;animation:fade-in .16s ease}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(460px,100%);background:var(--bg-elev);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:41;display:flex;flex-direction:column;animation:slide-in .22s cubic-bezier(.2,.8,.2,1)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer__header{position:relative;padding:20px 22px;color:#1f2430;background:color-mix(in srgb,var(--cat-color, var(--cat-unknown)) 30%,var(--bg-elev));border-bottom:1px solid var(--border)}[data-theme=dark] .drawer__header{color:var(--fg);background:color-mix(in srgb,var(--cat-color, var(--cat-unknown)) 35%,var(--bg-elev))}.drawer__header.cat-alkali-metal{--cat-color: var(--cat-alkali-metal)}.drawer__header.cat-alkaline-earth{--cat-color: var(--cat-alkaline-earth)}.drawer__header.cat-transition-metal{--cat-color: var(--cat-transition-metal)}.drawer__header.cat-post-transition{--cat-color: var(--cat-post-transition)}.drawer__header.cat-metalloid{--cat-color: var(--cat-metalloid)}.drawer__header.cat-reactive-nonmetal{--cat-color: var(--cat-reactive-nonmetal)}.drawer__header.cat-noble-gas{--cat-color: var(--cat-noble-gas)}.drawer__header.cat-lanthanide{--cat-color: var(--cat-lanthanide)}.drawer__header.cat-actinide{--cat-color: var(--cat-actinide)}.drawer__header.cat-unknown{--cat-color: var(--cat-unknown)}.drawer__atomic-number{font-size:.75rem;opacity:.7;margin:0 0 4px;letter-spacing:.04em}.drawer__symbol{font-size:2.6rem;font-weight:800;letter-spacing:-.02em;margin:0 0 4px}.drawer__name{font-size:1.05rem;font-weight:600;margin:0 0 4px}.drawer__name-en{font-weight:400;opacity:.7;font-size:.92rem}.drawer__category{font-size:.85rem;opacity:.85;margin:4px 0 0}.drawer__close{position:absolute;top:14px;right:14px;color:inherit}.drawer__body{padding:18px 22px 32px;overflow-y:auto;flex:1}.drawer__summary{font-size:.95rem;color:var(--fg);line-height:1.6;margin:0 0 18px;padding:12px 14px;border-left:3px solid var(--primary);background:var(--bg-tinted);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.drawer__section{margin:0 0 22px;padding-bottom:18px;border-bottom:1px solid var(--border)}.drawer__section:last-of-type{border-bottom:none}.drawer__section-title{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-soft);margin:0 0 10px}.drawer__future-note{margin-top:16px;padding:10px 12px;background:var(--bg-soft);border-radius:var(--radius-sm);font-size:.82rem;color:var(--fg-muted)}.kv-grid{display:grid;grid-template-columns:9em 1fr;gap:4px 14px;margin:0;font-size:.92rem}.kv-grid dt{color:var(--fg-muted);font-weight:500}.kv-grid dd{margin:0;color:var(--fg)}.data-table{width:100%;border-collapse:collapse;font-size:.88rem}.data-table th,.data-table td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--border);vertical-align:top}.data-table th{font-weight:600;color:var(--fg-muted);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.bullet-list{margin:0;padding-left:1.1em}.bullet-list li{margin:4px 0}.home{display:flex;flex-direction:column;gap:36px}.home__hero{border-radius:var(--radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,var(--bg-elev)),var(--bg-elev) 60%);border:1px solid var(--border);padding:clamp(24px,4vw,44px);box-shadow:var(--shadow-sm)}.home__hero-title{font-size:clamp(1.6rem,3vw,2.4rem);margin:0 0 12px;letter-spacing:-.02em}.home__hero-lead{font-size:1rem;color:var(--fg-muted);max-width:640px}.home__hero-actions{margin-top:18px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.home__hero-meta{color:var(--fg-soft);font-size:.85rem}.hide-on-mobile{display:inline}.home__section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;gap:12px;flex-wrap:wrap}.home__section-link{font-size:.9rem}.home__section-desc{color:var(--fg-muted);margin-bottom:12px}.home__tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.tool-card{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elev);text-decoration:none;color:var(--fg);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;min-height:140px}.tool-card:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:var(--shadow-md)}.tool-card.is-locked{opacity:.78}.tool-card__heading{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.tool-card__heading h3{margin:0;font-size:1.05rem}.tool-card__sub{color:var(--fg-soft);font-size:.82rem}.tool-card__desc{color:var(--fg-muted);font-size:.9rem;margin:0;flex:1}.tool-card__cta{color:var(--primary);font-weight:600;font-size:.9rem}.tool-card.is-locked .tool-card__cta{color:var(--fg-soft)}.elements-page__header{margin-bottom:12px}.elements-page__lead{color:var(--fg-muted);margin:0}.elements-page__controls{display:flex;gap:16px 24px;flex-wrap:wrap;align-items:flex-start;padding:14px 16px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);margin-top:14px}.control-group{min-width:0}.control-group__label{margin:0 0 6px;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-soft);font-weight:700}.control-group__options{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:5px 10px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--fg);font-size:.85rem;font-weight:500;transition:background .12s ease,border-color .12s ease,color .12s ease}.chip:hover{border-color:var(--primary);color:var(--primary)}.chip.is-active{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}.chip-clear{margin-left:auto;align-self:flex-end;color:var(--danger);border-color:var(--danger);background:transparent}.chip-clear:hover{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:var(--radius);border:1px solid transparent;font-weight:600;font-size:.95rem;text-decoration:none;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.btn-primary{background:var(--primary);color:var(--primary-fg)}.btn-primary:hover{background:var(--primary-hover);color:var(--primary-fg)}.btn-ghost{background:transparent;border-color:var(--border-strong);color:var(--fg)}.btn-ghost:hover{background:var(--bg-soft)}.placeholder-page{display:flex;align-items:center;justify-content:center;min-height:60vh}.placeholder-page__inner{max-width:560px;text-align:left;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 28px 24px;box-shadow:var(--shadow-sm)}.placeholder-page__sprint{display:inline-block;background:var(--bg-tinted);color:var(--primary);padding:3px 9px;border-radius:999px;font-size:.75rem;font-weight:700;margin-bottom:8px}.placeholder-page__desc{color:var(--fg-muted);margin:6px 0 14px}.placeholder-page__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.inline-link{color:var(--primary)}@media (max-width: 1279px){.header__search{display:none}}@media (max-width: 1023px){.app-body{grid-template-columns:1fr}.app-sidebar{position:fixed;left:0;top:56px;bottom:0;width:260px;z-index:35;transform:translate(-100%);transition:transform .2s ease;border-right:1px solid var(--border)}.app-sidebar.is-open{transform:translate(0)}.app-sidebar__backdrop{display:block;position:fixed;top:56px;right:0;bottom:0;left:0;background:#00000059;z-index:34;border:none;cursor:pointer;padding:0}.icon-btn.header__menu-toggle{display:inline-grid}.header__nav{display:none}}@media (max-width: 767px){.app-header{grid-template-columns:auto 1fr auto auto auto;padding:8px 12px}.header__search{display:none}.app-main{padding:18px 14px 60px}.home__hero{padding:22px}.hide-on-mobile{display:none}.ptable{grid-template-columns:22px repeat(18,minmax(46px,1fr));grid-auto-rows:minmax(54px,auto);min-width:920px}.ptable__cell-sym{font-size:.95rem}.ptable__cell-mass{font-size:.55rem}.ptable__cell-num{font-size:.6rem}.drawer{width:100%}.kv-grid{grid-template-columns:8em 1fr}}@media (max-width: 479px){.ptable{grid-template-columns:18px repeat(18,minmax(38px,1fr));grid-auto-rows:minmax(46px,auto);min-width:760px}.header__nav-link{font-size:.85rem;padding:5px 8px}.drawer__symbol{font-size:2.2rem}.language-selector__current{display:none}.language-selector__toggle{padding:0 8px}}@media print{.app-header,.app-sidebar,.app-footer,.header__search,.drawer,.drawer__backdrop{display:none!important}.app-body{grid-template-columns:1fr}.app-main{padding:0}.ptable__cell{box-shadow:none!important}}.header__settings{position:relative}.settings-menu{position:absolute;top:44px;right:0;z-index:50;width:260px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:14px 16px 12px}.settings-menu__title{margin:0 0 8px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-soft)}.settings-menu__group{margin-bottom:10px}.settings-menu__label{margin:0 0 4px;font-size:.85rem;color:var(--fg-muted)}.settings-menu__chips{display:flex;gap:6px;flex-wrap:wrap}.settings-menu__note{margin:8px 0 0;font-size:.75rem;color:var(--fg-soft);line-height:1.4}.language-selector{position:relative}.language-selector__toggle{display:flex;align-items:center;gap:6px;height:36px;padding:0 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);font-size:.85rem;font-weight:500;color:var(--fg-muted);transition:background .12s ease,color .12s ease,border-color .12s ease}.language-selector__toggle:hover{color:var(--fg);background:var(--bg-soft);border-color:var(--fg-soft)}.language-selector__toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.language-selector__current{font-size:.85rem;white-space:nowrap}.language-selector__chevron{transition:transform .16s ease;opacity:.7}.language-selector__chevron.is-open{transform:rotate(180deg)}.language-selector__menu{position:absolute;top:100%;right:0;margin:4px 0 0;padding:4px 0;min-width:140px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);list-style:none;z-index:200}.language-selector__item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:none;border:none;text-align:left;color:var(--fg);font-size:.875rem;cursor:pointer}.language-selector__item:hover{background:var(--bg-soft)}.language-selector__item.is-active{background:var(--bg-tinted);color:var(--primary)}.language-selector__code{font-size:.7rem;font-weight:600;color:var(--fg-muted);min-width:24px}.language-selector__item.is-active .language-selector__code{color:var(--primary)}.language-selector__name{flex:1}.fallback-indicator{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:var(--bg-tinted);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.75rem;color:var(--fg-muted)}.fallback-indicator__icon{flex-shrink:0;opacity:.7}.fallback-indicator__text{white-space:nowrap}.drawer__actions{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.btn-sm{padding:6px 12px;font-size:.85rem}.drawer__config-full{display:inline-block;word-break:break-word;white-space:normal;line-height:1.6}.elements-page__header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.elements-page__filters-toggle{display:none}.elements-page__controls{display:flex;flex-direction:column;gap:12px}.elements-page__controls-row{display:flex;gap:16px 24px;flex-wrap:wrap;align-items:flex-start}.ptable__overlay-legend{margin-top:18px;padding:10px 14px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.85rem;color:var(--fg-muted)}.ptable__overlay-legend p{margin:0 0 6px}.ptable__overlay-bar{position:relative;height:16px;border-radius:var(--radius-sm);background:linear-gradient(to right,#4682e6,#6ec882 40%,#f0d750,#dc5a46);display:grid;align-items:center}.ptable__overlay-bar-min,.ptable__overlay-bar-max{position:absolute;top:18px;font-size:.72rem;color:var(--fg-muted)}.ptable__overlay-bar-min{left:0}.ptable__overlay-bar-max{right:0}.ptable__overlay-bar-fill{display:block}.ptable__cell.overlay-color{background:var(--overlay-bg, var(--bg-elev))!important;color:var(--overlay-fg, var(--fg))!important}.ptable__cell.overlay-color:before{background:#ffffff80;height:2px}.ptable__cell.overlay-color .ptable__cell-num,.ptable__cell.overlay-color .ptable__cell-mass{color:inherit;opacity:.85}.ptable__cell.overlay-radius{position:relative}.ptable__cell-radius{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:color-mix(in srgb,var(--cat-color, var(--cat-unknown)) 55%,transparent);border:1px solid color-mix(in srgb,var(--cat-color, var(--cat-unknown)) 80%,transparent);pointer-events:none;z-index:0}.ptable__cell.overlay-radius .ptable__cell-num,.ptable__cell.overlay-radius .ptable__cell-sym,.ptable__cell.overlay-radius .ptable__cell-mass,.ptable__cell.overlay-radius .ptable__cell-name{position:relative;z-index:1}.orbitals-page{display:flex;flex-direction:column;gap:16px}.orbitals-page__header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.orbitals-page__lead{color:var(--fg-muted);margin:0;max-width:720px}.orbitals-page__from{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;display:flex;flex-direction:column;gap:6px;align-items:flex-end}.orbitals-page__from-label{margin:0;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-soft)}.orbitals-page__layout{display:grid;grid-template-columns:280px 1fr;gap:18px;align-items:flex-start}.orbitals-page__sidebar{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;position:sticky;top:80px;max-height:calc(100vh - 100px);overflow-y:auto}.orbital-group{margin-bottom:14px}.orbital-group:last-child{margin-bottom:0}.orbital-group__header{margin-bottom:6px}.orbital-group__title{margin:0 0 2px;font-size:.92rem;letter-spacing:-.01em}.orbital-group__desc{margin:0;font-size:.75rem;color:var(--fg-soft);line-height:1.4}.orbital-group__items{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.orbital-tile{padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--fg);font-weight:600;font-size:.85rem;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease;text-align:left}.orbital-tile:hover{border-color:var(--primary);color:var(--primary)}.orbital-tile.is-active{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}.orbital-tile__label{font-family:var(--font-mono)}.orbitals-page__main{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.orbital-viewer{position:relative;background:radial-gradient(closest-side at 50% 45%,color-mix(in srgb,var(--bg-tinted) 60%,var(--bg-elev)),var(--bg-elev) 70%);border-radius:var(--radius-sm);overflow:hidden}.orbital-viewer__canvas{display:block;width:100%;touch-action:none;cursor:grab}.orbital-viewer__canvas:active{cursor:grabbing}.orbital-viewer__hud{position:absolute;left:12px;bottom:12px;right:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:color-mix(in srgb,var(--bg-elev) 80%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:8px 10px;border-radius:var(--radius-sm);border:1px solid var(--border)}.orbital-viewer__notation{font-family:var(--font-mono);font-weight:700;font-size:.95rem;color:var(--fg)}.orbital-viewer__legend{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--fg-muted);margin-left:auto}.orbital-viewer__lobe{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:2px}.orbital-viewer__lobe--pos{background:#dc5a46}.orbital-viewer__lobe--neg{background:#326edc}[data-theme=dark] .orbital-viewer__lobe--pos{background:#f09173}[data-theme=dark] .orbital-viewer__lobe--neg{background:#73beff}.orbital-viewer__error{padding:30px 20px;text-align:center;color:var(--fg-muted)}.orbital-viewer__error-hint{font-size:.85rem;opacity:.7}.orbitals-page__info{margin-top:14px;padding:12px 14px;background:var(--bg-soft);border-radius:var(--radius-sm)}.orbitals-page__info h3{margin:0 0 4px;font-family:var(--font-mono)}.orbitals-page__info p{margin:0 0 8px;color:var(--fg-muted);font-size:.92rem}.kv-grid--compact{grid-template-columns:7em 1fr;gap:2px 12px;font-size:.85rem}.compare-page{display:flex;flex-direction:column;gap:18px}.compare-page__lead{color:var(--fg-muted);max-width:720px}.compare-page__pickers{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.compare-page__selected{display:flex;flex-direction:column;gap:6px}.compare-page__empty{padding:6px 10px;font-style:italic;color:var(--fg-soft)}.compare-page__search{display:flex;flex-direction:column;gap:6px}.compare-page__search-label{font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-soft);font-weight:700}.compare-page__search-input{padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--fg);font-size:.95rem}.compare-page__candidates{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:4px;max-height:260px;overflow-y:auto;padding:6px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.compare-page__more{grid-column:1 / -1;padding:6px;font-size:.78rem;color:var(--fg-soft);text-align:center}.compare-tile{display:grid;grid-template-rows:auto 1fr auto;align-items:center;justify-items:center;padding:4px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elev);color:var(--fg);cursor:pointer;font-size:.78rem;text-align:center;position:relative;transition:transform .12s ease,border-color .12s ease,opacity .12s ease}.compare-tile:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--cat-color, var(--cat-unknown))}.compare-tile.cat-alkali-metal{--cat-color: var(--cat-alkali-metal)}.compare-tile.cat-alkaline-earth{--cat-color: var(--cat-alkaline-earth)}.compare-tile.cat-transition-metal{--cat-color: var(--cat-transition-metal)}.compare-tile.cat-post-transition{--cat-color: var(--cat-post-transition)}.compare-tile.cat-metalloid{--cat-color: var(--cat-metalloid)}.compare-tile.cat-reactive-nonmetal{--cat-color: var(--cat-reactive-nonmetal)}.compare-tile.cat-noble-gas{--cat-color: var(--cat-noble-gas)}.compare-tile.cat-lanthanide{--cat-color: var(--cat-lanthanide)}.compare-tile.cat-actinide{--cat-color: var(--cat-actinide)}.compare-tile.cat-unknown{--cat-color: var(--cat-unknown)}.compare-tile:hover:not(:disabled){transform:translateY(-1px);border-color:var(--primary)}.compare-tile.is-active{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 40%,transparent)}.compare-tile:disabled{opacity:.4;cursor:not-allowed}.compare-tile__num{font-size:.65rem;color:var(--fg-soft)}.compare-tile__sym{font-weight:700;font-size:.95rem}.compare-tile__name{font-size:.7rem;color:var(--fg-muted)}.cat-chip{display:inline-flex;align-items:center;gap:6px}.chip__sub{font-weight:400;opacity:.7;font-size:.8em}.compare-page__charts{display:flex;flex-direction:column;gap:18px}.compare-page__empty-charts{padding:30px 20px;text-align:center;background:var(--bg-elev);border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--fg-muted)}.compare-page__chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:14px}.bar-chart,.line-chart{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px 12px;margin:0}.bar-chart__title,.line-chart__title{margin:0 0 8px;font-size:.92rem;font-weight:600;color:var(--fg)}.bar-chart__unit{font-weight:400;font-size:.78rem;color:var(--fg-muted)}.bar-chart__desc{margin:6px 0 0;font-size:.78rem;color:var(--fg-soft)}.bar-chart svg,.line-chart svg{width:100%;height:auto;display:block;color:var(--fg)}.line-chart__hint{font-weight:400;font-size:.78rem;color:var(--fg-soft)}@media (max-width: 1023px){.orbitals-page__layout{grid-template-columns:1fr}.orbitals-page__sidebar{position:static;max-height:none}.orbital-group__items{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.compare-page__pickers{grid-template-columns:1fr}}@media (max-width: 767px){.elements-page__filters-toggle{display:inline-flex}.elements-page__controls.is-collapsed{display:none}.elements-page__controls.is-open{display:flex}.compare-page__chart-grid{grid-template-columns:1fr}.settings-menu{right:-8px}.orbital-viewer__hud{gap:6px;padding:6px 8px}.orbital-viewer__hud .chip{padding:4px 8px;font-size:.78rem}.orbital-viewer__legend{width:100%;margin-left:0}}.reactions-page{max-width:1200px;margin:0 auto;padding:24px clamp(12px,2vw,28px);display:flex;flex-direction:column;gap:32px}.reactions-page__header h1{margin-bottom:8px}.reactions-page__lead{color:var(--fg-muted);max-width:70ch;margin:0}.section-head{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.section-head h2{margin:0}.section-head__sub{color:var(--fg-muted);font-size:.92rem;margin:0}.link-btn{background:none;border:none;color:var(--primary);text-decoration:underline;padding:0;cursor:pointer;font:inherit}.link-btn:hover{color:var(--primary-hover)}.balancer{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-sm)}.balancer__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.balancer__inputCol{display:flex;flex-direction:column;gap:12px}.balancer__label{font-weight:600;font-size:.92rem}.balancer__input{width:100%;font-family:var(--font-mono);font-size:1rem;padding:10px 12px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg);color:var(--fg);resize:vertical}.balancer__input:focus{outline:2px solid var(--primary);outline-offset:-1px}.balancer__pad{display:flex;flex-direction:column;gap:10px;padding:10px;border:1px dashed var(--border);border-radius:var(--radius);background:var(--bg)}.balancer__pad-group{display:flex;flex-direction:column;gap:4px}.balancer__pad-label{font-size:.75rem;color:var(--fg-soft);text-transform:uppercase;letter-spacing:.04em}.balancer__pad-keys{display:flex;gap:6px;flex-wrap:wrap}.balancer__pad .chip{padding:4px 10px;font-size:.85rem;font-family:var(--font-mono)}.chip-clear{background:var(--danger);color:#fff;border-color:var(--danger)}.chip-clear:hover{filter:brightness(1.05)}.balancer__resultCol{display:flex;flex-direction:column}.balancer__result{flex:1;border-radius:var(--radius);padding:14px 16px;border:1px solid var(--border);background:var(--bg);display:flex;flex-direction:column;gap:10px}.balancer__result--idle{color:var(--fg-muted);justify-content:center}.balancer__result--ok{border-color:var(--success);background:color-mix(in srgb,var(--success) 6%,var(--bg))}.balancer__result--error{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 6%,var(--bg))}.balancer__result-title{font-weight:700;margin:0;font-size:.92rem;color:var(--fg)}.balancer__result-eq{font-size:1.1rem;margin:0;word-break:break-word}.balancer__result-error{margin:0;color:var(--danger)}.balancer__result-hint{margin:0;font-size:.8rem;color:var(--fg-soft)}.balancer__conservation{width:100%;border-collapse:collapse;font-size:.85rem}.balancer__conservation th,.balancer__conservation td{border:1px solid var(--border);padding:4px 8px;text-align:center}.balancer__conservation th{background:var(--bg-soft);font-weight:600}.balancer__conservation-bad{color:var(--danger)}.balancer__result-coefs summary{cursor:pointer;color:var(--fg-muted);font-size:.85rem}.balancer__result-coefs ul{margin:6px 0 0 1em;font-size:.85rem}@media (max-width: 900px){.balancer__grid{grid-template-columns:1fr}}.catalog{display:flex;flex-direction:column;gap:14px}.catalog__filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.catalog__cat-chips{display:flex;gap:6px;flex-wrap:wrap}.catalog__search{flex:1;min-width:180px;padding:6px 10px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg-elev);color:var(--fg);font:inherit}.catalog__layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;align-items:start}.catalog__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:720px;overflow-y:auto}.catalog__empty{padding:18px;color:var(--fg-soft);text-align:center;border:1px dashed var(--border);border-radius:var(--radius)}.catalog__card{width:100%;text-align:left;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;display:flex;flex-direction:column;gap:4px;cursor:pointer;transition:transform .12s ease,border-color .12s ease}.catalog__card:hover{transform:translateY(-1px);border-color:var(--primary)}.catalog__card.is-active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--bg-elev));box-shadow:var(--shadow-sm)}.catalog__card-cat{font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:var(--fg-soft)}.catalog__card-name{font-weight:600}.catalog__card-eq{font-size:.92rem;color:var(--fg-muted);word-break:break-word}.catalog__detail{position:sticky;top:84px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm);max-height:720px;overflow-y:auto}.catalog__detail-empty{color:var(--fg-muted)}.catalog__detail-hint{font-size:.85rem;color:var(--fg-soft);margin-top:8px}.reaction-detail__head{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.reaction-detail__cat{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.75rem;color:#1a1a1a;font-weight:600;align-self:flex-start}.reaction-detail__title{margin:0;font-size:1.1rem}.reaction-detail__eq{font-size:1.05rem;background:var(--bg);padding:8px 10px;border-radius:var(--radius);word-break:break-word}.reaction-detail__eq-unbal{font-size:.82rem;color:var(--fg-soft);margin:6px 0 14px}.reaction-detail h4{margin:12px 0 4px;font-size:.85rem;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em}.reaction-detail__desc{margin:0}.reaction-detail__cond,.reaction-detail__neut{margin:0 0 0 1em;padding:0;font-size:.92rem}.reaction-detail__cond li,.reaction-detail__neut li{margin-bottom:2px}.reaction-detail__elements{display:flex;gap:6px;flex-wrap:wrap}.reaction-detail__tag{display:inline-block;font-size:.7rem;padding:1px 6px;border-radius:999px;background:var(--bg-soft);color:var(--fg-muted);margin-left:6px}.reaction-detail__actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}@media (max-width: 1023px){.catalog__layout{grid-template-columns:1fr}.catalog__detail{position:static;max-height:none}.catalog__list{max-height:480px}}.acidbase-preset{background:color-mix(in srgb,var(--primary) 8%,var(--bg-elev));border:1px solid var(--primary);border-radius:var(--radius);padding:12px 14px;margin:14px 0 18px;text-align:left}.acidbase-preset__title{margin:0 0 8px;font-weight:600}.acidbase-preset__list{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:4px;font-size:.92rem}.acidbase-preset__badge{display:inline-block;font-size:.72rem;padding:1px 6px;border-radius:999px;background:var(--bg-soft);color:var(--fg-muted);margin-left:6px}.acidbase-preset__note{margin:0;font-size:.82rem;color:var(--fg-soft)}.acidbase-page{padding:16px 12px 60px;max-width:1280px;margin:0 auto}.acidbase-page .acidbase-preset{text-align:left}.ab-section{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;margin-top:18px;box-shadow:var(--shadow-sm)}.ab-section__head h2{margin:0 0 4px}.ab-section__sub{margin:0 0 12px;color:var(--fg-muted);font-size:.92rem}.ab-section__footnote{margin-top:12px;color:var(--fg-soft);font-size:.82rem}.ab-input{font:inherit;padding:6px 10px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg);color:var(--fg);min-width:0;width:100%;max-width:280px}.ab-input:focus{outline:2px solid var(--primary);outline-offset:1px}.ab-input--search{max-width:360px}.chip-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.chip-row .chip{padding:4px 12px;border-radius:999px;background:var(--bg-soft);color:var(--fg-muted);border:1px solid transparent;font-size:.85rem}.chip-row .chip.is-active{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}.chip-row .chip:disabled{opacity:.5;cursor:not-allowed}.ab-calc{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:18px}.ab-calc__controls{display:flex;flex-direction:column;gap:10px}.ab-calc__row{display:flex;flex-direction:column;gap:4px}.ab-calc__label{font-size:.82rem;color:var(--fg-muted);font-weight:600;letter-spacing:.02em}.ab-calc__hint{margin:2px 0 0;font-size:.78rem;color:var(--fg-soft)}.ab-calc__grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.ab-result{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.ab-result__title{margin:0 0 10px;font-size:.85rem;color:var(--fg-muted);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.ab-result.is-error{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,var(--bg))}.ab-result__msg{color:var(--danger);margin:0}.ab-result__warn{margin:8px 0 0;font-size:.85rem;color:var(--cat-alkaline-earth)}.ab-result__note{margin:8px 0 0;font-size:.82rem;color:var(--fg-soft)}.ab-result__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.ab-stat{display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:var(--bg-elev);border-radius:var(--radius);border:1px solid var(--border)}.ab-stat.is-highlight{background:color-mix(in srgb,var(--primary) 12%,var(--bg-elev));border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}.ab-stat__label{font-size:.78rem;color:var(--fg-muted)}.ab-stat__value{font-size:1.05rem;font-weight:600;word-break:break-word}.ab-stat__suffix{font-size:.85rem;color:var(--fg-muted);margin-left:4px}.pka-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:8px 0 12px}.pka-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev)}.pka-table{border-collapse:collapse;width:100%;font-size:.92rem;min-width:700px}.pka-table thead{position:sticky;top:0;background:var(--bg-elev);z-index:1}.pka-table__th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted);background:var(--bg-soft)}.pka-table__th.is-num{text-align:right}.pka-table__sort{background:transparent;border:0;color:inherit;font:inherit;cursor:pointer;padding:0}.pka-table__sort:hover{color:var(--primary)}.pka-table__arrow{font-size:.7rem;color:var(--fg-soft);margin-left:2px}.pka-table tbody tr:hover{background:color-mix(in srgb,var(--primary) 5%,var(--bg-elev))}.pka-table td{padding:7px 10px;border-bottom:1px solid var(--border);vertical-align:top}.pka-table__name{min-width:220px}.pka-table__note{margin-left:4px;color:var(--fg-soft);cursor:help}.pka-table__num{text-align:right;min-width:100px}.pka-table__chip{display:inline-block;background:var(--bg-soft);color:var(--fg-muted);font-family:var(--font-mono);font-size:.85rem;padding:1px 6px;border-radius:6px;margin-left:4px}.pka-table__chip:first-child{margin-left:0}.pka-table__actions{white-space:nowrap;text-align:right;font-size:.85rem}.pka-table__sep{color:var(--fg-soft);margin:0 4px}.pka-table__empty{text-align:center;color:var(--fg-soft);padding:24px}.ab-buffer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.ab-buffer__controls{display:flex;flex-direction:column;gap:10px}.ab-buffer__summary{font-size:1rem;margin:0 0 10px;color:var(--fg)}.ab-titration{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.ab-titration__controls{display:flex;flex-direction:column;gap:10px}.ab-graph{margin-top:14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.ab-graph h3{margin:0 0 8px;font-size:.95rem}.ab-graph__svg{width:100%;height:auto;max-width:100%;display:block}.ab-graph--wide .ab-graph__svg{max-width:100%}.ab-graph__caption{margin:8px 0 0;font-size:.85rem;color:var(--fg-muted)}.ab-graph__legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:6px;font-size:.85rem;color:var(--fg-muted)}.legend-swatch{display:inline-block;width:18px;height:8px;vertical-align:middle;margin-right:4px;border-radius:2px}.legend-swatch.is-dashed{background:repeating-linear-gradient(90deg,currentColor 0 4px,transparent 4px 7px)}@media (max-width: 1023px){.ab-calc,.ab-buffer{grid-template-columns:1fr}}@media (max-width: 480px){.pka-table{font-size:.85rem;min-width:540px}}.iupac-page{display:flex;flex-direction:column;gap:18px;padding:18px clamp(12px,2vw,24px) 32px;max-width:1400px;margin:0 auto}.iupac-page__header{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 22px}.iupac-page__header h1{margin:0 0 6px}.iupac-page__lead{margin:6px 0 0;color:var(--fg-muted);font-size:.95rem;line-height:1.7}.iupac-page__tabs{display:flex;gap:4px;flex-wrap:wrap;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:6px}.iupac-page__tab{padding:8px 14px;border-radius:var(--radius);border:1px solid transparent;background:transparent;color:var(--fg-muted);font-weight:500;font-size:.9rem}.iupac-page__tab:hover{color:var(--fg);background:var(--bg-soft)}.iupac-page__tab.is-active{background:var(--bg-tinted);color:var(--primary);border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.iupac-ref{display:grid;grid-template-columns:minmax(220px,280px) 1fr;gap:18px}.iupac-ref__nav{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;position:sticky;top:70px;max-height:calc(100vh - 90px);overflow-y:auto;align-self:start}.iupac-ref__nav-title{margin:0 0 8px;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted);font-weight:600}.iupac-ref__nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.iupac-ref__nav-link{display:flex;flex-direction:column;width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:var(--radius);padding:8px 10px;color:var(--fg);cursor:pointer}.iupac-ref__nav-link:hover{background:var(--bg-soft)}.iupac-ref__nav-link.is-active{background:var(--bg-tinted);border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.iupac-ref__nav-label{font-size:.95rem;font-weight:600}.iupac-ref__nav-sub{font-size:.78rem;color:var(--fg-soft);margin-top:1px}.iupac-ref__article{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;display:flex;flex-direction:column;gap:22px}.iupac-ref__header h2{margin:0 0 4px}.iupac-ref__sub{margin:0 0 6px;color:var(--fg-soft);font-size:.9rem;font-style:italic}.iupac-ref__summary{margin:6px 0 0;color:var(--fg-muted);line-height:1.7}.iupac-ref__rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.iupac-ref__rule{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.iupac-ref__rule-heading{margin:0 0 6px;font-size:.95rem;font-weight:700;color:var(--primary)}.iupac-ref__rule-body{margin:0;font-size:.9rem;color:var(--fg);line-height:1.7}.iupac-ref__examples h3{margin:0 0 10px;font-size:1rem}.iupac-ref__example-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.iupac-ref__example{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:8px}.iupac-ref__example-meta{display:flex;flex-direction:column;gap:4px}.iupac-ref__example-name{font-weight:700;margin:0;font-size:.95rem}.iupac-ref__example-formula{color:var(--fg-muted);font-size:.88rem;margin:0}.iupac-ref__example-note{color:var(--fg-soft);font-size:.85rem;margin:4px 0 0;line-height:1.6}.iupac-ref__example-btn{align-self:flex-start;background:transparent;border:1px solid var(--border-strong);color:var(--primary);padding:4px 10px;border-radius:var(--radius);font-size:.85rem;margin-top:6px}.iupac-ref__example-btn:hover{background:var(--bg-tinted)}.mol-viewer{display:flex;flex-direction:column;gap:6px}.mol-viewer__shell{position:relative;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;color:var(--fg)}.mol-viewer__svg{display:block;-webkit-user-select:none;user-select:none;cursor:grab}.mol-viewer__svg:active{cursor:grabbing}.mol-viewer__tooltip{position:absolute;background:var(--bg-elev);color:var(--fg);border:1px solid var(--border-strong);border-radius:var(--radius);padding:6px 10px;font-size:.85rem;box-shadow:var(--shadow-md);pointer-events:none;z-index:5;white-space:nowrap}.mol-viewer__tooltip-sub{color:var(--fg-muted);font-size:.8rem}.mol-viewer__controls{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.mol-viewer__btn{width:32px;height:28px;border:1px solid var(--border-strong);background:var(--bg-elev);color:var(--fg);border-radius:var(--radius-sm);font-size:.95rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.mol-viewer__btn:hover{background:var(--bg-soft)}.mol-viewer__hint{font-size:.75rem;color:var(--fg-soft);margin-left:4px}.mol-viewer__caption{margin:4px 0 0;color:var(--fg-muted);font-size:.85rem}.mol-viewer--empty{color:var(--fg-soft);padding:24px;text-align:center}.iupac-priority{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;display:flex;flex-direction:column;gap:14px}.iupac-priority__table-wrap{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}.iupac-priority__table{border-collapse:collapse;width:100%;min-width:700px;font-size:.92rem}.iupac-priority__table th{text-align:left;padding:9px 12px;border-bottom:1px solid var(--border);background:var(--bg-soft);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted)}.iupac-priority__table td{padding:8px 12px;border-bottom:1px solid var(--border);vertical-align:top}.iupac-priority__table tr:hover{background:color-mix(in srgb,var(--primary) 5%,var(--bg))}.iupac-priority__table td.mono,.iupac-priority__table th.mono{font-family:var(--font-mono)}.iupac-stereo{display:flex;flex-direction:column;gap:18px}.iupac-stereo__block{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px}.iupac-stereo__block header h2{margin:0 0 6px}.iupac-stereo__block header p{margin:4px 0;color:var(--fg-muted);line-height:1.7;font-size:.95rem}.iupac-stereo__hint{color:var(--fg-soft);font-size:.88rem}.iupac-stereo__cip ol{margin:8px 0 0 1.4em;line-height:1.7}.iupac-stereo__cip li{margin-bottom:4px;color:var(--fg)}.rs-interactive{display:flex;flex-direction:column;gap:18px;margin-top:12px}.rs-interactive__layout{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:24px;align-items:start}.rs-interactive__svg-wrap{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;align-items:center;gap:8px}.rs-interactive__svg{display:block}.rs-interactive__legend{display:flex;gap:12px;font-size:.82rem;color:var(--fg-muted)}.rs-interactive__legend-item{display:inline-flex;align-items:center;gap:4px}.rs-interactive__swatch{display:inline-block;width:18px;height:8px;background:var(--fg);border-radius:2px}.rs-interactive__swatch--dash{background:repeating-linear-gradient(90deg,var(--fg) 0 3px,transparent 3px 6px)}.rs-interactive__controls{display:flex;flex-direction:column;gap:8px}.rs-interactive__row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.rs-interactive__label{min-width:76px;font-weight:600;font-size:.9rem;color:var(--fg-muted)}.rs-interactive__select{flex:1;min-width:140px;padding:6px 10px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg);color:var(--fg);font:inherit}.rs-interactive__buttons{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.rs-interactive__btn{background:var(--bg-elev);border:1px solid var(--border-strong);color:var(--fg);padding:6px 12px;border-radius:var(--radius);font-size:.85rem}.rs-interactive__btn:hover{background:var(--bg-soft)}.rs-interactive__btn--reset{color:var(--fg-muted)}.rs-interactive__check{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;color:var(--fg-muted);margin-top:4px}.rs-interactive__result{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;display:flex;flex-direction:column;gap:8px}.rs-interactive__result--r{border-color:color-mix(in srgb,#4dabf7 50%,var(--border))}.rs-interactive__result--s{border-color:color-mix(in srgb,#f783ac 50%,var(--border))}.rs-interactive__result-config{margin:0;font-size:.95rem;color:var(--fg)}.rs-interactive__bigtag{display:inline-block;background:var(--primary);color:var(--primary-fg);padding:2px 12px;border-radius:var(--radius);font-size:1.4rem;margin:0 6px}.rs-interactive__result--r .rs-interactive__bigtag{background:#4dabf7;color:#fff}.rs-interactive__result--s .rs-interactive__bigtag{background:#f783ac;color:#fff}.rs-interactive__result-rot{color:var(--fg-muted);font-size:.85rem}.rs-interactive__rank-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px}.rs-interactive__rank-list li{background:var(--bg-elev);padding:6px 10px;border-radius:var(--radius);border:1px solid var(--border);font-size:.88rem}.rs-interactive__rank-num{display:inline-block;background:var(--primary);color:var(--primary-fg);width:22px;height:22px;text-align:center;line-height:22px;border-radius:11px;font-weight:700;margin-right:6px;font-size:.85rem}.rs-interactive__rank-formula{color:var(--fg-soft);font-size:.82rem;margin-left:4px}.rs-interactive__hint{margin:0;color:var(--fg-muted);font-size:.85rem;line-height:1.6}.ez-interactive{display:flex;flex-direction:column;gap:14px;margin-top:12px}.ez-interactive__layout{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);gap:18px;align-items:start}.ez-interactive__svg-wrap{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px;color:var(--fg)}.ez-interactive__svg{display:block}.ez-interactive__controls{display:flex;flex-direction:column;gap:12px}.ez-interactive__controls fieldset{border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;background:var(--bg);display:flex;flex-direction:column;gap:6px}.ez-interactive__controls fieldset legend{font-weight:700;color:var(--primary);font-size:.9rem;padding:0 4px}.ez-interactive__controls label{display:flex;align-items:center;gap:6px;font-size:.88rem;color:var(--fg-muted)}.ez-interactive__controls select{flex:1;padding:5px 8px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg);color:var(--fg);font:inherit}.iupac-gallery{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:18px}.iupac-gallery__sidebar{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;display:flex;flex-direction:column;gap:10px;position:sticky;top:70px;max-height:calc(100vh - 90px);overflow:hidden}.iupac-gallery__sidebar-head h2{margin:0 0 8px;font-size:1.05rem}.iupac-gallery__categories{display:flex;flex-wrap:wrap;gap:4px;max-height:110px;overflow-y:auto}.iupac-gallery__list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:2px}.iupac-gallery__list-item{display:flex;flex-direction:column;align-items:flex-start;width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:var(--radius);padding:7px 10px;cursor:pointer;color:var(--fg)}.iupac-gallery__list-item:hover{background:var(--bg-soft)}.iupac-gallery__list-item.is-active{background:var(--bg-tinted);border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}.iupac-gallery__list-name{font-weight:600;font-size:.92rem}.iupac-gallery__list-formula{color:var(--fg-muted);font-size:.82rem}.iupac-gallery__list-cat{color:var(--fg-soft);font-size:.78rem}.iupac-gallery__empty{color:var(--fg-soft);text-align:center;padding:20px}.iupac-gallery__detail{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;display:flex;flex-direction:column;gap:14px}.iupac-gallery__detail-head h2{margin:0 0 4px}.iupac-gallery__detail-common{margin:0 0 4px;color:var(--fg-muted);font-size:.9rem;font-style:italic}.iupac-gallery__detail-meta{display:flex;flex-wrap:wrap;gap:12px;margin:6px 0 0;font-size:.9rem;color:var(--fg-muted);align-items:center}.iupac-gallery__chip{display:inline-block;background:var(--bg-tinted);color:var(--primary);padding:2px 10px;border-radius:var(--radius);font-size:.82rem;font-weight:600}.iupac-gallery__viewer{display:flex;justify-content:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.iupac-gallery__desc{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;color:var(--fg-muted);line-height:1.7}@media (max-width: 1023px){.iupac-ref{grid-template-columns:1fr}.iupac-ref__nav{position:static;max-height:none}.iupac-gallery{grid-template-columns:1fr}.iupac-gallery__sidebar{position:static;max-height:none}.rs-interactive__layout,.ez-interactive__layout{grid-template-columns:1fr}}.rs-interactive__autohint{margin:6px 0 0;padding:8px 10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-size:.82rem;color:var(--fg-muted);line-height:1.6}.trainer-setup{display:flex;flex-direction:column;gap:18px;padding:18px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg)}.trainer-setup__group{border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;background:var(--bg);display:flex;flex-direction:column;gap:10px}.trainer-setup__group legend{padding:0 6px;font-weight:700;color:var(--primary);font-size:.92rem}.trainer-setup__radios{display:grid;grid-template-columns:1fr 1fr;gap:10px}.trainer-setup__radio{display:flex;flex-direction:column;gap:2px;border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;cursor:pointer;background:var(--bg);color:var(--fg)}.trainer-setup__radio strong{font-size:.95rem}.trainer-setup__radio span{font-size:.82rem;color:var(--fg-muted)}.trainer-setup__radio input{margin-right:6px}.trainer-setup__radio.is-active{background:var(--bg-tinted);border-color:color-mix(in srgb,var(--primary) 50%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 30%,transparent)}.trainer-setup__chips{display:flex;flex-wrap:wrap;gap:6px}.trainer-setup__pool-info{margin:0;color:var(--fg-muted);font-size:.85rem}.trainer-setup__pool-warn{margin-left:8px;color:var(--danger, #d97706);font-size:.78rem}.trainer-setup__actions{display:flex;gap:10px}.trainer-setup__history{margin-top:10px;padding:14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}.trainer-setup__history-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.trainer-setup__history-head h3{margin:0;font-size:1rem}.trainer-setup__history-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:240px;overflow-y:auto}.trainer-setup__history-row{display:grid;grid-template-columns:130px 1fr auto;gap:10px;padding:6px 8px;border-radius:var(--radius);background:var(--bg-soft);align-items:center;font-size:.85rem}.trainer-setup__history-date{color:var(--fg-muted);font-family:ui-monospace,SFMono-Regular,monospace;font-size:.78rem}.trainer-setup__history-meta{color:var(--fg)}.trainer-setup__history-rate{color:var(--primary);font-weight:700}.trainer{display:flex;flex-direction:column;gap:14px}.trainer__progress{display:flex;flex-direction:column;gap:8px}.trainer__progress-label{margin:0;font-size:.88rem;color:var(--fg-muted)}.trainer__progress-dot{margin:0 8px;opacity:.4}.trainer__progress-bar{width:100%;height:6px;background:var(--bg-soft);border-radius:999px;overflow:hidden}.trainer__progress-fill{height:100%;background:var(--primary);transition:width .25s ease}.trainer-q{display:grid;gap:18px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px}.trainer-q--a{grid-template-columns:minmax(360px,1fr) minmax(300px,1fr)}.trainer-q--b{grid-template-columns:1fr}.trainer-q__viewer{display:flex;flex-direction:column;align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px;gap:6px}.trainer-q__formula{margin:0;font-size:.85rem;color:var(--fg-muted)}.trainer-q__panel{display:flex;flex-direction:column;gap:12px}.trainer-q__panel h3{margin:0}.trainer-q__hint{margin:0;font-size:.85rem;color:var(--fg-muted)}.trainer-q__prompt{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.trainer-q__prompt h3{margin:0 0 8px}.trainer-q__name{margin:0;font-size:1.1rem}.trainer-q__commons{margin:4px 0 0;color:var(--fg-muted);font-size:.85rem}.trainer-q__choices{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 1100px){.trainer-q__choices{grid-template-columns:repeat(4,1fr)}}.trainer-q__choice{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px;border:2px solid var(--border);border-radius:var(--radius);background:var(--bg);cursor:pointer;color:var(--fg);position:relative;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.trainer-q__choice:hover:not(:disabled){border-color:var(--primary);transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.trainer-q__choice:disabled{cursor:default}.trainer-q__choice-letter{position:absolute;top:6px;left:8px;font-weight:700;font-size:.85rem;color:var(--fg-muted)}.trainer-q__choice.is-correct{border-color:#10b981;background:color-mix(in srgb,#10b981 8%,var(--bg))}.trainer-q__choice.is-wrong{border-color:#ef4444;background:color-mix(in srgb,#ef4444 8%,var(--bg))}.trainer-q__choice.is-picked{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 30%,transparent)}.trainer-q__choice-name{font-size:.78rem;color:var(--fg-muted)}.trainer-feedback{display:flex;flex-direction:column;gap:8px;border-radius:var(--radius);padding:12px 14px;border:1px solid var(--border);background:var(--bg);margin-top:12px}.trainer-feedback.is-correct{border-color:#10b981;background:color-mix(in srgb,#10b981 8%,var(--bg))}.trainer-feedback.is-wrong{border-color:#ef4444;background:color-mix(in srgb,#ef4444 8%,var(--bg))}.trainer-feedback__verdict{margin:0;font-weight:700;font-size:1.05rem}.trainer-feedback.is-correct .trainer-feedback__verdict{color:#10b981}.trainer-feedback.is-wrong .trainer-feedback__verdict{color:#ef4444}.trainer-feedback__msg{margin:0;line-height:1.6;color:var(--fg)}.trainer-feedback__expected{margin:0;color:var(--fg-muted);font-size:.9rem}.trainer-feedback__commons{margin-left:6px;color:var(--fg-soft);font-size:.82rem}.trainer-result{display:flex;flex-direction:column;gap:18px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px}.trainer-result__header{display:flex;flex-direction:column;gap:12px}.trainer-result__header h2{margin:0}.trainer-result__score{display:flex;flex-direction:column;gap:8px}.trainer-result__rate{display:flex;align-items:baseline;gap:12px;margin:0}.trainer-result__rate-num{font-size:3rem;font-weight:800;color:var(--primary);line-height:1}.trainer-result__rate-sub{color:var(--fg-muted);font-size:1rem}.trainer-result__bar{width:100%;height:12px;background:var(--bg-soft);border-radius:999px;overflow:hidden}.trainer-result__bar-fill{height:100%;background:linear-gradient(90deg,#10b981,var(--primary))}.trainer-result__weakest{background:color-mix(in srgb,var(--danger, #d97706) 8%,var(--bg));border:1px solid color-mix(in srgb,var(--danger, #d97706) 35%,var(--border));border-radius:var(--radius);padding:10px 14px;margin:0;color:var(--fg)}.trainer-result__section{display:flex;flex-direction:column;gap:10px}.trainer-result__section h3{margin:0;font-size:1rem}.trainer-result__table{width:100%;border-collapse:collapse}.trainer-result__table th,.trainer-result__table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);font-size:.9rem}.trainer-result__table th{color:var(--fg-muted);font-weight:600;font-size:.82rem}.trainer-result__inline-bar{position:relative;width:100%;max-width:240px;height:14px;background:var(--bg-soft);border-radius:999px;overflow:hidden}.trainer-result__inline-bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:0;background:var(--primary);border-radius:999px}.trainer-result__inline-bar-label{position:relative;display:block;text-align:center;font-size:.75rem;color:var(--fg);line-height:14px;z-index:1}.trainer-result__actions{display:flex;gap:10px;flex-wrap:wrap}.trainer-result__details{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px}.trainer-result__details summary{cursor:pointer;font-weight:600;color:var(--fg)}.trainer-result__qlist{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.trainer-result__qlist li{display:grid;grid-template-columns:24px 1fr auto auto;gap:10px;padding:6px 8px;border-radius:var(--radius);background:var(--bg-soft);align-items:center;font-size:.85rem}.trainer-result__qlist li.is-correct{background:color-mix(in srgb,#10b981 6%,var(--bg-soft))}.trainer-result__qlist li.is-wrong{background:color-mix(in srgb,#ef4444 6%,var(--bg-soft))}.trainer-result__qmark{font-size:1.1rem;text-align:center}.trainer-result__qcat{color:var(--fg-soft);font-size:.78rem}.trainer-result__quser{color:var(--fg-muted);font-size:.78rem}.trainer-history{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:12px;color:var(--fg)}.trainer-history__legend{margin:6px 0 0;font-size:.78rem;color:var(--fg-muted)}.trainer-history__empty{margin:0;padding:14px;text-align:center;color:var(--fg-soft);background:var(--bg-soft);border-radius:var(--radius);font-size:.88rem}@media (max-width: 1023px){.trainer-q--a,.trainer-setup__radios{grid-template-columns:1fr}.trainer-setup__history-row{grid-template-columns:1fr;gap:4px;padding:8px}}.crystals-page{display:flex;flex-direction:column;gap:18px;padding:16px}.crystals-page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.crystals-page__header h1{font-size:1.6rem;margin:0 0 4px}.crystals-page__lead{color:var(--fg-muted);font-size:.95rem;margin:0;max-width:720px}.crystals-page__layout{display:grid;grid-template-columns:240px 1fr 320px;gap:16px;align-items:stretch}@media (max-width: 1199px){.crystals-page__layout{grid-template-columns:220px 1fr}.crystals-info{grid-column:1 / -1}}@media (max-width: 767px){.crystals-page__layout{grid-template-columns:1fr}}.crystals-list{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;align-self:flex-start}.crystals-list__title{font-size:.92rem;font-weight:600;margin:0 0 10px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em}.crystals-list__items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.crystals-list__item{width:100%;display:flex;flex-direction:column;gap:4px;padding:8px 10px;background:var(--bg-soft);border:1px solid transparent;border-radius:var(--radius);color:var(--fg);text-align:left;cursor:pointer;transition:background .15s,border-color .15s}.crystals-list__item:hover{background:var(--bg-tinted)}.crystals-list__item.is-active{background:color-mix(in srgb,var(--primary) 16%,var(--bg-elev));border-color:var(--primary)}.crystals-list__item-name{font-weight:600;font-size:.92rem}.crystals-list__item-meta{display:flex;gap:8px;align-items:center;font-size:.78rem;color:var(--fg-muted)}.crystals-list__item-formula{font-family:var(--font-mono)}.crystals-list__type-badge{display:inline-flex;align-items:center;padding:1px 8px;border-radius:999px;font-size:.72rem;font-weight:600;border:1px solid var(--border)}.crystals-list__type-badge.type-metallic{background:color-mix(in srgb,#ffd43b 22%,var(--bg-elev));border-color:color-mix(in srgb,#ffd43b 50%,transparent);color:var(--fg)}.crystals-list__type-badge.type-ionic{background:color-mix(in srgb,#4dabf7 18%,var(--bg-elev));border-color:color-mix(in srgb,#4dabf7 45%,transparent)}.crystals-list__type-badge.type-covalent{background:color-mix(in srgb,#69db7c 18%,var(--bg-elev));border-color:color-mix(in srgb,#69db7c 45%,transparent)}.crystals-stage{display:flex;flex-direction:column;gap:12px;min-width:0}.crystals-controls{display:flex;flex-wrap:wrap;gap:14px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px}.crystal-viewer{position:relative;background:linear-gradient(140deg,color-mix(in srgb,var(--primary) 6%,var(--bg-elev)),var(--bg-elev) 70%);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;width:100%}.crystal-viewer__canvas{display:block;width:100%;cursor:grab;touch-action:none}.crystal-viewer__canvas:active{cursor:grabbing}.crystal-viewer__error{padding:24px;color:var(--danger);text-align:center}.crystal-viewer__hud{position:absolute;top:10px;left:10px;right:10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;pointer-events:none}.crystal-viewer__hud .chip{pointer-events:auto;background:color-mix(in srgb,var(--bg-elev) 88%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.crystal-viewer__title{font-weight:600;font-size:.9rem;background:color-mix(in srgb,var(--bg-elev) 92%,transparent);padding:4px 10px;border-radius:var(--radius);border:1px solid var(--border);pointer-events:auto}.crystal-viewer__pick{position:absolute;bottom:10px;left:10px;right:10px;background:color-mix(in srgb,var(--bg-elev) 92%,transparent);border:1px solid var(--primary);border-radius:var(--radius);padding:8px 12px;font-size:.88rem;pointer-events:none}.crystal-viewer__pick p{margin:0;color:var(--fg)}.crystal-viewer__pick-expected{color:var(--fg-muted);font-size:.85rem}.crystal-viewer__pick-dist{color:var(--fg-muted);font-size:.78rem!important;margin-top:2px!important}.crystals-legend{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 12px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);font-size:.84rem;color:var(--fg-muted)}.crystals-legend__item{display:inline-flex;align-items:center;gap:6px;color:var(--fg);font-weight:500}.crystals-legend__swatch{width:14px;height:14px;border-radius:50%;border:1px solid var(--border);background:var(--primary)}.crystals-legend__swatch[data-element=Na]{background:#8c82f0}.crystals-legend__swatch[data-element=Cl]{background:#50c350}.crystals-legend__swatch[data-element=K]{background:#aa69dc}.crystals-legend__swatch[data-element=Cs]{background:#7850dc}.crystals-legend__swatch[data-element=Ca]{background:#82dc82}.crystals-legend__swatch[data-element=Mg]{background:#8cf08c}.crystals-legend__swatch[data-element=Fe]{background:#dc8250}.crystals-legend__swatch[data-element=Cu]{background:#dc8c5a}.crystals-legend__swatch[data-element=Zn]{background:#8ca5c3}.crystals-legend__swatch[data-element=C]{background:#323237}.crystals-legend__swatch[data-element=S]{background:#f0cd32}.crystals-legend__swatch[data-element=F]{background:#73d773}.crystals-legend__swatch[data-element=Po]{background:#a58c4b}.crystals-legend__note{margin-left:auto;font-size:.78rem;color:var(--fg-soft)}.crystals-info{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;align-self:flex-start;display:flex;flex-direction:column;gap:12px}.crystals-info__title{font-size:1.15rem;margin:0}.crystals-info__type{display:flex;align-items:center;gap:8px;margin:0}.crystals-info__formula{font-family:var(--font-mono);color:var(--fg-muted);font-size:.95rem}.crystals-info__desc{color:var(--fg-muted);font-size:.9rem;margin:0;line-height:1.5}.crystals-info__grid{display:flex;flex-direction:column;gap:8px;margin:0}.crystals-info__row{display:grid;grid-template-columns:1fr;gap:2px;padding:8px 10px;background:var(--bg-soft);border-radius:var(--radius)}.crystals-info__row dt{font-size:.78rem;color:var(--fg-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin:0}.crystals-info__row dd{margin:0;font-size:.95rem;color:var(--fg)}.crystals-info__apf{font-family:var(--font-mono);font-size:1.2rem;font-weight:700;color:var(--primary)}.crystals-info__hint{font-size:.78rem;color:var(--fg-soft);margin:2px 0 0}.crystals-info__elements{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}.crystals-info__notes h3,.crystals-info__pick h3,.crystals-info__ionic h3{font-size:.86rem;margin:0 0 6px;color:var(--fg)}.crystals-info__notes ul{margin:0;padding-left:18px;font-size:.85rem;color:var(--fg-muted);line-height:1.5}.crystals-info__notes li+li{margin-top:3px}.crystals-info__pick{background:color-mix(in srgb,var(--primary) 8%,var(--bg-soft));border:1px solid var(--primary);border-radius:var(--radius);padding:10px 12px}.crystals-info__pick p{margin:0 0 2px;font-size:.88rem}.crystals-info__ionic{background:var(--bg-soft);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:10px}.crystals-info__slider{display:flex;flex-direction:column;gap:4px}.crystals-info__slider label{font-size:.82rem;color:var(--fg-muted);font-family:var(--font-mono)}.crystals-info__slider input[type=range]{width:100%;accent-color:var(--primary)}.crystals-info__ratio{margin:0;font-size:.85rem;color:var(--fg)}.crystals-info__apf-display{margin:0;font-family:var(--font-mono);font-size:.95rem;font-weight:600;color:var(--primary)}.ptable__cell.is-crystal-marked{outline:2px solid color-mix(in srgb,#ff9500 80%,transparent);outline-offset:-2px;z-index:2}.ptable__cell-crystal-mark{position:absolute;top:2px;right:4px;font-size:12px;color:#ff9500;pointer-events:none;z-index:3;text-shadow:0 0 2px rgba(0,0,0,.4)}.elements-page__crystal-banner{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;background:color-mix(in srgb,#ff9500 8%,var(--bg-elev));border:1px solid color-mix(in srgb,#ff9500 40%,var(--border));border-radius:var(--radius)}.elements-page__crystal-banner p{margin:0;flex:1;font-size:.9rem;color:var(--fg)}.elements-page__crystal-pills{display:inline-flex;flex-wrap:wrap;gap:4px;margin-left:10px}.elements-page__crystal-pill{display:inline-block;padding:1px 7px;background:color-mix(in srgb,#ff9500 25%,var(--bg-soft));border:1px solid color-mix(in srgb,#ff9500 50%,transparent);border-radius:999px;font-size:.8rem;font-family:var(--font-mono);color:var(--fg)}.chip.chip-link{font-family:var(--font-mono);cursor:pointer}.global-search{position:relative;justify-self:end;width:clamp(200px,26vw,360px)}.global-search__inputWrap{position:relative;display:flex;align-items:center}.global-search__icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--fg-soft);pointer-events:none;font-size:.95rem}.global-search__input{width:100%;padding:7px 28px 7px 26px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--fg);font-size:.9rem}.global-search__input::placeholder{color:var(--fg-soft)}.global-search__input:focus{outline:2px solid var(--primary);outline-offset:1px;background:var(--bg-elev)}.global-search__hint{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);color:var(--fg-soft);background:var(--bg-soft);border-radius:var(--radius-sm);font-size:.7rem;padding:0 5px;border:1px solid var(--border);pointer-events:none}.global-search__panel{position:absolute;top:calc(100% + 6px);right:0;left:0;max-height:70vh;overflow-y:auto;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:50;padding:6px}.global-search__list{list-style:none;margin:0;padding:0}.global-search__item{display:grid;grid-template-columns:auto 1fr;column-gap:10px;padding:7px 8px;cursor:pointer;border-radius:var(--radius-sm);align-items:baseline}.global-search__item.is-active{background:var(--bg-tinted)}.global-search__item:hover{background:var(--bg-soft)}.global-search__type{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;color:var(--fg-soft);font-weight:600;padding:1px 6px;border-radius:999px;border:1px solid var(--border);background:var(--bg);white-space:nowrap;grid-row:span 2;align-self:start;margin-top:2px}.global-search__type.type-element{color:#2563eb;border-color:color-mix(in srgb,#2563eb 35%,transparent)}.global-search__type.type-reaction{color:#d97706;border-color:color-mix(in srgb,#d97706 35%,transparent)}.global-search__type.type-pka{color:#be185d;border-color:color-mix(in srgb,#be185d 35%,transparent)}.global-search__type.type-crystal{color:#059669;border-color:color-mix(in srgb,#059669 35%,transparent)}.global-search__type.type-compound{color:#7c3aed;border-color:color-mix(in srgb,#7c3aed 35%,transparent)}.global-search__type.type-rule{color:#4b5563;border-color:color-mix(in srgb,#4b5563 35%,transparent)}.global-search__type-icon{font-family:var(--font-mono);font-size:.78em;font-weight:700}.global-search__label{font-size:.92rem;color:var(--fg);font-weight:500}.global-search__sub{grid-column:2;font-size:.78rem;color:var(--fg-muted);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.global-search__empty{margin:12px;color:var(--fg-muted);font-size:.9rem}.global-search__foot{margin:6px 4px 0;padding-top:6px;border-top:1px dashed var(--border);color:var(--fg-soft);font-size:.78rem;text-align:right}.home__pick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.home__pick-date{font-family:var(--font-mono);color:var(--fg-soft);font-size:.85rem}.pick-card{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elev);text-decoration:none;color:var(--fg);box-shadow:var(--shadow-sm);transition:transform .12s ease,box-shadow .12s ease}.pick-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);color:var(--fg)}.pick-card__type{font-size:.78rem;color:var(--fg-soft);font-weight:600}.pick-card__symbol{font-size:2.4rem;font-weight:800;letter-spacing:-.04em;color:var(--primary);line-height:1}.pick-card__title{font-size:1.1rem;font-weight:700}.pick-card__title-en{font-weight:400;color:var(--fg-muted);font-size:.9em}.pick-card__eq{display:inline-block;padding:6px 8px;border-radius:var(--radius-sm);background:var(--bg-soft);font-size:.85rem;width:fit-content}.pick-card__sub{margin:0;color:var(--fg-muted);font-size:.88rem;flex:1}.pick-card__cta{color:var(--primary);font-weight:600;font-size:.9rem}.pick-card--reaction .pick-card__symbol{display:none}.home__user-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width: 768px){.home__user-grid{grid-template-columns:1fr}}.home__user-col{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px}.home__count{color:var(--fg-soft);font-size:.85rem;font-family:var(--font-mono)}.home__clear{margin-left:auto;font-size:.8rem}.home__empty{color:var(--fg-muted);font-size:.9rem;margin:6px 0 0}.user-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:360px;overflow-y:auto}.user-list__item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg)}.user-list__link{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:baseline;text-decoration:none;color:var(--fg)}.user-list__link:hover{color:var(--primary)}.user-list__type{display:inline-block;font-size:.7rem;color:var(--fg-soft);font-weight:600;padding:1px 6px;border-radius:999px;border:1px solid var(--border);background:var(--bg-soft);white-space:nowrap;grid-row:span 2;align-self:start;margin-top:2px}.user-list__type.type-element{color:#2563eb}.user-list__type.type-reaction{color:#d97706}.user-list__type.type-pka{color:#be185d}.user-list__type.type-crystal{color:#059669}.user-list__type.type-compound{color:#7c3aed}.user-list__type.type-rule{color:#4b5563}.user-list__label{font-size:.92rem;font-weight:500}.user-list__sub{grid-column:2;font-size:.78rem;color:var(--fg-muted);font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.user-list__remove{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--border);color:var(--fg-soft);width:24px;height:24px;border-radius:var(--radius-sm);font-size:.95rem;line-height:1}.user-list__remove:hover{color:var(--danger);border-color:var(--danger)}.fav-btn{display:inline-flex;align-items:center;gap:6px}.fav-btn__star{font-size:1rem;color:var(--fg-soft)}.fav-btn.is-fav .fav-btn__star{color:#f59e0b}.fav-btn.is-fav{border-color:color-mix(in srgb,#f59e0b 50%,var(--border))}.drawer__related{margin:8px 0}.drawer__related-label{font-size:.85rem;color:var(--fg-muted);margin:4px 0}.drawer__related-chips{display:flex;gap:6px;flex-wrap:wrap}.drawer__related-chip{font-size:.85rem;text-decoration:none}.drawer__related-more{border-style:dashed}.pka-row--flash{animation:pka-flash 2.2s ease-out}@keyframes pka-flash{0%{background:color-mix(in srgb,var(--primary) 25%,transparent)}60%{background:color-mix(in srgb,var(--primary) 15%,transparent)}to{background:transparent}}@media (max-width: 768px){.global-search{width:100%;grid-column:1 / -1}.global-search__panel{left:0;right:0}}[data-palette=protanopia]{--cat-alkali-metal: #3b82f6;--cat-alkaline-earth: #f59e0b;--cat-transition-metal: #06b6d4;--cat-post-transition: #8b5cf6;--cat-metalloid: #d97706;--cat-reactive-nonmetal: #0ea5e9;--cat-noble-gas: #6366f1;--cat-lanthanide: #14b8a6;--cat-actinide: #a78bfa;--cat-unknown: #9ca3af;--chart-1: #3b82f6;--chart-2: #f59e0b;--chart-3: #8b5cf6;--chart-4: #06b6d4;--atom-cation: #3b82f6;--atom-anion: #f59e0b;--fav-star: #f59e0b}[data-palette=deuteranopia]{--cat-alkali-metal: #3b82f6;--cat-alkaline-earth: #ec4899;--cat-transition-metal: #f97316;--cat-post-transition: #8b5cf6;--cat-metalloid: #eab308;--cat-reactive-nonmetal: #06b6d4;--cat-noble-gas: #a855f7;--cat-lanthanide: #f472b6;--cat-actinide: #c084fc;--cat-unknown: #9ca3af;--chart-1: #3b82f6;--chart-2: #ec4899;--chart-3: #f97316;--chart-4: #8b5cf6;--atom-cation: #3b82f6;--atom-anion: #ec4899;--fav-star: #f97316}[data-palette=tritanopia]{--cat-alkali-metal: #ef4444;--cat-alkaline-earth: #22d3d3;--cat-transition-metal: #f97316;--cat-post-transition: #ec4899;--cat-metalloid: #14b8a6;--cat-reactive-nonmetal: #f43f5e;--cat-noble-gas: #10b981;--cat-lanthanide: #fb7185;--cat-actinide: #2dd4bf;--cat-unknown: #9ca3af;--chart-1: #ef4444;--chart-2: #22d3d3;--chart-3: #f97316;--chart-4: #ec4899;--atom-cation: #ef4444;--atom-anion: #22d3d3;--fav-star: #ef4444}[data-palette]:not([data-palette=normal]) .fav-btn.is-fav .fav-btn__star{color:var(--fav-star)}@media print{:root{--bg: #ffffff !important;--bg-elev: #ffffff !important;--bg-soft: #f3f4f6 !important;--fg: #000000 !important;--fg-muted: #4b5563 !important;--border: #d1d5db !important;--primary: #2563eb !important;color-scheme:light!important}.header,.side-nav,.side-nav-mobile,.drawer__backdrop,.global-search,.btn,button:not(.ptable__cell),.chip,.elements-page__filters-toggle,.elements-page__controls,.control-group,footer,.home__actions,.balancer__pad,.trainer-q__panel .btn,.crystals-controls,.viewer-3d__toolbar{display:none!important}@page{size:A4 landscape;margin:12mm 10mm}body{background:#fff!important;color:#000!important;font-size:10pt;line-height:1.4;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}a{color:#000!important;text-decoration:none}a[href^=http]:after{content:" (" attr(href) ")";font-size:8pt;color:#666;word-break:break-all}.ptable-wrap{page-break-inside:avoid;width:100%}.ptable{display:grid!important;grid-template-columns:repeat(19,1fr)!important;gap:1px!important;width:100%!important;max-width:none!important;overflow:visible!important}.ptable__cell{padding:2px!important;font-size:7pt!important;min-width:0!important;min-height:0!important;border:.5pt solid #999!important;background:#fff!important;color:#000!important;-webkit-print-color-adjust:exact!important}.ptable__cell.cat-alkali-metal{background:#fee2e2!important}.ptable__cell.cat-alkaline-earth{background:#fef3c7!important}.ptable__cell.cat-transition-metal{background:#fef9c3!important}.ptable__cell.cat-post-transition{background:#ecfccb!important}.ptable__cell.cat-metalloid{background:#d1fae5!important}.ptable__cell.cat-reactive-nonmetal{background:#dbeafe!important}.ptable__cell.cat-noble-gas{background:#ede9fe!important}.ptable__cell.cat-lanthanide{background:#fce7f3!important}.ptable__cell.cat-actinide{background:#f5d0fe!important}.ptable__cell-num{font-size:5pt!important}.ptable__cell-sym{font-size:9pt!important;font-weight:700!important}.ptable__cell-name,.ptable__cell-mass{font-size:5pt!important}.ptable__legend{page-break-inside:avoid;display:flex!important;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:8pt}.ptable__legend-item{display:flex;align-items:center;gap:4px}.ptable__legend-swatch{width:12px;height:12px;border-radius:2px}.pka-table{page-break-inside:auto}.pka-table tr{page-break-inside:avoid}.pka-table th,.pka-table td{font-size:8pt!important;padding:4px 6px!important;border:.5pt solid #ccc!important}.reactions-page .reaction-card{page-break-inside:avoid;border:.5pt solid #ccc;margin-bottom:8px;padding:8px}.reaction-card__equation{font-size:10pt;font-family:monospace}.print-header{display:block!important;text-align:center;margin-bottom:12px;font-size:14pt;font-weight:700}.print-footer{display:block!important;position:fixed;bottom:0;left:0;right:0;text-align:center;font-size:8pt;color:#666;padding:4px;border-top:.5pt solid #ccc}}@media print and (orientation: portrait){@page{size:A4 portrait}}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,.chip:focus-visible{outline:2px solid var(--primary);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 20%,transparent)}.ptable__cell:focus-visible{outline:3px solid var(--primary);outline-offset:-1px;z-index:10;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 30%,transparent)}.skip-link{position:absolute;top:-100px;left:16px;padding:12px 24px;background:var(--primary);color:var(--primary-fg);font-weight:600;border-radius:var(--radius);z-index:9999;transition:top .2s}.skip-link:focus{top:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-announce{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.error-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:12px 24px;background:var(--danger);color:#fff;border-radius:var(--radius);font-size:.95rem;box-shadow:var(--shadow-lg);z-index:1000;animation:toast-in .3s ease}.error-toast--warning{background:#f59e0b}.error-toast--info{background:var(--primary)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.error-inline{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;background:color-mix(in srgb,var(--danger) 10%,var(--bg));border:1px solid color-mix(in srgb,var(--danger) 30%,var(--border));border-radius:var(--radius);color:var(--fg);font-size:.9rem;margin:8px 0}.error-inline__icon{color:var(--danger);flex-shrink:0}.error-inline__message{flex:1}.success-inline{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;background:color-mix(in srgb,var(--success) 10%,var(--bg));border:1px solid color-mix(in srgb,var(--success) 30%,var(--border));border-radius:var(--radius);color:var(--fg);font-size:.9rem;margin:8px 0}.success-inline__icon{color:var(--success);flex-shrink:0}.settings-section{margin:16px 0;padding:12px 0;border-top:1px solid var(--border)}.settings-section:first-child{border-top:none;padding-top:0}.settings-section__title{font-size:.85rem;font-weight:600;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px}.palette-options{display:flex;flex-direction:column;gap:8px}.palette-option{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .15s,background .15s}.palette-option:hover{background:var(--bg-soft)}.palette-option.is-active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--bg))}.palette-option__radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.palette-option.is-active .palette-option__radio{border-color:var(--primary)}.palette-option.is-active .palette-option__radio:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--primary)}.palette-option__info{flex:1}.palette-option__label{font-weight:600;font-size:.95rem}.palette-option__desc{font-size:.82rem;color:var(--fg-muted);margin-top:2px}.palette-preview{display:flex;gap:4px}.palette-preview__swatch{width:16px;height:16px;border-radius:3px}.search-highlight{font-weight:700;background:color-mix(in srgb,var(--primary) 20%,transparent);border-radius:2px;padding:0 2px}.viewer-3d__loading{display:flex;align-items:center;justify-content:center;min-height:300px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--fg-muted);font-size:.95rem}.viewer-3d__loading p{display:flex;align-items:center;gap:10px}.viewer-3d__loading:before{content:"";width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.global-search__suggest-label{padding:6px 12px;margin:0;font-size:.75rem;font-weight:600;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}