.pp-wrap { max-width: 560px; margin: 0 auto; }
.pp-note { font-size: .85rem; color: #94a3b8; margin-bottom: 1.4rem; line-height: 1.6; }
.pp-note a { color: #22d3ee; }
.pp-input-row { display: flex; gap: .5rem; margin-bottom: .8rem; }
.pp-input-row input { flex: 1; padding: .6rem .9rem; background: #1e293b; border: 1px solid #334155; border-radius: .4rem; color: #e2e8f0; font-size: .95rem; outline: none; }
.pp-input-row input:focus { border-color: #22d3ee; }
.pp-toggle { padding: .6rem .9rem; background: #1e293b; border: 1px solid #334155; border-radius: .4rem; color: #94a3b8; cursor: pointer; white-space: nowrap; font-size: .85rem; }
.pp-toggle:hover { color: #e2e8f0; }
.pp-check-btn { width: 100%; padding: .7rem; margin-bottom: 1.2rem; background: #0e7490; border: none; border-radius: .4rem; color: #fff; font-size: .95rem; cursor: pointer; transition: background .15s; }
.pp-check-btn:hover:not(:disabled) { background: #0891b2; }
.pp-check-btn:disabled { opacity: .5; cursor: not-allowed; }
.pp-result { padding: 1rem 1.2rem; border-radius: .5rem; background: #0f172a; border: 1px solid #1e293b; }
.pp-result.hidden { display: none; }
.pp-icon { font-size: 1.5rem; display: block; margin-bottom: .4rem; }
.pp-icon.pp-found { color: #f87171; }
.pp-icon.pp-safe  { color: #4ade80; }
.pp-icon.pp-error { color: #fb923c; }
.pp-message { font-weight: 600; margin: 0 0 .25rem; color: #e2e8f0; }
.pp-count { font-size: .85rem; color: #94a3b8; margin: 0; }