#pt-wrap{--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--border-radius-md: 8px;--border-radius-lg: 12px;--color-border-tertiary: #e2e8f0;--color-text-primary: #1e293b;--color-text-secondary: #64748b;--color-text-tertiary: #94a3b8;--color-text-info: #2563eb;--color-text-warning: #f59e0b;--color-background-primary: #ffffff;--color-background-secondary: #f1f5f9}.pt-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.pt-scroll .pt-grid{min-width:640px}.pt-wrap{padding:.5rem 0;font-family:var(--font-sans)}.pt-controls{display:flex;gap:10px;margin-bottom:12px;align-items:center;flex-wrap:wrap}.pt-modes{display:inline-flex;border-radius:var(--border-radius-md);border:.5px solid var(--color-border-tertiary);overflow:hidden}.pt-modes button{padding:6px 12px;font-size:13px;border:0;background:transparent;cursor:pointer;color:var(--color-text-secondary);font-family:inherit}.pt-modes button.on{background:var(--color-background-secondary);color:var(--color-text-primary);font-weight:500}.pt-modes button small{display:block;font-size:10px;opacity:.7;line-height:1;margin-top:2px}.pt-search{flex:0 1 200px;min-width:0;height:36px;padding:0 10px;border-radius:var(--border-radius-md);border:.5px solid var(--color-border-tertiary);background:transparent;color:var(--color-text-primary);font-family:inherit;font-size:13px}.pt-trend{padding:0 10px;height:36px;border-radius:var(--border-radius-md);border:.5px solid var(--color-border-tertiary);background:transparent;color:var(--color-text-primary);font-family:inherit;font-size:13px;cursor:pointer}.pt-stat{font-size:12px;color:var(--color-text-secondary);margin-left:auto}.pt-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:4px;margin-bottom:14px}.pt-legend button{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:var(--border-radius-md);border:.5px solid var(--color-border-tertiary);background:transparent;cursor:pointer;font-size:12px;text-align:left;color:var(--color-text-primary);font-family:inherit}.pt-legend button.off{opacity:.35}.pt-legend button:hover{background:var(--color-background-secondary)}.pt-sw{width:12px;height:12px;border-radius:3px;flex-shrink:0}.pt-grid{display:grid;grid-template-columns:repeat(18,1fr);gap:2px}.pt-fb{margin-top:6px}.pt-cell{aspect-ratio:36/44;min-height:36px;border:.5px solid;border-radius:var(--border-radius-md);padding:2px 3px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:space-between;font-family:inherit;transition:transform .1s,opacity .2s;overflow:hidden}.pt-cell:hover{transform:scale(1.18);z-index:5;box-shadow:0 0 0 1.5px currentColor}.pt-cell.dim{opacity:.13;pointer-events:none}.pt-cell.match{box-shadow:0 0 0 2px var(--color-text-info);z-index:4}.pt-cell.sel{box-shadow:0 0 0 2px currentColor;z-index:4}.pt-num{font-size:11px;line-height:1;align-self:flex-start;opacity:.8;font-weight:400}.pt-sym{font-size:14px;font-weight:500;line-height:1}.pt-mass{font-size:11px;line-height:1;opacity:.7;font-weight:400}.pt-ph{background:var(--color-background-secondary)!important;color:var(--color-text-secondary)!important;border-color:var(--color-border-tertiary)!important;cursor:default!important}.pt-ph:hover{transform:none;box-shadow:none}.pt-ph .pt-sym{font-size:11px;font-weight:400}.cat-alkali{background:#fcebeb;color:#501313;border-color:#a32d2d}.cat-alkaline{background:#faece7;color:#4a1b0c;border-color:#993c1d}.cat-transition{background:#e6f1fb;color:#042c53;border-color:#185fa5}.cat-post{background:#f1efe8;color:#2c2c2a;border-color:#5f5e5a}.cat-metalloid{background:#eaf3de;color:#173404;border-color:#3b6d11}.cat-nonmetal{background:#faeeda;color:#412402;border-color:#854f0b}.cat-halogen{background:#e1f5ee;color:#04342c;border-color:#0f6e56}.cat-noble{background:#fbeaf0;color:#4b1528;border-color:#993556}.cat-lanthanide{background:#eeedfe;color:#26215c;border-color:#534ab7}.cat-actinide{background:#cecbf6;color:#26215c;border-color:#3c3489}.pt-trend{display:none}.pt-wrap.scientist .pt-trend{display:inline-flex}.pt-wrap.curious .pt-search,.pt-wrap.curious .pt-stat,.pt-wrap.curious .pt-legend{display:none}.pt-wrap.curious .pt-cell:not(.kid-on):not(.pt-ph){opacity:.13;pointer-events:none}.pt-wrap.curious .pt-cell.kid-on .pt-mass{display:none}.pt-wrap.curious .pt-cell.kid-on .pt-sym{font-size:17px}.pt-detail{background:var(--color-background-secondary);border-radius:var(--border-radius-lg);padding:16px 18px;margin-top:1rem;min-height:96px}.pt-d-empty{color:var(--color-text-tertiary);font-size:13px;margin:0;line-height:1.6}.pt-d-head{display:flex;align-items:center;gap:14px;margin-bottom:12px;flex-wrap:wrap}.pt-d-sym{font-size:28px;font-weight:500;line-height:1;padding:8px 12px;border-radius:var(--border-radius-md);border:.5px solid;min-width:54px;text-align:center}.pt-d-name{font-size:18px;font-weight:500;color:var(--color-text-primary);margin:0 0 2px}.pt-d-num{font-size:13px;color:var(--color-text-secondary);margin:0}.pt-d-cat{font-size:11px;padding:3px 10px;border-radius:999px;border:.5px solid;font-weight:500}.pt-d-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px 18px;font-size:13px}.pt-d-row{display:flex;flex-direction:column;gap:2px;min-width:0}.pt-d-row label{font-size:11px;color:var(--color-text-secondary);font-weight:400}.pt-d-row span{font-weight:500;color:var(--color-text-primary);overflow-wrap:break-word}.pt-d-cfg{font-family:var(--font-mono);font-size:13px;padding:7px 10px;background:var(--color-background-primary);border-radius:var(--border-radius-md);border:.5px solid var(--color-border-tertiary);margin:10px 0 0;display:block;word-break:break-word}.pt-d-desc{font-size:13px;color:var(--color-text-secondary);margin:10px 0 0;line-height:1.55;padding-top:10px;border-top:.5px solid var(--color-border-tertiary)}.kid-card{display:flex;gap:18px;align-items:center;padding:6px 0;flex-wrap:wrap}.kid-icon{font-size:64px;line-height:1;padding:18px 22px;border-radius:var(--border-radius-lg);border:.5px solid;min-width:80px;text-align:center}.kid-body{flex:1;min-width:200px}.kid-name{font-size:24px;font-weight:500;margin:0 0 8px;color:var(--color-text-primary)}.kid-name .kid-sym{color:var(--color-text-secondary);font-size:16px;font-weight:400;margin-left:8px}.kid-where{font-size:15px;margin:0 0 8px;color:var(--color-text-primary);line-height:1.5}.kid-where label{color:var(--color-text-secondary);font-weight:400}.kid-fact{font-size:14px;margin:0;color:var(--color-text-secondary);line-height:1.6}.exp-use{font-size:14px;margin:0;color:var(--color-text-primary);line-height:1.55}.exp-fact{font-size:13px;color:var(--color-text-secondary);margin:10px 0 0;padding:8px 12px;background:var(--color-background-primary);border-radius:var(--border-radius-md);border-left:2px solid var(--color-text-warning);line-height:1.55}.exp-shells{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 0;align-items:center}.exp-shell-label{font-size:11px;color:var(--color-text-secondary);margin-right:4px}.exp-shell{padding:3px 10px;border-radius:999px;background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);font-size:11px;font-weight:500;color:var(--color-text-primary)}.sci-trend-key{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--color-text-secondary);margin:-8px 0 12px;padding:6px 10px;background:var(--color-background-primary);border-radius:var(--border-radius-md);border:.5px solid var(--color-border-tertiary)}.sci-trend-bar{flex:1;height:8px;border-radius:4px}