.pv-form label{display:block;margin:0 0 6px;color:var(--muted);font-size:14px}
.pv-row{display:flex;gap:10px;flex-wrap:wrap}
.pv-row input[type=text]{flex:1 1 240px;min-width:0;box-sizing:border-box;background:var(--bg);color:var(--text);
  border:1px solid var(--border);border-radius:12px;padding:13px 14px;font:inherit;font-size:16px}
.pv-row input[type=text]:focus{outline:2px solid var(--teal);outline-offset:1px}
.pv-row button{cursor:pointer;border:0;font:inherit;font-weight:800}
.pv-note{margin:12px 0 0;font-size:14px}
.pv-foot{font-size:14px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.notice{border-radius:12px;padding:12px 16px;margin:0 0 18px;border:1px solid var(--border)}
.notice-err{background:rgba(229,83,75,.12);border-color:rgba(229,83,75,.45);color:#ff8a82}
.plist{margin:0 0 12px;padding-left:20px}
.pv-result{border-left-width:6px}
.pv-host{margin:0 0 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);word-break:break-all}
.pv-title{margin:0 0 8px}
.pv-safe{border-color:var(--safe)} .pv-safe .pv-title{color:var(--safe)}
.pv-warn{border-color:var(--warn)} .pv-warn .pv-title{color:var(--warn)}
.pv-bad{border-color:var(--danger)} .pv-bad .pv-title{color:var(--danger)}
.pv-unk{border-color:var(--border)}

.pv-mini{margin:0 0 22px;max-width:34em}
.pv-mini label{display:block;margin:0 0 6px;color:var(--muted);font-size:14px}
.pv-dest{margin:0 0 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}


.pv-result{display:flex;gap:22px;align-items:center}
.pv-body{flex:1 1 auto;min-width:0}
.pv-mascot{flex:0 0 auto;width:120px;height:auto;display:block}
.pv-mascot.m-hook{width:auto;height:150px}
@media (max-width:520px){
  .pv-result{flex-direction:column;align-items:flex-start}
  .pv-mascot{width:96px}
  .pv-mascot.m-hook{height:120px}
}


.pv-loading[hidden]{display:none}
.pv-loading{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;
  background:rgba(10,20,28,.88);padding:20px}
.pv-loading-box{text-align:center;max-width:360px}
.pv-swim{display:block;margin:0 auto 14px;animation:pv-swim 1.6s ease-in-out infinite}
.pv-loading-title{margin:0 0 6px;font-size:22px;font-weight:800}
.pv-loading-sub{margin:0;font-size:14px}
.pv-dots i{font-style:normal;opacity:.2;animation:pv-dot 1.2s infinite}
.pv-dots i:nth-child(2){animation-delay:.2s}
.pv-dots i:nth-child(3){animation-delay:.4s}
@keyframes pv-swim{
  0%,100%{transform:translateX(-14px) rotate(-4deg)}
  50%{transform:translateX(14px) rotate(4deg) translateY(-6px)}
}
@keyframes pv-dot{0%,100%{opacity:.2}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){
  .pv-swim,.pv-dots i{animation:none}
  .pv-dots i{opacity:1}
}