.portrait-live{min-height:0;aspect-ratio:4/5.3;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 47% 40%,#43226444,transparent 67%);border:1px solid #b795ff33;box-shadow:inset 0 0 65px #10081d;display:block}.portrait-live:before,.portrait-live:after{display:none}.portrait-aura{position:absolute;inset:4% -15% 4%;background:conic-gradient(from 0deg,transparent 0deg,#b26bff25 75deg,transparent 130deg,#5ec8ff18 210deg,transparent 300deg);filter:blur(40px);animation:portrait-light-turn 18s linear infinite;z-index:0}.portrait-photo{position:absolute;width:94%;height:94%;object-fit:contain;object-position:center bottom;bottom:0;left:3%;z-index:2;filter:drop-shadow(0 0 16px #b477ff23);mask-image:linear-gradient(#000 0%,#000 86%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 86%,transparent 100%)}.portrait-network{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:.5;filter:drop-shadow(0 0 5px #b77aff55)}.net-path{stroke-dasharray:15 4 3 4;animation:net-flow 25s linear infinite}.net-path.alternate{opacity:.5;animation-direction:reverse}.portrait-orbit{position:absolute;left:5%;top:13%;width:90%;height:68%;border:1px solid #c79aff33;border-radius:50%;z-index:1;rotate:-20deg;box-shadow:0 0 25px #b47eff0c}.orbit-a{animation:portrait-orbit-sway 12s ease-in-out infinite}.orbit-b{left:14%;top:21%;width:72%;height:60%;rotate:30deg;border-color:#89b8ff22;animation:portrait-orbit-sway 15s ease-in-out infinite reverse}.portrait-floor{position:absolute;left:10%;bottom:4%;width:80%;height:13%;border:1px solid #d19aff66;border-radius:50%;background:radial-gradient(ellipse,#ad63ff33,transparent 70%);filter:blur(3px);z-index:0;animation:portrait-floor-pulse 6s ease-in-out infinite}.portrait-live .portrait-id{position:absolute;top:20px;left:22px;bottom:auto;display:flex;gap:9px;align-items:center;color:#c4addb;font-size:8px;letter-spacing:1px;z-index:3}.portrait-live .portrait-caption{position:absolute;bottom:20px;left:22px;color:#d9c7ec;font-size:9px;line-height:1.8;letter-spacing:1px;z-index:3;text-shadow:0 2px 8px #080610}.portrait-live:hover .portrait-network{opacity:.8;transition:opacity .5s}@keyframes portrait-light-turn{to{rotate:360deg}}@keyframes net-flow{to{stroke-dashoffset:-260}}@keyframes portrait-orbit-sway{50%{transform:rotate(12deg) scale(.94)}}@keyframes portrait-floor-pulse{50%{opacity:.4;transform:scale(.9)}}@media(max-width:900px){.portrait-live{width:min(100%,500px);margin:auto;aspect-ratio:4/5;min-height:0}}@media(prefers-reduced-motion:reduce){.portrait-live *{animation:none!important}.network-traveler{display:none}}