.hpv-frame{--ease:cubic-bezier(.16,1,.3,1);background:radial-gradient(130% 100% at 88% -12%, var(--soft), transparent 58%), radial-gradient(90% 90% at -8% 110%, var(--soft), transparent 52%), #eef1f6;padding:18px}.hpv-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--acc);border:1px solid var(--bd);background:#fff;border-radius:999px;align-items:center;margin-bottom:14px;padding:4px 11px;font-size:10px;font-weight:800;display:inline-flex}.hpv-win{background:#fff;border:1px solid #e3e8ef;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px -32px #0f172a66,inset 0 1px #fff}.hpv-chrome{background:linear-gradient(#fcfdff,#f7f9fc);border-bottom:1px solid #eef1f6;align-items:center;gap:10px;padding:10px 13px;display:flex}.hpv-brand{color:#0f172a;align-items:center;gap:7px;font-size:12.5px;font-weight:700;display:inline-flex}.hpv-brand-logo{border-radius:5px;display:block}.hpv-searchbar{color:#94a3b8;background:#fff;border:1px solid #e6eaf1;border-radius:9px;align-items:center;gap:6px;min-width:0;max-width:210px;margin-left:auto;padding:5px 10px;font-size:11px;display:inline-flex}.hpv-searchbar>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hpv-searchbar svg{color:#94a3b8;flex:none}.hpv-body{align-items:stretch;display:flex}.hpv-rail{background:#fbfcfe;border-right:1px solid #eef1f6;flex-direction:column;flex:none;align-items:center;gap:6px;width:46px;padding:12px 0;display:flex}.hpv-rail-i{color:#9aa7bd;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.hpv-rail-i.is-active{color:var(--acc);background:var(--soft)}.hpv-main{flex:1;min-width:0}.hpv-crumb{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;padding:10px 15px 0;font-size:10.5px;overflow:hidden}.hpv-crumb b{color:#334155;font-weight:700}.hpv-crumb span{color:#cbd5e1;margin:0 5px}.hpv-card{padding:13px 15px 4px;position:relative;overflow:hidden}.hpv-scan{z-index:4;opacity:0;background:linear-gradient(90deg, transparent, var(--accg), transparent);height:2px;box-shadow:0 0 9px color-mix(in srgb, var(--accg) 42%, transparent);position:absolute;top:0;left:0;right:0}.hpv-head{align-items:center;gap:11px;display:flex}.hpv-avatar{background:linear-gradient(150deg, var(--acc), var(--accg));width:44px;height:44px;box-shadow:0 6px 16px -6px var(--acc);border-radius:13px;flex:none;padding:2px;position:relative}.hpv-avatar-img,.hpv-avatar-mono{-o-object-fit:cover;object-fit:cover;background:#fff;border-radius:11px;place-items:center;width:100%;height:100%;display:grid}.hpv-avatar-mono{letter-spacing:.02em;color:#fff;background:radial-gradient(120% 120% at 30% 18%, color-mix(in srgb, var(--accg) 92%, #fff), var(--acc));font-size:14px;font-weight:800;box-shadow:inset 0 1px #ffffff59}.hpv-who{flex:1;min-width:0}.hpv-name-main{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:700;overflow:hidden}.hpv-sub{color:#64748b;margin-top:1px;font-size:11.5px}.hpv-seal{flex:none;align-items:center;gap:8px;display:flex}.hpv-seal-badge{background:var(--acc);width:30px;height:30px;box-shadow:0 4px 10px -3px var(--acc);border-radius:50%;flex:none;place-items:center;display:grid}.hpv-seal-lbl{width:96px;height:15px;position:relative}.hpv-seal-lbl>span{letter-spacing:.01em;white-space:nowrap;font-size:10px;font-weight:800;position:absolute;top:0;left:0}.hpv-self{color:#94a3b8;opacity:0}.hpv-ver{color:var(--acc);opacity:1}.hpv-skills{flex-direction:column;gap:12px;margin-top:15px;display:flex}.hpv-skill__top{justify-content:space-between;align-items:center;gap:8px;display:flex}.hpv-skill__name{color:#0f172a;font-size:13px;font-weight:650}.hpv-skill__lvl{align-items:center;gap:6px;display:inline-flex}.hpv-src{color:#334155;white-space:nowrap;background:#f8fafc;border:1px solid #e6eaf1;border-radius:8px;align-items:center;gap:6px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}.hpv-badge{border-radius:5px;flex:none;place-items:center;width:17px;height:17px;display:inline-grid}.hpv-ok{color:var(--acc);flex:none}.hpv-bar{background:#eef1f6;border-radius:3px;height:5px;margin-top:7px;overflow:hidden}.hpv-bar>i{height:100%;width:var(--w);background:linear-gradient(90deg, var(--acc), var(--accg));border-radius:3px;display:block}.hpv-ev{color:#94a3b8;margin-top:6px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:10.5px}.hpv-actions{border-top:1px solid #eef1f6;align-items:center;gap:10px;margin-top:8px;padding:12px 15px 14px;display:flex}.hpv-match{color:var(--acc);background:var(--soft);border:1px solid var(--bd);border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:11px;font-weight:700;display:inline-flex}.hpv-dp{color:#fff;background:var(--acc);background:linear-gradient(150deg, var(--acc), color-mix(in srgb, var(--acc) 80%, #000));box-shadow:0 6px 16px -8px var(--acc);border-radius:9px;align-items:center;gap:6px;margin-left:auto;padding:7px 12px;font-size:11.5px;font-weight:700;display:inline-flex}.hpv-foot{text-align:center;color:#64748b;margin-top:15px;font-size:11.5px}.hpv-scan{animation:3.6s linear both hpv-scan}.hpv-src{animation:hpv-src 1.3s var(--ease) var(--d) both}.hpv-ok{animation:hpv-chk 1.3s var(--ease) var(--d) both;transform-origin:50%}.hpv-skill__name{animation:hpv-name 1.3s var(--ease) var(--d) both}.hpv-bar>i{animation:hpv-bar 1.3s var(--ease) var(--d) both}.hpv-seal-badge{animation:hpv-seal .7s var(--ease) 3.5s both}.hpv-self{animation:hpv-flip-out .45s var(--ease) 3.5s both}.hpv-ver{animation:hpv-flip-in .45s var(--ease) 3.5s both}.hpv-actions{animation:hpv-rise .6s var(--ease) 3.75s both}@keyframes hpv-scan{0%{opacity:0;top:0}10%{opacity:.75}88%{opacity:.75}to{opacity:0;top:100%}}@keyframes hpv-src{0%{opacity:0}45%,to{opacity:1}}@keyframes hpv-chk{0%{opacity:0;transform:scale(1.7)}60%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}@keyframes hpv-name{0%{color:#94a3b8}60%,to{color:#0f172a}}@keyframes hpv-bar{0%{width:0}to{width:var(--w)}}@keyframes hpv-seal{0%{background:#cbd5e1;box-shadow:0 0 #0000}60%{box-shadow:0 0 0 5px color-mix(in srgb, var(--accg) 26%, transparent)}to{background:var(--acc);box-shadow:0 4px 10px -3px var(--acc)}}@keyframes hpv-flip-out{0%{opacity:1}55%,to{opacity:0}}@keyframes hpv-flip-in{0%{opacity:0}55%,to{opacity:1}}@keyframes hpv-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hpv-scan,.hpv-src,.hpv-ok,.hpv-skill__name,.hpv-bar>i,.hpv-seal-badge,.hpv-self,.hpv-ver,.hpv-actions{animation:none!important}.hpv-scan{opacity:0}}