:root{--vpu-blue:#2563eb;--vpu-jade:#5eead4;--vpu-ink:#f4f7fc;--vpu-muted:#aab4c7;--vpu-panel:rgba(255,255,255,.045);--vpu-line:rgba(255,255,255,.12)}
vee-personality-portrait{display:block;position:relative;aspect-ratio:1;min-width:0}
vee-personality-portrait img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 28px rgba(0,0,0,.28))}
vee-personality-portrait[size="compact"]{width:72px;flex:0 0 72px}
.vpu-image-fallback{display:grid;place-items:center;width:100%;height:100%;border:1px dashed var(--vpu-line);border-radius:24px;color:var(--vpu-muted);font:800 28px 'Sora',sans-serif}
.vpu-card-art{position:relative;width:132px;max-width:46%;margin:-10px auto 4px;transition:transform .28s ease,filter .28s ease}
.tcard:hover .vpu-card-art,.tcard:focus-visible .vpu-card-art{transform:translateY(-3px) scale(1.02);filter:drop-shadow(0 14px 28px rgba(94,234,212,.13))}
.vpu-keywords{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 14px}
.vpu-keywords span{padding:5px 8px;border:1px solid var(--vpu-line);border-radius:999px;color:#c9d2e3;font:600 10px 'JetBrains Mono',monospace}
.vpu-seeks{min-height:38px;color:#9eabc0;font-size:12.5px;line-height:1.5}
.vpu-detail-art{width:min(250px,66vw);margin:0 auto 12px}
.vpu-detail-bridge{margin:0 0 28px;padding:18px;border:1px solid var(--vpu-line);border-radius:18px;background:linear-gradient(145deg,rgba(37,99,235,.12),rgba(94,234,212,.07))}
.vpu-detail-bridge h3{margin:0 0 7px;font:700 17px 'Sora',sans-serif}
.vpu-detail-bridge p{margin:0;color:#b7c1d2;font-size:13.5px;line-height:1.6}
.vpu-detail-bridge a{display:inline-flex;margin-top:12px;color:var(--vpu-jade);font-weight:700;text-underline-offset:3px}
.vpu-dual{margin:22px 0;padding:22px;border:1px solid var(--vpu-line);border-radius:24px;background:linear-gradient(145deg,rgba(37,99,235,.13),rgba(20,184,166,.08));color:var(--vpu-ink)}
.vpu-dual__visual{display:flex;justify-content:center;align-items:flex-end;gap:clamp(12px,4vw,34px)}
.vpu-dual__primary,.vpu-dual__support{display:grid;justify-items:center;text-align:center}
.vpu-dual__primary vee-personality-portrait{width:190px;max-width:48vw}
.vpu-dual__support vee-personality-portrait{width:88px;max-width:25vw}
.vpu-dual span{color:#8fa0b9;font:700 9px 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.14em}
.vpu-dual strong{margin-top:5px;font:700 13px 'Sora',sans-serif}
.vpu-dual__copy{text-align:center;max-width:600px;margin:15px auto 0}
.vpu-dual__copy p{color:#b7c1d2;font-size:13px;line-height:1.6}
.vpu-dual__copy a{color:var(--vpu-jade);font-weight:750;text-underline-offset:3px}
.vpu-skip{position:fixed;top:9px;left:9px;z-index:1000;padding:10px 15px;border-radius:10px;background:#fff;color:#08080d;font-weight:800;transform:translateY(-160%)}
.vpu-skip:focus{transform:none}
@media(max-width:560px){.vpu-card-art{width:110px}.vpu-dual{padding:17px}.vpu-dual__primary vee-personality-portrait{width:150px}}
@media(prefers-reduced-motion:reduce){.vpu-card-art,.tcard:hover .vpu-card-art,.tcard:focus-visible .vpu-card-art{transition:none;transform:none}}