@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--ink:#06121c;--ink-2:#0a1d29;--panel:#0e2735;--panel-2:#112f3f;--line:rgba(174,220,224,.17);--line-strong:rgba(174,220,224,.32);--text:#e9f7f5;--muted:#92b1b4;--cyan:#63e6e2;--yellow:#f2c94c;--orange:#ff936c;--violet:#bb9bff;--mono:"DM Mono",monospace;--sans:"Manrope",ui-sans-serif,system-ui,sans-serif;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.5}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(99,230,226,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(99,230,226,.08) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 80%);mask-image:linear-gradient(to bottom,black,transparent 80%)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.site-shell{position:relative;overflow:hidden}.topbar{height:76px;padding:0 clamp(20px,4.5vw,72px);display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line);background:#06121cbd;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;margin-right:auto}.brand strong{font-size:13px;letter-spacing:.16em;display:block}.brand small{font-family:var(--mono);font-size:8px;color:var(--muted);letter-spacing:.11em;display:block;margin-top:2px}.brand-mark{width:28px;height:28px;display:block;position:relative}.brand-mark i{position:absolute;border:1px solid var(--cyan);border-radius:50%;top:8px;right:0;bottom:8px;left:0}.brand-mark i:nth-child(2){transform:rotate(60deg)}.brand-mark i:nth-child(3){transform:rotate(-60deg)}.brand-mark:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--yellow);top:11px;left:12px;box-shadow:0 0 10px var(--yellow)}nav{display:flex;gap:26px;color:var(--muted);font-size:12px}nav a:hover{color:var(--cyan)}.header-chip,.small-bracket,.stat-kicker,.story-label,.eyebrow,.table-meta,.group-head,.period-label,.series-label,.detail-topline,.legend-title,.select-wrap>span,.side-index span,.side-note>span{font-family:var(--mono);letter-spacing:.12em;font-size:10px}.header-chip{color:var(--cyan);border:1px solid var(--line-strong);padding:7px 10px}.live-pip{display:inline-block;width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 8px var(--cyan);margin-right:6px}.hero-section{min-height:560px;max-width:1420px;margin:auto;padding:84px clamp(20px,7vw,118px) 76px;display:grid;grid-template-columns:minmax(420px,1.05fr) 1fr;align-items:center;gap:40px;position:relative}.hero-copy{position:relative;z-index:1}.eyebrow{color:var(--cyan);display:flex;align-items:center;gap:9px;margin:0 0 24px}.eyebrow-line{height:1px;background:var(--cyan);width:28px;display:inline-block;box-shadow:0 0 7px var(--cyan)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(60px,8vw,122px);line-height:.9;letter-spacing:-.075em;margin:0 0 32px;font-weight:700}h1 em,h2 em{font-style:normal;color:var(--cyan);font-weight:400}.hero-lede{font-size:16px;color:#a8c5c5;max-width:430px;line-height:1.8;margin-bottom:32px}.hero-actions{display:flex;align-items:center;gap:18px}.primary-button{background:var(--cyan);color:var(--ink);padding:14px 17px;font-weight:800;letter-spacing:.02em;display:inline-flex;gap:28px;align-items:center;transition:.2s ease}.primary-button:hover{background:#a5fffa;transform:translateY(-2px);box-shadow:0 7px 28px #63e6e22b}.hero-note{font-family:var(--mono);font-size:10px;line-height:1.6;color:var(--muted)}.orbital-art{height:400px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.orbital-art:before{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,var(--cyan),transparent 62%);filter:blur(55px);opacity:.13}.orbit{position:absolute;border:1px solid var(--line-strong);border-radius:50%;width:350px;height:120px;transform:rotate(-26deg);animation:drift 16s ease-in-out infinite}.orbit-b{width:380px;height:180px;transform:rotate(54deg);animation-duration:21s;animation-direction:reverse}.orbit-c{width:220px;height:380px;transform:rotate(72deg);animation-duration:25s}.nucleus{width:128px;height:128px;border-radius:50%;background:linear-gradient(145deg,#163e4b,#0b202c);border:1px solid var(--cyan);box-shadow:0 0 0 10px #63e6e20a,0 0 70px #63e6e233;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2}.nucleus span{font-size:36px;line-height:1;font-weight:800;letter-spacing:-.1em}.nucleus small{font-family:var(--mono);font-size:8px;color:var(--cyan);letter-spacing:.16em;margin-top:8px}.orbit-label{position:absolute;font-family:var(--mono);font-size:12px;padding:4px 7px;background:var(--ink);border:1px solid var(--line-strong);color:var(--cyan);z-index:3}.label-a{top:56px;right:17%}.label-b{bottom:68px;left:18%;color:var(--yellow)}.label-c{top:128px;left:7%;color:var(--orange)}.label-d{bottom:40px;right:27%;color:var(--violet)}.crosshair{position:absolute;width:100%;height:1px;border-top:1px dashed var(--line);z-index:-1}.crosshair:after{content:"";position:absolute;height:400px;border-left:1px dashed var(--line);left:50%;top:-200px}.stats-strip{max-width:1280px;margin:0 auto;padding:0 clamp(20px,5vw,72px) 80px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px}.stat-card{background:var(--panel);padding:22px 20px;min-height:122px;border-top:2px solid var(--cyan);display:flex;flex-direction:column;gap:5px}.stat-card:nth-child(2){border-color:var(--yellow)}.stat-card:nth-child(3){border-color:var(--violet)}.stat-card:nth-child(4){border-color:var(--orange)}.stat-kicker{color:var(--muted)}.stat-card strong{font-size:35px;letter-spacing:-.08em;line-height:1;margin-top:9px}.stat-card strong small{font-size:12px;letter-spacing:0;color:var(--muted);font-weight:500}.stat-card>span:last-child{color:var(--muted);font-size:11px}.explorer-section,.profile-section,.notes-section{max-width:1420px;margin:0 auto;padding:45px clamp(20px,5vw,72px) 94px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:34px}.section-heading h2,.notes-section h2{font-size:clamp(32px,4vw,62px);letter-spacing:-.07em;line-height:1;margin:0}.heading-aside{text-align:right;max-width:210px}.heading-aside p{font-size:11px;color:var(--muted);margin:8px 0 0}.small-bracket{color:var(--yellow)}.controls{display:grid;grid-template-columns:minmax(260px,1.6fr) repeat(4,minmax(110px,1fr)) auto;gap:9px;margin-bottom:17px}.search-field{display:flex;align-items:center;border:1px solid var(--line-strong);background:var(--panel);height:52px;padding:0 12px;gap:10px}.search-icon{font-size:25px;line-height:0;transform:rotate(-20deg);color:var(--cyan)}.search-field input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.search-field input::placeholder{color:#668589}.search-field kbd{font-family:var(--mono);border:1px solid var(--line);padding:3px 6px;color:var(--muted);font-size:10px}.select-wrap{background:var(--panel);border:1px solid var(--line);padding:7px 10px 5px;display:flex;flex-direction:column;gap:2px}.select-wrap>span{font-size:8px;color:var(--muted)}select{background:transparent;color:var(--text);border:0;outline:0;font-size:11px;min-width:0}select option{background:var(--ink-2)}.reset-button{border:1px solid var(--line-strong);background:transparent;color:var(--muted);font-size:11px;padding:0 13px;cursor:pointer}.reset-button:hover{border-color:var(--cyan);color:var(--cyan)}.legend-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:18px}.legend-title{color:var(--muted);margin-right:4px}.legend-item{display:inline-flex;align-items:center;gap:6px;background:transparent;color:#b4cece;border:0;padding:4px 7px;font-size:10px;cursor:pointer}.legend-item:hover{color:var(--text);background:var(--panel)}.legend-dot{width:8px;height:8px;background:var(--tone);display:inline-block;border-radius:2px}.periodic-table-frame{background:#091d29c2;border:1px solid var(--line);padding:16px;overflow:hidden}.table-meta{display:flex;color:var(--muted);gap:20px;margin-bottom:13px}.table-hint{margin-left:auto;letter-spacing:.03em;color:#55767a}.table-scroll{overflow-x:auto;padding-bottom:6px}.group-head,.period-row,.series-row{display:grid;grid-template-columns:68px repeat(18,minmax(51px,1fr));gap:5px;min-width:1120px}.group-head{color:#648285;text-align:center;margin-bottom:5px}.period-row{margin-bottom:5px}.period-label,.series-label{display:flex;align-items:center;color:#67878a;justify-content:center}.element-tile{--tone:var(--cyan);min-height:74px;padding:7px 6px 6px;display:flex;flex-direction:column;align-items:flex-start;background:color-mix(in srgb,var(--tone) 8%,#0b2431);border:1px solid color-mix(in srgb,var(--tone) 40%,transparent);color:var(--text);cursor:pointer;text-align:left;position:relative;transition:transform .16s ease,background .16s ease,border-color .16s ease,opacity .16s ease}.element-tile:hover,.element-tile:focus-visible{transform:translateY(-3px);background:color-mix(in srgb,var(--tone) 20%,#0b2431);border-color:var(--tone);outline:0;box-shadow:0 7px 18px #0003}.element-tile.is-selected{border:2px solid var(--cyan);background:color-mix(in srgb,var(--cyan) 20%,#0b2431);box-shadow:inset 0 0 0 1px #ffffff26}.element-tile.is-dimmed{opacity:.17}.tile-number{font-family:var(--mono);font-size:8px;color:var(--tone);letter-spacing:.04em}.element-tile strong{font-size:21px;line-height:1.1;margin-top:4px;letter-spacing:-.04em}.tile-name{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:#a7c2c1;margin-top:auto}.grid-empty{min-height:74px}.series-block{margin-top:18px;padding-top:18px;border-top:1px dashed var(--line)}.series-row{margin-bottom:5px}.series-label{font-size:9px;text-align:right;padding-right:9px;color:var(--yellow);letter-spacing:.07em}.series-row .element-tile{min-height:64px}.profile-section{padding-top:10px}.section-heading.compact{margin-bottom:25px}.profile-jump{font-family:var(--mono);font-size:12px;color:var(--cyan)}.profile-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px}.profile-side{border-top:1px solid var(--line-strong);padding-top:17px;display:flex;flex-direction:column;justify-content:space-between;min-height:610px}.side-note>span{color:var(--yellow)}.side-note p{color:var(--muted);font-size:12px;line-height:1.7;margin-top:13px}.side-index{display:flex;flex-direction:column;gap:8px;color:var(--muted)}.side-index strong{font-family:var(--mono);font-size:60px;line-height:.9;color:var(--cyan);letter-spacing:-.12em}.side-index i{width:22px;border-top:2px solid var(--cyan);margin:9px 0}.detail-card{background:var(--panel);border:1px solid color-mix(in srgb,var(--tone) 30%,var(--line));padding:25px 28px 30px;position:relative;overflow:hidden}.detail-card:after{content:"";position:absolute;right:-90px;top:-90px;width:280px;height:280px;border-radius:50%;border:1px solid color-mix(in srgb,var(--tone) 22%,transparent);box-shadow:0 0 0 28px color-mix(in srgb,var(--tone) 4%,transparent),0 0 0 58px color-mix(in srgb,var(--tone) 3%,transparent);pointer-events:none}.detail-topline{color:var(--muted);display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:17px;font-size:9px}.status-dot{color:var(--cyan)}.status-dot:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);vertical-align:2px;margin-right:5px}.detail-identity{display:flex;align-items:center;gap:20px;margin:27px 0 22px}.big-symbol{font-size:82px;font-weight:800;letter-spacing:-.13em;line-height:.8;color:var(--tone);min-width:120px}.detail-identity h2{font-size:38px;letter-spacing:-.08em;line-height:1;margin:4px 0}.english-name{color:var(--muted);font-size:13px;margin:0}.detail-intro{color:#bdd4d2;font-size:14px;line-height:1.7;max-width:720px;margin-bottom:22px}.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:21px}.detail-stats>div{padding:15px 0}.detail-stats>div+div{border-left:1px solid var(--line);padding-left:20px}.detail-stats span{display:block;font-family:var(--mono);font-size:9px;color:var(--muted);margin-bottom:6px}.detail-stats strong{font-family:var(--mono);font-size:14px;color:var(--cyan)}.detail-section{padding:18px 0;border-bottom:1px solid var(--line)}.section-label{display:flex;align-items:center;gap:10px}.section-index{font-family:var(--mono);font-size:10px;color:var(--yellow)}.detail-section h3{font-size:14px;margin:0}.property-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0 0}.property-grid div{min-height:49px}.property-grid dt{font-family:var(--mono);font-size:9px;color:var(--muted);margin-bottom:6px}.property-grid dd{font-size:12px;margin:0;color:#dbeae7}.mono-value{font-family:var(--mono);color:var(--cyan)!important;font-size:11px!important}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:18px}.story-label{display:block;color:var(--muted);font-size:9px;margin-bottom:6px}.story-grid p{font-size:12px;color:#c6dcda;margin:0;line-height:1.65}.story-grid strong{color:var(--cyan);font-family:var(--mono)}.fact-callout{display:flex;gap:12px;margin-top:20px;padding:14px;background:color-mix(in srgb,var(--yellow) 8%,transparent);border-left:2px solid var(--yellow)}.fact-icon{color:var(--yellow);font-size:18px}.fact-callout p{margin:3px 0 0;font-size:12px;color:#dfe5c8}.notes-section{border-top:1px solid var(--line);padding-top:70px;display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.notes-grid>div{border-top:1px solid var(--line-strong);padding-top:14px}.notes-grid span{font-family:var(--mono);color:var(--yellow);font-size:10px}.notes-grid h3{font-size:15px;margin:20px 0 9px}.notes-grid p{color:var(--muted);font-size:12px;line-height:1.7;margin:0}footer{border-top:1px solid var(--line);padding:22px clamp(20px,5vw,72px);display:flex;justify-content:space-between;color:#5f7c7e;font:10px var(--mono);letter-spacing:.08em}.tone-nonmetal{--tone:#63e6e2}.tone-noble{--tone:#bb9bff}.tone-alkali{--tone:#ff936c}.tone-alkaline{--tone:#f2c94c}.tone-metalloid{--tone:#8be28b}.tone-transition{--tone:#74a9ff}.tone-post{--tone:#cf9bff}.tone-lanthanide{--tone:#ff87b7}.tone-actinide{--tone:#ffb86b}@keyframes drift{0%,to{transform:rotate(-26deg) translate(0)}50%{transform:rotate(-21deg) translate(6px,-8px)}}@media (max-width:1050px){.controls{grid-template-columns:2fr repeat(2,1fr)}.search-field{grid-column:span 2}.reset-button{min-height:52px}.hero-section{grid-template-columns:1fr .8fr}.orbital-art{transform:scale(.82)}}@media (max-width:760px){.topbar{height:66px;padding:0 18px}.topbar nav,.header-chip{display:none}.hero-section{display:block;min-height:0;padding:70px 20px 40px}.hero-copy{max-width:600px}.hero-section h1{font-size:65px}.orbital-art{height:280px;transform:scale(.75);margin-top:-5px}.stats-strip{grid-template-columns:1fr 1fr;padding:0 20px 50px}.stat-card{min-height:106px;padding:15px}.stat-card strong{font-size:28px}.explorer-section,.profile-section,.notes-section{padding-left:20px;padding-right:20px;padding-bottom:65px}.section-heading{display:block}.heading-aside{text-align:left;margin-top:15px}.controls{grid-template-columns:1fr 1fr}.search-field{grid-column:span 2}.reset-button{min-height:45px}.legend-row{gap:3px}.legend-title{width:100%;margin-bottom:4px}.profile-layout{display:block}.profile-side{display:none}.detail-card{padding:20px 17px}.detail-identity{gap:12px}.big-symbol{font-size:64px;min-width:86px}.detail-identity h2{font-size:30px}.property-grid{grid-template-columns:1fr 1fr;gap:13px}.story-grid{gap:14px}.notes-section{display:block}.notes-grid{margin-top:35px;grid-template-columns:1fr;gap:28px}footer{flex-direction:column;gap:8px;font-size:8px}.table-hint{display:none}}@media (max-width:420px){.hero-section h1{font-size:55px}.hero-actions{align-items:flex-start;flex-direction:column}.stats-strip{gap:1px}.stat-card strong{font-size:24px}.controls{grid-template-columns:1fr}.search-field{grid-column:span 1}.search-field kbd{display:none}.select-wrap,.reset-button{min-height:48px}.detail-stats strong{font-size:12px}.detail-stats>div+div{padding-left:10px}.detail-stats>div{padding:13px 0}.property-grid,.story-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit,.element-tile,.primary-button{animation:none;transition:none}}.detail-stats{grid-template-columns:repeat(4,1fr)}.detail-stats strong{font-size:12px;letter-spacing:-.03em}.shells-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.shell-pill{min-width:58px;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--tone) 40%,transparent);background:color-mix(in srgb,var(--tone) 8%,transparent);position:relative}.shell-pill i{position:absolute;left:6px;top:4px;font:8px var(--mono);color:var(--tone);font-style:normal}.shell-pill strong{font:20px var(--mono);color:var(--text);line-height:1}.shell-pill small{font:8px var(--mono);color:var(--muted);margin-top:4px}.oxidation-row{display:flex;align-items:center;gap:18px;margin-top:20px;padding-top:14px;border-top:1px dashed var(--line)}.oxidation-row .story-label{margin:0}.oxidation-row strong{font:12px var(--mono);color:var(--cyan)}.uses-callout{display:flex;gap:12px;margin-top:20px;padding:14px;background:color-mix(in srgb,var(--cyan) 7%,transparent);border-left:2px solid var(--cyan)}.uses-icon{color:var(--cyan);font-size:20px;line-height:1}.uses-callout p{margin:3px 0 0;font-size:12px;color:#d7ece9;line-height:1.7}@media (max-width:760px){.detail-stats{grid-template-columns:repeat(2,1fr)}.detail-stats>div:nth-child(3){border-left:0;padding-left:0}.detail-stats>div:nth-child(n+3){border-top:1px solid var(--line)}.shell-pill{min-width:54px}.oxidation-row{display:block}.oxidation-row strong{display:block;margin-top:7px}}.group-head .group-label-wide{grid-column:span 3;justify-content:center;color:var(--cyan);letter-spacing:.08em}.atom-model-card{border:1px solid var(--line);background:#091d2999;padding:12px 10px;color:var(--muted)}.atom-model-head,.atom-model-foot{display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);letter-spacing:.1em}.atom-model-head{color:var(--yellow);border-bottom:1px solid var(--line);padding-bottom:8px}.atom-model-head strong{color:var(--cyan);font-weight:500}.atom-stage{display:grid;place-items:center;padding:8px 0}.atom-stage svg{width:170px;height:170px;overflow:visible}.atom-orbit{fill:none;stroke:var(--line-strong);stroke-width:1}.atom-electron{fill:var(--electron-tone);filter:drop-shadow(0 0 3px var(--electron-tone))}.atom-nucleus{fill:var(--panel-2);stroke:var(--cyan);stroke-width:1.2;filter:drop-shadow(0 0 9px rgba(99,230,226,.23))}.atom-symbol{fill:var(--text);font:700 17px var(--sans);letter-spacing:-.06em}.atom-model-foot{border-top:1px dashed var(--line);padding-top:8px;letter-spacing:.04em}.atom-model-foot span:first-child{color:var(--text);font-family:var(--sans);font-weight:600;letter-spacing:-.02em}.atom-model-foot span:last-child{font-size:8px;color:var(--muted)}@media (max-width:760px){.profile-side{display:flex;min-height:0;border-top:0;padding-top:0;margin-bottom:18px}.profile-side .side-note,.profile-side .side-index{display:none}.atom-model-card{width:100%;display:grid;grid-template-columns:1fr 170px;align-items:center;gap:12px}.atom-model-head{grid-column:1}.atom-stage{grid-column:2;grid-row:1 / span 2;padding:0}.atom-model-foot{grid-column:1}.atom-stage svg{width:150px;height:150px}}.detail-atom-right{position:absolute;z-index:2;top:58px;right:26px;width:218px;pointer-events:none}.detail-atom-right .atom-model-card{background:#091d292e;border-color:#aedce01a;padding:10px}.detail-atom-right .atom-stage svg{width:178px;height:178px}.detail-identity,.detail-intro{max-width:calc(100% - 250px)}@media (max-width:760px){.profile-side{display:none}.detail-atom-right{position:relative;top:auto;right:auto;width:100%;margin:16px 0 20px}.detail-atom-right .atom-model-card{display:grid;grid-template-columns:1fr 150px;align-items:center;gap:12px;background:#091d2999;border-color:var(--line);padding:12px 10px}.detail-atom-right .atom-model-head{grid-column:1}.detail-atom-right .atom-stage{grid-column:2;grid-row:1 / span 2}.detail-atom-right .atom-stage svg{width:145px;height:145px}.detail-atom-right .atom-model-foot{grid-column:1}.detail-identity,.detail-intro{max-width:none}}@media (max-width:760px){.detail-atom-right{margin-bottom:30px}.detail-atom-right .atom-model-card{display:grid;grid-template-columns:minmax(0,1fr) 150px;grid-template-rows:auto 1fr auto;min-height:190px;align-items:center;gap:8px 12px}.detail-atom-right .atom-model-head{grid-column:1;grid-row:1;width:100%}.detail-atom-right .atom-stage{grid-column:2;grid-row:1 / 4;align-self:center}.detail-atom-right .atom-model-foot{grid-column:1;grid-row:3;width:100%;min-height:22px}.detail-atom-right+.detail-identity{margin-top:12px}}@media (max-width:760px){.detail-atom-right{display:block;min-height:0;margin:16px 0 38px;clear:both}.detail-atom-right .atom-model-card{display:flex;flex-direction:column;gap:8px;min-height:240px;height:auto;padding:12px 10px}.detail-atom-right .atom-model-head{order:1;width:100%;flex:none}.detail-atom-right .atom-stage{order:2;width:100%;height:150px;flex:none;display:grid;place-items:center}.detail-atom-right .atom-stage svg{width:145px;height:145px}.detail-atom-right .atom-model-foot{order:3;width:100%;min-height:24px;flex:none}.detail-atom-right+.detail-identity{clear:both;margin-top:0}}.detail-atom-right{width:176px;right:20px;top:54px}.detail-atom-right .atom-model-card{padding:8px}.detail-atom-right .atom-model-head,.detail-atom-right .atom-model-foot{font-size:8px}.detail-atom-right .atom-stage svg{width:126px;height:126px}.detail-atom-right .atom-model-foot{gap:5px}.detail-atom-right .atom-model-foot span:last-child{font-size:7px}.detail-identity,.detail-intro{max-width:calc(100% - 205px)}@media (max-width:760px){.detail-atom-right{width:100%;right:auto;top:auto;margin-bottom:28px}.detail-atom-right .atom-model-card{min-height:178px;padding:8px 10px}.detail-atom-right .atom-stage{height:108px}.detail-atom-right .atom-stage svg{width:106px;height:106px}.detail-atom-right .atom-model-foot{min-height:20px}.detail-identity,.detail-intro{max-width:none}}.series-placeholder{min-width:0;min-height:74px;padding:5px 3px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;overflow:hidden;line-height:1.08;background:color-mix(in srgb,var(--tone) 8%,#0b2431);border:1px solid color-mix(in srgb,var(--tone) 40%,transparent);color:var(--text)}.series-placeholder span{max-width:100%;font:10px var(--mono);color:var(--tone);white-space:normal;overflow-wrap:anywhere;word-break:break-word}.series-placeholder small{max-width:100%;font:8px var(--sans);color:#a7c2c1;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.group-head>span:not(:first-child){color:var(--cyan)}.group-head .group-label-wide{color:var(--cyan)}.application-section{padding:22px 0;border-bottom:1px solid var(--line)}.application-model-card{margin-top:16px;min-height:230px;display:grid;grid-template-columns:minmax(210px,.8fr) minmax(280px,1.2fr);border:1px solid color-mix(in srgb,var(--cyan) 28%,var(--line));background:linear-gradient(110deg,#63e6e212,#06121c33);cursor:zoom-in;overflow:hidden;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.application-model-card:hover,.application-model-card:focus-visible{border-color:var(--cyan);transform:translateY(-2px);box-shadow:0 12px 34px #00000038;outline:0}.application-model-copy{padding:24px 20px;display:flex;flex-direction:column;justify-content:center}.application-model-copy h4{font-size:25px;letter-spacing:-.06em;line-height:1.05;margin:5px 0 9px;color:var(--text)}.application-model-copy p{font-size:12px;color:var(--muted);line-height:1.65;margin:0 0 18px}.model-expand{align-self:flex-start;border:1px solid var(--line-strong);background:transparent;color:var(--cyan);font:10px var(--mono);padding:9px 10px;cursor:pointer}.model-expand span{font-size:15px;margin-left:10px}.application-canvas,.application-modal-canvas{min-height:230px;background:radial-gradient(circle at 50% 45%,rgba(99,230,226,.12),transparent 62%)}.application-canvas canvas,.application-modal-canvas canvas{display:block;width:100%;height:100%;touch-action:none}.application-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:24px}.application-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#020a10d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.application-modal-dialog{position:relative;width:min(880px,95vw);background:var(--panel);border:1px solid var(--line-strong);box-shadow:0 25px 100px #0000008c;padding:18px}.application-modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:4px 4px 14px;border-bottom:1px solid var(--line)}.application-modal-head h3{font-size:25px;letter-spacing:-.05em;margin:3px 0 0}.application-modal-close{width:34px;height:34px;border:1px solid var(--line-strong);background:transparent;color:var(--text);font-size:25px;line-height:1;cursor:pointer}.application-modal-close:hover{color:var(--cyan);border-color:var(--cyan)}.application-modal-canvas{height:min(62vh,560px);min-height:320px;margin-top:12px}.application-modal-hint{text-align:center;color:var(--muted);font:10px var(--mono);letter-spacing:.05em;margin:10px 0 2px}@media (max-width:760px){.application-model-card{display:flex;flex-direction:column}.application-model-copy{padding:17px}.application-model-copy h4{font-size:21px}.application-canvas{min-height:205px;height:205px}.application-modal{padding:10px}.application-modal-dialog{padding:11px}.application-modal-canvas{height:58vh;min-height:270px}.application-modal-head h3{font-size:19px}}