textarea{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:12px;font-family:'Courier New',monospace;font-size:0.9rem;resize:vertical;box-sizing:border-box}textarea:focus{outline:none;border-color:var(--accent)}input[type="text"],input[type="number"],input[type="password"],input[type="time"],input[type="date"],input[type="color"],select{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;font-size:0.9rem;box-sizing:border-box}input:focus,select:focus{outline:none;border-color:var(--accent)}.result-box{padding:16px;background:var(--surface);border:2px solid var(--accent);border-radius:var(--radius);font-size:1.2rem;font-weight:700;text-align:center;color:var(--accent);margin-top:16px;word-break:break-all}.pt-grid{display:grid;grid-template-columns:repeat(18,1fr);gap:2px;margin-bottom:12px}.pt-element{padding:4px 2px;text-align:center;border-radius:3px;cursor:pointer;font-size:0.65rem;transition:transform 0.2s}.pt-element:hover{transform:scale(1.3);z-index:10}.pt-element .symbol{font-weight:700;font-size:0.8rem;display:block}.pt-element .number{font-size:0.55rem;opacity:0.7}.pt-info{padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-size:0.9rem;line-height:1.6}.noble{background:#e8eaf6}.alkali{background:#ffcdd2}.alkaline{background:#f8bbd0}.transition{background:#ffe0b2}.post-transition{background:#c8e6c9}.metalloid{background:#b2dfdb}.nonmetal{background:#b3e5fc}.halogen{background:#d1c4e9}.lanthanide{background:#f0f4c3}.actinide{background:#ffecb3}.unknown{background:#cfd8dc}