.portrait-page{--bg:#000000;--bg-deep:#050810;--brand:#00A4C8;--brand-dark:#008BAA;--brand-light:#33B5D5;--cream:#F7EFE2;--ink:#1F2A2E;--heart:#E14B3F}.portrait-page{position:fixed;inset:0;background:var(--bg);color:var(--cream);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;user-select:none;-webkit-user-select:none;overflow:hidden;z-index:0}body.portrait-active{overflow:hidden}.portrait-page .bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 45%,#00a4c81a,#050810d9 60%,#000);z-index:0}.portrait-page .bg:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='280' height='280'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .10 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");mix-blend-mode:overlay;opacity:.45;pointer-events:none}.portrait-page .vignette{position:absolute;inset:0;pointer-events:none;z-index:91;background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.72) 100%)}.portrait-page .stage{position:absolute;inset:0;display:grid;place-items:center;z-index:5}.portrait-page .ring{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.portrait-page .ring.r1{width:560px;height:560px;border:1px dashed rgba(0,164,200,.22);animation:rspin 60s linear infinite}.portrait-page .ring.r2{width:680px;height:680px;border:1px solid rgba(0,164,200,.25);animation:rspin 90s linear infinite reverse}@keyframes rspin{to{transform:translate(-50%,-50%) rotate(360deg)}}.portrait-page .portrait{position:relative;width:680px;height:680px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#1a2530,#050810);box-shadow:0 0 0 1px #00a4c82e,0 40px 120px -30px #000000d9,0 0 80px -10px #00a4c84d;z-index:4;transition:transform .6s cubic-bezier(.2,.8,.2,1);cursor:pointer;perspective:1600px}.portrait-page .portrait-flipper{position:absolute;inset:0;border-radius:50%;transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.65,.05,.25,1)}.portrait-page .portrait.flipped .portrait-flipper{transform:rotateY(180deg)}.portrait-page .portrait-face{position:absolute;inset:0;border-radius:50%;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.portrait-page .portrait-face.back{transform:rotateY(180deg);background:#000;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #00a4c840}.portrait-page .portrait-video{width:100%;height:100%;object-fit:cover;object-position:50% 50%;border-radius:50%;background:#000}.portrait-page .portrait.flipped,.portrait-page .portrait.flipped:hover{transform:none!important}.portrait-page .portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 32%;transform:scale(1.55);transform-origin:center 32%;transition:transform .8s ease;clip-path:circle(0% at 50% 50%);animation:irisOpen 2s cubic-bezier(.2,.8,.2,1) .6s forwards}@keyframes irisOpen{0%{clip-path:circle(0% at 50% 50%)}to{clip-path:circle(80% at 50% 50%)}}.portrait-page .portrait:hover{transform:scale(1.025) rotate(.4deg)}.portrait-page .portrait:hover img{transform:scale(1.62)}.portrait-page .portrait:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.35));pointer-events:none}.portrait-page .aperture{position:absolute;inset:-2%;pointer-events:none;z-index:6;display:grid;place-items:center;opacity:0;animation:apClose 2.6s ease forwards}.portrait-page .aperture.replay{animation:apReplay 2.6s ease forwards}@keyframes apClose{0%{opacity:1}85%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes apReplay{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}.portrait-page .blade{position:absolute;width:140%;height:140%;background:linear-gradient(135deg,#0a1118,#000);clip-path:polygon(50% 50%,100% 0,100% 100%);transform-origin:50% 50%}.portrait-page .fx{position:absolute;inset:0;pointer-events:none;z-index:7}.portrait-page .fx.front{z-index:9}.portrait-page .planets{position:absolute;left:50%;top:50%;width:860px;height:860px;transform:translate(-50%,-50%);animation:rspin 80s linear infinite;pointer-events:none;z-index:3}.portrait-page .planet{position:absolute;top:50%;left:50%;width:46px;height:46px;margin:-23px;transform:rotate(var(--a)) translateY(-430px) rotate(calc(-1 * var(--a)))}@keyframes spinOnly{to{transform:rotate(360deg)}}.portrait-page .planet-inner{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 8px 24px -8px #0009,inset 0 0 0 1px #ffffff26;animation:spinOnly 80s linear infinite reverse}.portrait-page .planet-inner svg{width:22px;height:22px;fill:currentColor}.portrait-page .planet.ig .planet-inner{background:linear-gradient(135deg,#feda75,#fa7e1e 25%,#d62976 55%,#962fbf 75%,#4f5bd5)}.portrait-page .planet.fb .planet-inner{background:#1877f2}.portrait-page .planet.yt .planet-inner{background:red}.portrait-page .planet.wa .planet-inner{background:#25d366}.portrait-page .planet.gmb .planet-inner{background:linear-gradient(135deg,#4285f4,#34a853 35%,#fbbc05 65%,#ea4335)}.portrait-page .planet.li .planet-inner{background:#0a66c2}.portrait-page .planet.th .planet-inner{background:#000}.portrait-page .planet.pi .planet-inner{background:#e60023}.portrait-page .planet.tt .planet-inner,.portrait-page .planet.x .planet-inner{background:#000}.portrait-page .ticks{position:absolute;left:50%;top:50%;width:760px;height:760px;transform:translate(-50%,-50%);pointer-events:none}.portrait-page .tick{position:absolute;left:50%;top:0;width:1px;height:10px;background:#00a4c873;transform-origin:0 380px}.portrait-page .viewfinder{position:absolute;inset:48px;pointer-events:none;z-index:80;border:1px solid rgba(0,164,200,.22)}.portrait-page .viewfinder:before,.portrait-page .viewfinder:after,.portrait-page .viewfinder span:before,.portrait-page .viewfinder span:after{content:"";position:absolute;width:24px;height:24px;border:2px solid rgba(0,164,200,.55)}.portrait-page .viewfinder:before{top:-2px;left:-2px;border-right:none;border-bottom:none}.portrait-page .viewfinder:after{top:-2px;right:-2px;border-left:none;border-bottom:none}.portrait-page .viewfinder span:before{bottom:-2px;left:-2px;border-right:none;border-top:none;position:absolute}.portrait-page .viewfinder span:after{bottom:-2px;right:-2px;border-left:none;border-top:none;position:absolute}.portrait-page .viewfinder .rec{position:absolute;top:18px;left:18px;width:10px;height:10px;border-radius:50%;background:#e14b3f;border:none;animation:rec 1.4s ease-in-out infinite}@keyframes rec{0%,to{opacity:.3}50%{opacity:1;box-shadow:0 0 14px #e14b3f}}.portrait-page .viewfinder .crosshair{position:absolute;left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%)}.portrait-page .viewfinder .crosshair:before,.portrait-page .viewfinder .crosshair:after{content:"";position:absolute;background:#00a4c873}.portrait-page .viewfinder .crosshair:before{left:50%;top:0;bottom:0;width:1px;transform:translate(-50%)}.portrait-page .viewfinder .crosshair:after{top:50%;left:0;right:0;height:1px;transform:translateY(-50%)}.portrait-page .sparrow{position:fixed;pointer-events:none;z-index:8;width:28px;height:18px;color:#0c1316;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.portrait-page .sparrow svg{width:100%;height:100%;fill:currentColor}.portrait-page .sparrow .wing{animation:flap .22s ease-in-out infinite alternate;transform-origin:center}@keyframes flap{0%{transform:scaleY(1)}to{transform:scaleY(-1.1)}}.portrait-page .flash{position:fixed;inset:0;background:#fff;z-index:300;opacity:0;pointer-events:none;animation:flash .35s ease-out}@keyframes flash{0%{opacity:0}10%{opacity:.95}to{opacity:0}}.portrait-page .confetti{position:fixed;pointer-events:none;z-index:120;width:14px;height:14px;border-radius:3px}.portrait-page .bloom{position:fixed;pointer-events:none;z-index:7;width:30px;height:30px;border-radius:50%;transform:translate(-50%,-50%);mix-blend-mode:screen;animation:bloom 1.2s ease-out forwards}@keyframes bloom{0%{opacity:.9;transform:translate(-50%,-50%) scale(.1)}to{opacity:0;transform:translate(-50%,-50%) scale(8)}}.portrait-page .dial{position:absolute;bottom:64px;left:50%;transform:translate(-50%);z-index:85;display:flex;gap:10px;align-items:center}.portrait-page .dial .pip{width:6px;height:6px;border-radius:50%;background:#00a4c840;transition:all .3s}.portrait-page .dial .pip.on{background:var(--brand);box-shadow:0 0 12px var(--brand);transform:scale(1.4)}.portrait-page .heart{position:fixed;pointer-events:none;z-index:120;width:22px;height:22px;color:var(--heart);filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.portrait-page .disco{position:absolute;inset:0;z-index:50;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(circle at 20% 20%,rgba(0,164,200,.45),transparent 30%),radial-gradient(circle at 80% 30%,rgba(51,181,213,.45),transparent 30%),radial-gradient(circle at 30% 80%,rgba(0,139,170,.45),transparent 30%),radial-gradient(circle at 75% 75%,rgba(0,164,200,.45),transparent 30%);mix-blend-mode:screen;animation:disco 3s linear infinite}.portrait-page .disco.on{opacity:1}@keyframes disco{0%,to{filter:hue-rotate(0deg)}50%{filter:hue-rotate(60deg)}}.portrait-page .focusbox{position:absolute;left:50%;top:50%;width:60px;height:60px;border:1px solid rgba(0,164,200,.7);transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .25s,transform .25s;z-index:8}.portrait-page .focusbox.on{opacity:1}.portrait-page .focusbox:before,.portrait-page .focusbox:after{content:"";position:absolute;background:var(--brand)}.portrait-page .focusbox:before{left:-1px;right:-1px;top:50%;height:1px}.portrait-page .focusbox:after{top:-1px;bottom:-1px;left:50%;width:1px}.portrait-page .hud-logo,.portrait-page .hud-back,.portrait-page .hud-cta{position:absolute;z-index:100;font-family:inherit}.portrait-page .hud-logo{top:24px;left:24px;display:inline-flex;align-items:center;opacity:.45;transition:opacity .3s ease;text-decoration:none}.portrait-page .hud-logo:hover{opacity:.95}.portrait-page .hud-logo img{height:32px;width:auto;display:block}.portrait-page .hud-back{top:24px;right:24px;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#ffffff8c;font-size:12px;font-weight:500;letter-spacing:.05em;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.portrait-page .hud-back:hover{background:#00a4c81a;border-color:#00a4c866;color:#fff}.portrait-page .hud-back svg{width:14px;height:14px}.portrait-page .hud-cta{bottom:36px;right:36px;display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:999px;background:#00a4c81f;border:1px solid rgba(0,164,200,.4);color:#fff;font-size:13px;font-weight:600;letter-spacing:.02em;text-decoration:none;transition:all .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.portrait-page .hud-cta:hover{background:#00a4c838;border-color:#00a4c8a6;box-shadow:0 0 28px #00a4c84d;transform:translateY(-1px)}.portrait-page .hud-cta svg{width:16px;height:16px;color:var(--brand-light)}.portrait-page .bio-rail{position:absolute;left:24px;top:50%;transform:translateY(-50%);max-height:calc(100vh - 180px);width:280px;z-index:85;display:flex;flex-direction:column;gap:6px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;overflow-y:auto;scrollbar-width:none}.portrait-page .bio-rail::-webkit-scrollbar{display:none}.portrait-page .bio-card{background:#000000b8;border:1px solid rgba(0,164,200,.35);border-radius:10px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden;transition:border-color .25s ease,background .25s ease}.portrait-page .bio-card[open]{border-color:#33b5d5bf;background:#000000e0;box-shadow:0 8px 28px -10px #00a4c859}.portrait-page .bio-card summary{list-style:none;cursor:pointer;padding:11px 14px;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:#7fd4ed;text-shadow:0 1px 4px rgba(0,0,0,.7);transition:color .2s ease}.portrait-page .bio-card summary::-webkit-details-marker{display:none}.portrait-page .bio-card summary:hover{color:#fff}.portrait-page .bio-card[open] summary{color:#fff}.portrait-page .bio-card p{margin:0;padding:0 14px 14px;font-size:12px;line-height:1.6;letter-spacing:.03em;color:#e6f4f9;text-transform:none;text-shadow:0 1px 3px rgba(0,0,0,.6);animation:bioSlide .28s cubic-bezier(.2,.7,.2,1)}@keyframes bioSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.portrait-page .bio-handle{display:none}@media(max-width:640px){.portrait-page .bio-card[data-egg],.portrait-page .bio-card[data-egg] summary{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.portrait-page .viewfinder{inset:20px}.portrait-page .hud-logo{top:14px;left:14px}.portrait-page .hud-logo img{height:24px}.portrait-page .hud-back{top:14px;right:14px;padding:6px 12px;font-size:11px}.portrait-page .hud-cta{bottom:60px;right:20px;padding:10px 16px;font-size:12px}.portrait-page .planets{width:90vmin;height:90vmin}.portrait-page .planet{transform:rotate(var(--a)) translateY(-45vmin) rotate(calc(-1 * var(--a)))}.portrait-page .ring.r1{width:64vmin;height:64vmin}.portrait-page .ring.r2{width:80vmin;height:80vmin}.portrait-page .ticks{width:min(110vw,400px);height:min(110vw,400px)}.portrait-page .tick{transform-origin:0 200px}.portrait-page .dial{bottom:48px}.portrait-page .portrait{width:min(72vw,280px);height:min(72vw,280px)}.portrait-page .bio-rail{inset:auto 0 0;width:auto;max-height:82vh;padding:14px 14px 36px;background:#000000c7;border-top:1px solid rgba(0,164,200,.35);border-radius:18px 18px 0 0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform:translateY(100%);transition:transform .35s cubic-bezier(.2,.7,.2,1);z-index:86;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 32px),rgba(0,0,0,.4) calc(100% - 12px),transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 32px),rgba(0,0,0,.4) calc(100% - 12px),transparent 100%)}.portrait-page .bio-rail.open{transform:translate(0)}.portrait-page .bio-handle{display:flex;align-items:center;gap:8px;justify-content:center;position:absolute;left:50%;bottom:0;transform:translate(-50%);z-index:86;padding:8px 22px 10px;background:#000000b3;border:1px solid rgba(0,164,200,.35);border-bottom:none;border-radius:14px 14px 0 0;color:#00a4c8d9;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:10px;letter-spacing:.14em;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:transform .35s cubic-bezier(.2,.7,.2,1)}.portrait-page .bio-handle svg{width:14px;height:14px}.portrait-page .bio-rail.open~.bio-handle{transform:translate(-50%) translateY(100%)}}.portrait-page .page-title{position:absolute;top:22px;left:50%;transform:translate(-50%);z-index:90;pointer-events:none;text-align:center;color:var(--cream);opacity:0;animation:titleFadeIn 1.2s ease 1.4s forwards}@keyframes titleFadeIn{to{opacity:1}}.portrait-page .page-title h1{margin:0;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:15px;font-weight:600;letter-spacing:.34em;text-transform:uppercase;color:var(--cream);text-shadow:0 2px 12px rgba(0,0,0,.6)}.portrait-page .page-title h1 .dash{color:var(--brand);margin:0 14px;font-weight:400;opacity:.85}.portrait-page .page-title p{margin:18px 0 0;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:11px;font-weight:400;letter-spacing:.08em;color:#f7efe2a6;text-shadow:0 1px 8px rgba(0,0,0,.5)}.portrait-page .page-title p .sep{color:var(--brand);margin:0 6px;opacity:.7}@media(max-width:640px){.portrait-page .page-title{top:62px;width:90vw}.portrait-page .page-title h1{font-size:11px;letter-spacing:.22em}.portrait-page .page-title h1 .dash{margin:0 8px}.portrait-page .page-title p{font-size:9px;letter-spacing:.04em;line-height:1.5;margin-top:10px}.portrait-page .page-title p .sep{margin:0 4px}}.portrait-page .live-banner{position:absolute;left:50%;top:-58px;transform:translate(-50%) translateY(-8px);display:flex;align-items:center;gap:14px;padding:10px 18px;border-radius:999px;background:#0a0f14eb;border:1px solid rgba(225,75,63,.6);box-shadow:0 0 24px #e14b3f8c,0 12px 32px -8px #000000b3,inset 0 0 0 1px #ffffff0d;color:#fff;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:13px;letter-spacing:.18em;font-weight:600;white-space:nowrap;z-index:200;opacity:0;animation:liveBannerIn .5s cubic-bezier(.2,1.4,.4,1) forwards}@keyframes liveBannerIn{to{opacity:1;transform:translate(-50%) translateY(0)}}.portrait-page .live-banner.ended{border-color:#00a4c88c;box-shadow:0 0 18px #00a4c866,0 12px 32px -8px #000000b3;animation:liveBannerOut 1.8s ease forwards}@keyframes liveBannerOut{0%{opacity:1}60%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-12px)}}.portrait-page .live-banner .live-dot{width:10px;height:10px;border-radius:50%;background:#e14b3f;box-shadow:0 0 #e14b3f;animation:liveDotPulse 1s ease-out infinite}.portrait-page .live-banner.ended .live-dot{background:#00a4c8b3;animation:none;box-shadow:none}@keyframes liveDotPulse{0%{box-shadow:0 0 #e14b3fd9}to{box-shadow:0 0 0 16px #e14b3f00}}.portrait-page .live-banner .live-label{color:#e14b3f}.portrait-page .live-banner.ended .live-label{color:#00a4c8d9;letter-spacing:.14em}.portrait-page .live-banner .live-views{color:#ffffffd9;padding-left:14px;border-left:1px solid rgba(255,255,255,.18);display:flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.portrait-page .live-banner .live-eye{color:var(--brand-light);font-size:8px}.portrait-page .live-pop{position:fixed;pointer-events:none;z-index:150;padding:8px 14px;border-radius:14px;background:#0a0f14e0;border:1px solid rgba(0,164,200,.4);color:#fff;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:12px;letter-spacing:.04em;font-weight:600;white-space:nowrap;box-shadow:0 10px 28px -10px #000000b3,0 0 18px #00a4c840;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transform:translateY(8px) scale(.92);animation:livePopIn .35s cubic-bezier(.2,1.6,.4,1) forwards,livePopOut .5s ease 1.6s forwards}@keyframes livePopIn{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes livePopOut{to{opacity:0;transform:translateY(-14px) scale(.95)}}.portrait-page.live .planets,.portrait-page.live .planet-inner{animation-duration:8s}.portrait-page.live .planet-inner{box-shadow:0 8px 24px -8px #0009,inset 0 0 0 1px #ffffff40,0 0 18px #e14b3f8c}.portrait-page.live .eng .bar:after{animation:none!important;width:100%!important;background:linear-gradient(90deg,#e14b3f,#ff6b35)!important}.portrait-page.live .scanbeam:before{background:linear-gradient(to bottom,#e14b3f00,#e14b3fb3 50%,#e14b3f00);animation-duration:1.6s}.portrait-page.live .portrait{box-shadow:0 0 0 1px #e14b3f59,0 40px 120px -30px #000000d9,0 0 80px -10px #e14b3f8c}.portrait-page.live .ring.r1{border-color:#e14b3f59;animation-duration:8s}.portrait-page.live .ring.r2{border-color:#e14b3f66;animation-duration:10s}@media(max-width:640px){.portrait-page .live-banner{top:-46px;padding:8px 14px;font-size:11px;gap:10px}.portrait-page .live-banner .live-dot{width:8px;height:8px}.portrait-page .live-pop{font-size:11px;padding:6px 12px}}.portrait-page .story-ring{position:absolute;left:50%;top:50%;width:698px;height:698px;border-radius:50%;transform:translate(-50%,-50%);padding:5px;background:conic-gradient(from 0deg,#00a4c8,#33b5d5,#fff,#00a4c8,#008baa,#00a4c8);-webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);-webkit-mask-composite:xor;mask-composite:exclude;animation:storyspin 6s linear infinite;z-index:3;pointer-events:none;filter:drop-shadow(0 0 18px rgba(0,164,200,.55))}@keyframes storyspin{to{transform:translate(-50%,-50%) rotate(360deg)}}.portrait-page .holo{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#00a4c800 30%,#00a4c838 45%,#33b5d538 55%,#00a4c800 70%);background-size:200% 200%;mix-blend-mode:screen;animation:holoshift 5s linear infinite}@keyframes holoshift{0%{background-position:0% 0%}to{background-position:200% 200%}}.portrait-page .scanbeam{position:absolute;inset:0;border-radius:inherit;pointer-events:none;overflow:hidden;mix-blend-mode:screen}.portrait-page .scanbeam:before{content:"";position:absolute;left:-10%;right:-10%;top:0;height:14%;background:linear-gradient(to bottom,#00a4c800,#00a4c8a6 50%,#00a4c800);filter:blur(2px);animation:scanmove 3.4s cubic-bezier(.7,0,.3,1) infinite}@keyframes scanmove{0%{transform:translateY(-30%)}to{transform:translateY(820%)}}.portrait-page .uicard{position:fixed;pointer-events:none;width:180px;border-radius:18px;background:#00a4c812;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,164,200,.2);padding:14px;box-shadow:0 16px 40px -16px #00000080;z-index:6;display:flex;flex-direction:column;gap:10px}.portrait-page .uicard .head{display:flex;align-items:center;gap:8px}.portrait-page .uicard .av{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#00a4c8,#33b5d5)}.portrait-page .uicard .lines{flex:1;display:flex;flex-direction:column;gap:4px}.portrait-page .uicard .ln{height:6px;border-radius:3px;background:#00a4c840}.portrait-page .uicard .ln.s{width:60%}.portrait-page .uicard .ln.t{width:40%;height:4px}.portrait-page .uicard .media{height:80px;border-radius:10px;background:linear-gradient(135deg,#00a4c859,#33b5d540);position:relative;overflow:hidden}.portrait-page .uicard .media:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.2),transparent 40%),radial-gradient(circle at 70% 80%,rgba(0,0,0,.2),transparent 40%)}.portrait-page .uicard .actions{display:flex;gap:10px;align-items:center}.portrait-page .uicard .ic{width:14px;height:14px;border-radius:3px;background:#00a4c880}.portrait-page .uicard .ic.heart{background:none;color:#e14b3f;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 21s-7-4.35-7-10a4 4 0 0 1 7-2.64A4 4 0 0 1 19 11c0 5.65-7 10-7 10z'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 21s-7-4.35-7-10a4 4 0 0 1 7-2.64A4 4 0 0 1 19 11c0 5.65-7 10-7 10z'/></svg>") center/contain no-repeat;background-color:currentColor}.portrait-page .phone{position:fixed;pointer-events:none;width:130px;height:240px;border-radius:22px;background:linear-gradient(160deg,#0a1118,#000);border:1px solid rgba(0,164,200,.2);padding:8px;box-shadow:inset 0 0 0 4px #000,0 24px 48px -20px #000000b3,0 0 30px -10px #00a4c859;z-index:6;display:flex;flex-direction:column;gap:6px;overflow:hidden}.portrait-page .phone:before{content:"";position:absolute;top:6px;left:50%;width:36px;height:8px;border-radius:8px;background:#000;transform:translate(-50%);z-index:2}.portrait-page .phone .pscreen{flex:1;border-radius:14px;background:linear-gradient(180deg,#050810,#000);display:flex;flex-direction:column;gap:5px;padding:14px 6px 6px;overflow:hidden;position:relative}.portrait-page .phone .ptop{display:flex;gap:4px;justify-content:space-between;align-items:center}.portrait-page .phone .ptop .av{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#00a4c8,#33b5d5)}.portrait-page .phone .ptop .dots{display:flex;gap:2px}.portrait-page .phone .ptop .dots i{width:2px;height:2px;border-radius:50%;background:#00a4c88c}.portrait-page .phone .pmedia{flex:1;border-radius:8px;background-size:cover;background-position:50% 32%;position:relative}.portrait-page .phone .pmedia.real{background-image:url(/portrait-assets/portrait.png)}.portrait-page .phone .pact{display:flex;gap:6px;padding:4px 2px}.portrait-page .phone .pact i{width:10px;height:10px;background:#00a4c88c;border-radius:2px}.portrait-page .phone .pact i.h{background:#e14b3f;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 21s-7-4.35-7-10a4 4 0 0 1 7-2.64A4 4 0 0 1 19 11c0 5.65-7 10-7 10z'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 21s-7-4.35-7-10a4 4 0 0 1 7-2.64A4 4 0 0 1 19 11c0 5.65-7 10-7 10z'/></svg>") center/contain no-repeat}.portrait-page .phone .pliveD{position:absolute;top:18px;right:8px;width:6px;height:6px;border-radius:50%;background:#e14b3f;box-shadow:0 0 #e14b3f;animation:ringPulse 1.4s ease-out infinite}@keyframes ringPulse{0%{box-shadow:0 0 #e14b3fb3}to{box-shadow:0 0 0 12px #e14b3f00}}.portrait-page .wave{position:absolute;right:48px;bottom:130px;display:flex;gap:3px;align-items:flex-end;height:28px;z-index:7;pointer-events:none;opacity:.7}.portrait-page .wave .bar{width:3px;border-radius:2px;background:linear-gradient(180deg,var(--brand-light),var(--brand));animation:waveup 1.2s ease-in-out infinite}@keyframes waveup{0%,to{height:4px;opacity:.4}50%{height:32px;opacity:1}}.portrait-page .eng{position:absolute;right:48px;top:calc(50% + 30px);display:flex;flex-direction:column;gap:8px;z-index:7;pointer-events:none}.portrait-page .eng .row{display:flex;align-items:center;gap:8px}.portrait-page .eng .icon{width:18px;height:18px;display:grid;place-items:center}.portrait-page .eng .icon svg{width:100%;height:100%}.portrait-page .eng .bar{width:120px;height:4px;border-radius:2px;background:#00a4c826;position:relative;overflow:hidden}.portrait-page .eng .bar:after{content:"";position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--brand),var(--brand-light));border-radius:2px;animation:fillbar 4s ease-in-out infinite alternate}.portrait-page .eng .row:nth-child(2) .bar:after{animation-delay:.4s;background:linear-gradient(90deg,var(--brand-light),#fff)}.portrait-page .eng .row:nth-child(3) .bar:after{animation-delay:.8s;background:linear-gradient(90deg,var(--brand-dark),var(--brand))}@keyframes fillbar{0%{width:20%}to{width:90%}}.portrait-page .chart{position:absolute;right:48px;top:calc(50% - 130px);width:140px;height:90px;background:#00a4c80d;border:1px solid rgba(0,164,200,.18);border-radius:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:14px;z-index:7;pointer-events:none;display:flex;flex-direction:column;gap:10px}.portrait-page .chart .dot-grow{width:6px;height:6px;border-radius:50%;background:var(--brand);animation:dotpulse 2s ease infinite}.portrait-page .chart svg{flex:1;width:100%}@keyframes dotpulse{0%,to{box-shadow:0 0 #00a4c899}50%{box-shadow:0 0 0 10px #00a4c800}}.portrait-page .react{position:fixed;pointer-events:none;z-index:120;width:34px;height:34px;display:grid;place-items:center;color:var(--heart);filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.portrait-page .react.heart{color:#e14b3f}.portrait-page .react.fire{color:#ff6b35}.portrait-page .react.star{color:#ffd93d}.portrait-page .react.bolt{color:var(--brand-light)}.portrait-page .react svg{width:100%;height:100%;fill:currentColor}.portrait-page .ar-marker{position:absolute;width:24px;height:24px;pointer-events:none;z-index:5}.portrait-page .ar-marker:before,.portrait-page .ar-marker:after{content:"";position:absolute;background:var(--brand)}.portrait-page .ar-marker.tl{top:-12px;left:-12px}.portrait-page .ar-marker.tr{top:-12px;right:-12px}.portrait-page .ar-marker.bl{bottom:-12px;left:-12px}.portrait-page .ar-marker.br{bottom:-12px;right:-12px}.portrait-page .ar-marker.tl:before{top:0;left:0;width:14px;height:2px}.portrait-page .ar-marker.tl:after{top:0;left:0;width:2px;height:14px}.portrait-page .ar-marker.tr:before{top:0;right:0;width:14px;height:2px}.portrait-page .ar-marker.tr:after{top:0;right:0;width:2px;height:14px}.portrait-page .ar-marker.bl:before{bottom:0;left:0;width:14px;height:2px}.portrait-page .ar-marker.bl:after{bottom:0;left:0;width:2px;height:14px}.portrait-page .ar-marker.br:before{bottom:0;right:0;width:14px;height:2px}.portrait-page .ar-marker.br:after{bottom:0;right:0;width:2px;height:14px}.portrait-page .hashtag{position:fixed;pointer-events:none;z-index:6;display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#00a4c814;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,164,200,.25)}.portrait-page .hashtag .h{width:10px;height:10px;background:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M9.5 3l-1 6H4v2h4.2l-1 6h2l1-6h4l-1 6h2l1-6H20v-2h-3.5l1-6h-2l-1 6h-4l1-6h-2z'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M9.5 3l-1 6H4v2h4.2l-1 6h2l1-6h4l-1 6h2l1-6H20v-2h-3.5l1-6h-2l-1 6h-4l1-6h-2z'/></svg>") center/contain no-repeat;color:var(--brand)}.portrait-page .hashtag .blob{width:36px;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--brand),var(--brand-light))}.portrait-page .notif{position:fixed;pointer-events:none;z-index:8;background:#f7efe2f5;color:var(--ink);border-radius:16px;padding:10px 12px;display:flex;align-items:center;gap:8px;box-shadow:0 16px 40px -10px #00000080;transform:translate(120%);transition:transform .5s cubic-bezier(.4,1.6,.4,1);width:200px}.portrait-page .notif.in{transform:translate(0)}.portrait-page .notif .nav{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-light));flex:0 0 36px;background-image:url(/portrait-assets/portrait.png);background-size:cover;background-position:50% 32%;border:2px solid #fff}.portrait-page .notif .nlines{flex:1;display:flex;flex-direction:column;gap:5px}.portrait-page .notif .nln{height:6px;border-radius:3px;background:#1f2a2e2e}.portrait-page .notif .nln.s{width:65%}.portrait-page .notif .nrx{width:18px;height:18px;color:#e14b3f;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 21s-7-4.35-7-10a4 4 0 0 1 7-2.64A4 4 0 0 1 19 11c0 5.65-7 10-7 10z'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 21s-7-4.35-7-10a4 4 0 0 1 7-2.64A4 4 0 0 1 19 11c0 5.65-7 10-7 10z'/></svg>") center/contain no-repeat;background:currentColor}@media(max-width:640px){.portrait-page .eng{right:12px;gap:6px}.portrait-page .eng .row{gap:6px}.portrait-page .eng .icon{width:14px;height:14px}.portrait-page .eng .bar{width:56px;height:3px}.portrait-page .chart{right:12px;width:72px;height:50px;padding:8px;gap:6px}.portrait-page .chart .dot-grow{width:4px;height:4px}.portrait-page .wave{right:12px;bottom:138px;height:22px;gap:2px}.portrait-page .wave .bar{width:2px}.portrait-page .uicard{width:92px;padding:8px;gap:6px;border-radius:12px}.portrait-page .uicard .av{width:16px;height:16px}.portrait-page .uicard .ln{height:4px}.portrait-page .uicard .ln.t{height:3px}.portrait-page .uicard .media{height:46px;border-radius:7px}.portrait-page .uicard .ic{width:10px;height:10px}.portrait-page .phone{width:64px;height:116px;padding:5px;border-radius:14px}.portrait-page .phone:before{width:22px;height:5px;top:4px}.portrait-page .phone .pscreen{padding:9px 4px 4px;gap:3px;border-radius:9px}.portrait-page .phone .ptop .av{width:12px;height:12px}.portrait-page .phone .pact i{width:7px;height:7px}.portrait-page .hashtag{padding:4px 8px;gap:4px}.portrait-page .hashtag .h{width:8px;height:8px}.portrait-page .hashtag .blob{width:24px;height:5px}.portrait-page .notif{width:144px;padding:8px 10px;gap:6px;border-radius:12px;top:70px!important}.portrait-page .notif .nav{width:26px;height:26px;flex:0 0 26px}.portrait-page .notif .nln{height:4px}.portrait-page .notif .nrx{width:14px;height:14px}.portrait-page .react{width:22px;height:22px}.portrait-page .story-ring{width:calc(min(72vw,280px) + 14px);height:calc(min(72vw,280px) + 14px)}}