.pt-root{--c-matematik: var(--c-kimya, var(--accent))}.pt-canvas{min-height:480px;padding:.85rem;overflow-x:auto}.pt-detail{margin-bottom:.85rem;min-height:80px}.pt-detail-card{display:grid;grid-template-columns:auto auto 1fr;gap:1rem;align-items:center;padding:.8rem 1rem;border-radius:12px;border:1px solid var(--line);background:var(--bg-card)}.pt-detail-z{font-size:.95rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}.pt-detail-sym{font-family:var(--font-display);font-size:2.4rem;font-weight:800;line-height:1}.pt-detail-meta{display:flex;flex-direction:column;gap:.25rem}.pt-detail-name{font-family:var(--font-display);font-size:1.15rem;font-weight:700}.pt-detail-cat{font-size:.82rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em}.pt-detail-rows{display:flex;flex-wrap:wrap;gap:.3rem 1.1rem;font-size:.85rem;color:var(--ink);margin-top:.2rem}.pt-empty{color:var(--ink-soft);font-style:italic;padding:.8rem}.pt-grid{display:grid;grid-template-columns:repeat(18,minmax(38px,1fr));grid-template-rows:repeat(10,minmax(46px,auto));gap:3px;min-width:720px}.pt-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2px;border-radius:4px;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-z{font-size:.55rem;line-height:1;color:#000000b3;font-variant-numeric:tabular-nums}.pt-cell-sym{font-family:var(--font-display);font-size:.95rem;font-weight:700;line-height:1.05;color:#1a1d2e}.pt-cell-name{font-size:.45rem;line-height:1;color:#000000a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pt-placeholder{display:flex;align-items:center;justify-content:center;font-size:.6rem;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}.pt-legend{display:flex;flex-wrap:wrap;gap:.35rem .5rem;margin-top:.85rem}.pt-legend-item{padding:.2rem .55rem;border-radius:6px;font-size:.72rem;color:#1a1d2e;border:1px solid rgba(0,0,0,.1)}