.pt-root{--c-matematik: var(--c-kimya, var(--accent))}.pt-canvas{min-height:480px;padding:.85rem}.pt-frame{display:flex;flex-direction:column;gap:.85rem}.pt-shell{flex:1;min-height:0;display:grid;grid-template-columns:1fr;gap:.85rem}@media(min-width:900px){.pt-shell{grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:minmax(0,1fr);align-items:stretch}}.pt-stage{position:relative;min-width:0}.pt-infobox{order:-1;min-width:0;display:flex;flex-direction:column}@media(min-width:900px){.pt-infobox{order:0}}.pt-tablewrap{display:flex;gap:.85rem;align-items:stretch;transition:opacity .3s ease,transform .3s ease}.pt-tablewrap.is-hidden{opacity:0;transform:scale(.97);pointer-events:none}.pt-catbox{width:260px;flex-shrink:0;min-height:0;overflow-y:auto;background:var(--bg-card);border:1px solid var(--line);border-radius:14px;padding:1rem}.pt-catbox-title{margin:0 0 .8rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-mute)}.pt-catbox-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.pt-catbox-item{display:flex;gap:.6rem;align-items:flex-start}.pt-catbox-swatch{width:16px;height:16px;border-radius:5px;flex-shrink:0;margin-top:2px;border:1px solid rgba(0,0,0,.18)}.pt-catbox-text{display:flex;flex-direction:column;gap:.1rem;min-width:0}.pt-catbox-label{font-weight:700;font-size:.84rem;color:var(--ink)}.pt-catbox-desc{font-size:.76rem;line-height:1.4;color:var(--ink-soft)}.pt-tableview{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.85rem;background:var(--bg-card);border:1px solid var(--line);border-radius:14px;padding:.85rem}.pt-grid-wrap{container-type:inline-size}.pt-topbar{display:flex;align-items:center;gap:1rem;flex-shrink:0}.pt-topbar-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pt-topbar .interactive-fs-btn{position:static;margin-left:auto;flex-shrink:0}@keyframes pt-mp-in{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.pt-ev-back{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem .45rem .6rem;border-radius:999px;border:1px solid var(--line);background:var(--bg-card);color:var(--ink);font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;flex-shrink:0;transition:background .15s ease,transform .15s ease}.pt-ev-back:hover{background:var(--bg);transform:translate(-2px)}.pt-ev-back:focus-visible{outline:2px solid var(--c, var(--accent));outline-offset:2px}.pt-mp-body{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(200px,1fr) auto;gap:.85rem;animation:pt-mp-in .32s cubic-bezier(.22,.61,.36,1)}@media(min-width:900px){.pt-mp-body{grid-template-columns:260px minmax(0,1fr) 300px;grid-template-rows:minmax(0,1fr)}}.pt-mp-list{min-height:0;overflow-y:auto;background:var(--bg-card);border:1px solid var(--line);border-radius:14px;padding:.75rem}@media(max-width:639px){.pt-mp-list{max-height:30vh}}.pt-mp-desc{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.7rem;background:var(--bg-card);border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem}.pt-mp-desc-head{display:flex;flex-direction:column;gap:.15rem;padding-bottom:.7rem;border-bottom:1px solid var(--line)}.pt-mp-desc-formula{font-family:var(--font-display);font-size:1.4rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--ink)}.pt-mp-desc-name{font-size:.95rem;color:var(--ink-soft)}.pt-mp-desc-text{margin:0;font-size:.92rem;line-height:1.6;color:var(--ink)}.pt-mp-desc-empty{margin:0;font-size:.9rem;font-style:italic;color:var(--ink-soft)}.pt-mp-legend{margin-top:auto;padding-top:.85rem;display:flex;flex-direction:column;gap:.45rem}.pt-mp-legend-title{margin:0 0 .15rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-mute)}.pt-mp-legend-item{display:flex;align-items:center;gap:.55rem;font-size:.85rem}.pt-mp-legend-swatch{width:16px;height:16px;border-radius:50%;flex-shrink:0;border:1px solid rgba(0,0,0,.3);box-shadow:inset 0 1px 1px #fff6}.pt-mp-legend-sym{font-family:var(--font-display);font-weight:700;color:var(--ink);min-width:1.4rem}.pt-mp-legend-name{color:var(--ink-soft)}.pt-mol-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.pt-mol-item{width:100%;display:flex;align-items:center;gap:.7rem;padding:.85rem 1rem;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease}.pt-mol-item:hover{border-color:var(--c, var(--accent))}.pt-mol-item.is-active{border-color:var(--c, var(--accent));background:var(--c-soft, var(--bg-card))}.pt-mol-formula{font-family:var(--font-display);font-weight:700;font-size:1.1rem;font-variant-numeric:tabular-nums;flex-shrink:0}.pt-mol-name{flex:1;min-width:0;font-size:.95rem;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pt-mol-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);flex-shrink:0}.pt-mol-item.is-active .pt-mol-radio{border-color:var(--c, var(--accent));background:radial-gradient(circle,var(--c, var(--accent)) 0 4px,transparent 5px)}.pt-ev-canvas{position:relative;min-height:280px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg)}.pt-ev-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);text-align:center;padding:1.5rem}.cp-viewer.is-fullscreen .pt-root .interactive-hint{display:none}.cp-viewer.is-fullscreen .pt-tablewrap{height:100%}.cp-viewer.is-fullscreen .pt-tableview{container-type:size;height:100%;align-items:center;justify-content:center}.cp-viewer.is-fullscreen .pt-grid-wrap{width:min(100%,calc(180cqh - 180px))}.cp-viewer.is-fullscreen .pt-detail-card{overflow:hidden}.cp-viewer.is-fullscreen .pt-detail-atom{min-height:0}.cp-viewer.is-fullscreen .bohr-atom{max-width:200px;max-height:30vh}@media(prefers-reduced-motion:reduce){.pt-tableview{transition:none}.pt-mp-body{animation:none}}.pt-detail-card{flex:1;display:flex;flex-direction:column;gap:.4rem;padding:1.1rem 1.2rem;border-radius:14px;border:1px solid rgba(0,0,0,.12);color:#1a1d2e}@media(min-width:900px){.pt-detail-card{min-height:340px}}.pt-detail-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.pt-detail-z{font-size:.9rem;font-weight:600;color:#0009;font-variant-numeric:tabular-nums}.pt-detail-sym{font-family:var(--font-display);font-size:3rem;font-weight:800;line-height:1;color:#1a1d2e}.pt-detail-name{font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:#1a1d2e}.pt-detail-cat{font-size:.78rem;color:#0009;text-transform:uppercase;letter-spacing:.05em}.pt-detail-rows{display:flex;flex-direction:column;gap:.65rem;margin-top:.5rem;padding-top:.85rem;border-top:1px solid rgba(0,0,0,.15)}.pt-detail-rows span{display:flex;flex-direction:column;gap:.1rem;font-size:.92rem;color:#1a1d2e;word-break:break-word}.pt-detail-rows strong{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#0000008c}.pt-detail-atom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:.9rem;border-radius:12px;border:1px solid rgba(0,0,0,.14);background:#ffffff80}.bohr-atom{width:100%;max-width:240px;height:auto;display:block}.bohr-shell{fill:none;stroke:#0003;stroke-width:1}.bohr-shell-rot{transform-box:view-box;transform-origin:center;animation-name:bohr-spin;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes bohr-spin{to{transform:rotate(360deg)}}.pt-detail-atom-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem .9rem;font-size:.78rem;color:#1a1d2e}.pt-detail-atom-legend span{display:inline-flex;align-items:center;gap:.3rem}.bohr-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.bohr-dot--p{background:#e23b2e}.bohr-dot--n{background:#b9c0cc}.bohr-dot--e{background:#2f6bff}@media(prefers-reduced-motion:reduce){.bohr-shell-rot{animation:none}}.pt-group-row{display:grid;grid-template-columns:repeat(18,minmax(0,1fr));gap:clamp(1px,.35cqw,3px);margin-bottom:clamp(1px,.3cqw,3px)}.pt-group-label{text-align:center;font-size:clamp(.32rem,1.15cqw,.62rem);font-weight:700;letter-spacing:.02em;color:var(--ink-soft);font-variant-numeric:tabular-nums}.pt-grid{display:grid;grid-template-columns:repeat(18,minmax(0,1fr));grid-template-rows:repeat(7,auto) clamp(.4rem,3cqw,2.5rem) repeat(2,auto);gap:clamp(1px,.35cqw,3px)}.pt-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;min-width:0;padding:clamp(1px,.4cqw,4px);border-radius:clamp(2px,.5cqw,5px);border:1px solid rgba(0,0,0,.15);background:var(--bg-card);color:var(--ink);cursor:pointer;font:inherit;transition:transform .1s ease,box-shadow .1s ease;text-align:center;overflow:hidden}.pt-cell:hover,.pt-cell.is-selected{transform:scale(1.08);z-index:5;box-shadow:0 4px 12px #0000002e}.pt-cell.is-selected{outline:2px solid var(--c-kimya, var(--accent))}.pt-cell.has-models:after{content:"";position:absolute;top:3px;right:3px;width:5px;height:5px;border-radius:50%;background:var(--c-kimya, var(--accent));box-shadow:0 0 0 1px #fff9}.pt-cell-z{font-size:clamp(.34rem,1.3cqw,.62rem);line-height:1;color:#000000b3;font-variant-numeric:tabular-nums}.pt-cell-sym{font-family:var(--font-display);font-size:clamp(.52rem,2.6cqw,1.05rem);font-weight:700;line-height:1.05;color:#1a1d2e}.pt-cell-name{font-size:clamp(.3rem,1.05cqw,.5rem);line-height:1;color:#000000a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@container (max-width: 620px){.pt-cell-name{display:none}}.pt-placeholder{display:flex;align-items:center;justify-content:center;font-size:clamp(.4rem,1.4cqw,.62rem);color:var(--ink-soft);background:var(--bg);border:1px dashed var(--line);border-radius:4px}.pt-cell--alkali{background:#fde2e2}.pt-cell--toprak-alkali{background:#fde6c4}.pt-cell--gecis{background:#fdf3c4}.pt-cell--temel-metal{background:#d9e6f7}.pt-cell--yari-metal{background:#e6d9f7}.pt-cell--ametal{background:#d4f5d4}.pt-cell--halojen{background:#f7e0bd}.pt-cell--asal-gaz{background:#c4ddfd}.pt-cell--lantanit{background:#f0d3f7}.pt-cell--aktinit{background:#f7c4d9}