@font-face{font-family:TikTok Sans;src:url(../../../fonts/tiktok-sans-variable.ttf)format("truetype-variations");font-weight:100 900;font-display:swap}@font-face{font-family:Unbounded;src:url(../../../fonts/unbounded-700.ttf)format("truetype");font-weight:700;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:#000;background:#080808;font-family:TikTok Sans,Arial,sans-serif}button{font:inherit;cursor:pointer;border:0}.page{place-items:center;min-width:390px;min-height:100vh;padding:24px;display:grid;position:relative}.phone{background:#d2eefe;border-radius:30px;width:390px;height:844px;position:relative;overflow:hidden;box-shadow:0 30px 90px #00000080}.scroll-area{scrollbar-width:none;width:100%;height:100%;position:relative;overflow:hidden}.is-expanded .scroll-area{overscroll-behavior:contain;overflow-y:auto}.scroll-area::-webkit-scrollbar{display:none}.phone-header{z-index:10;background:#d2eefe;width:390px;height:84px;position:relative}.status-bar{height:40px;font-family:-apple-system,sans-serif;position:relative}.status-bar>span{text-align:center;width:54px;font-size:15px;font-weight:650;position:absolute;top:12px;left:21px}.status-icons{align-items:center;gap:6px;height:13px;display:flex;position:absolute;top:16px;right:15px}.status-icons>img:first-child{object-fit:fill;width:18px;height:10px}.status-icons>img:nth-child(2){object-fit:fill;width:16px;height:10px}.battery{border:1px solid #00000059;border-right:0;border-radius:3px;width:25px;height:12px;position:relative}.battery b{background:#000;border-radius:1px;position:absolute;inset:2px 3px 2px 2px}.battery img{width:2px;height:5px;position:absolute;top:3px;right:-2px}.phone-header nav{justify-content:space-between;align-items:center;height:44px;padding:10px 16px;display:flex}.phone-header nav img{object-fit:contain;width:24px;height:24px}.hero{height:208px;margin:0 24px;padding-top:16px}.hero>img{object-fit:contain;width:76px;height:20px;display:block}.hero h1{letter-spacing:-1.05px;text-transform:capitalize;margin:8px 0 0;font-family:Unbounded,sans-serif;font-size:34px;line-height:1.1}.cards{flex-direction:column;gap:12px;width:358px;margin:0 auto;display:flex;position:relative}.analysis-card,.stats-card,.insight-card,.tip-card{background:#fff;border-radius:16px;position:relative;overflow:hidden}.analysis-card{border-radius:20px;height:456px}.identity{align-items:center;gap:8px;height:44px;padding:12px 16px 8px;display:flex;position:relative}.identity:after{display:none}.identity>img{object-fit:cover;z-index:1;border-radius:50%;width:24px;height:24px}.identity strong{z-index:1;font-size:14px;line-height:18px}.identity>span{color:#176a83;z-index:1;white-space:nowrap;align-self:flex-start;margin-left:auto;font-size:12px;font-weight:600}.identity>span b{border:1.4px solid;border-radius:50%;place-items:center;width:12px;height:12px;margin-left:4px;font-size:8px;display:inline-grid}.analysis-card .identity{height:56px;padding:16px}.analysis-copy{height:94px;padding:16px 16px 0;transition:opacity .45s,transform .6s cubic-bezier(.22,.8,.24,1)}.analysis-copy p{margin:0;font-size:15px;font-weight:500;line-height:19.5px}.analysis-copy p i{color:#94a9ff;margin-right:7px;font-size:20px;font-style:normal}.analysis-copy.is-done{text-align:center;height:100px;padding-top:16px}.analysis-copy.is-done strong{text-transform:capitalize;font-size:17px;line-height:22px;animation:.7s cubic-bezier(.22,.8,.24,1) both fade-up;display:block}.portraits{width:204.09px;height:258px;margin:0 auto;position:relative}.portrait{transform-origin:50% 90%;border-radius:16px;position:absolute;overflow:hidden}.portrait>img{object-fit:cover;width:100%;height:100%;display:block}.portrait-original{background:#c6eafd;border-radius:15.988px;width:149.891px;height:229.832px;top:17.128px;left:11.181px;transform:rotate(-6deg)skew(-.21deg)}.portrait-result{border-radius:15.988px;width:162.881px;height:249.818px;top:4.091px;left:28px;transform:rotate(3deg)}.portraits-analysis .portrait-original{background:#c6eafd}.portraits-analysis .portrait-original>img{opacity:0}.card-return-layer,.card-shuffle-layer{transform-origin:50%;visibility:hidden;opacity:0;border-radius:15.988px;position:absolute;overflow:hidden}.card-return-layer{z-index:7;width:162.881px;height:249.818px;top:4.091px;left:28px}.card-return-layer>img{object-fit:cover;width:100%;height:100%;display:block}.card-shuffle-layer{z-index:1;background:#c6eafd;width:149.891px;height:229.832px;top:17.128px;left:11.181px}.portraits-generating .card-return-layer{visibility:visible;animation:.48s cubic-bezier(.22,.7,.18,1) both card-return-to-back}.portraits-generating .card-shuffle-layer{visibility:visible;animation:.48s cubic-bezier(.22,.7,.18,1) both card-shuffle-cut}.shuffle-gradient{opacity:0;filter:blur(14px)saturate(1.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(at 74% 23%,#ffc3dcd6 0 17%,#0000 43%),radial-gradient(at 28% 51%,#c4e1ffd1 0 24%,#0000 55%),linear-gradient(#fff1d84d 0%,#f7cae2b8 30%,#b2e1fff0 57%,#37b5ff 100%);position:absolute;inset:-20%}.portraits-generating .shuffle-gradient{animation:.48s cubic-bezier(.22,.7,.18,1) both shuffle-gradient-in}.shuffle-gradient:before,.shuffle-gradient:after,.generating-gradient:before,.generating-gradient:after{content:"";border-radius:44%;position:absolute;inset:-18%}.portraits-generating .shuffle-gradient:before,.portraits-generating .generating-gradient:before{will-change:transform;background:radial-gradient(at 66% 30%,#ffbadad1 0 20%,#0000 51%),radial-gradient(at 34% 43%,#e0d5ffad 0 23%,#0000 55%);animation:4.4s cubic-bezier(.45,.05,.25,.98) infinite alternate fluid-pink}.portraits-generating .shuffle-gradient:after,.portraits-generating .generating-gradient:after{will-change:transform;background:radial-gradient(at 30% 69%,#5acfffb8 0 24%,#0000 55%),radial-gradient(at 73% 77%,#569eff8a 0 20%,#0000 50%);animation:5.2s cubic-bezier(.42,0,.2,1) infinite alternate fluid-blue}.shuffle-progress{z-index:2;color:#ffffffe6;letter-spacing:.1px;place-items:center;font-size:12px;font-weight:650;display:grid;position:absolute;inset:0}.portraits-generating .portrait-result{animation:.48s cubic-bezier(.22,.7,.18,1) both generating-card-reveal}.portraits-generating .portrait-original{animation:.48s cubic-bezier(.22,.7,.18,1) both original-card-handoff}.dot-field{opacity:.55;z-index:3;background-image:radial-gradient(circle,#ffffffeb 1px,#0000 1.3px);background-size:12px 12px;position:absolute;inset:0}.portraits-analysis .dot-field,.portraits-generating .dot-field{z-index:2;opacity:.42;will-change:mask-position, -webkit-mask-position;animation:2.8s ease-in-out infinite analysis-dot-wave;-webkit-mask-image:linear-gradient(135deg,#0000002e 0% 30%,#000000b8 44%,#000000eb 50%,#000000b8 56%,#0000002e 70% 100%);mask-image:linear-gradient(135deg,#0000002e 0% 30%,#000000b8 44%,#000000eb 50%,#000000b8 56%,#0000002e 70% 100%);-webkit-mask-size:230% 230%;mask-size:230% 230%}.generating-gradient{z-index:2;opacity:0;visibility:hidden;filter:blur(15px)saturate(1.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(at 74% 18%,#ffeed047 0 14%,#0000 38%),radial-gradient(at 72% 31%,#ffc1dcc2 0 19%,#0000 47%),radial-gradient(at 24% 55%,#bce2ffe0 0 25%,#0000 58%),linear-gradient(#ffeecf1a 0%,#f7c7e1b3 30%,#aee0fff2 56%,#30b5ff 100%);position:absolute;inset:-18%;overflow:hidden}.portraits-generating .generating-gradient{visibility:visible;opacity:.96;will-change:transform;animation:6.2s cubic-bezier(.45,.05,.25,.98) infinite alternate gradient-flow}.portraits-generating .portrait-result>img{filter:blur(3px);transform:scale(1.06)}.portraits-generating .dot-field{z-index:3}.portraits-generating .shuffle-dot-field{opacity:.42;animation:.48s ease-out both shuffle-dots-out}.progress{z-index:4;visibility:hidden;text-align:center;color:#fff;text-shadow:0 1px 4px #1e4a9640;width:100%;font-size:14px;position:absolute;top:112px;left:0}.portraits-generating .progress{visibility:visible}.optimized-label{z-index:3;color:#fff;background:linear-gradient(90deg,#7f9dff,#a478fe);border-radius:12px 0;height:22px;padding:1px 8px;font-size:13px;line-height:20px;position:absolute;top:0;left:0}.score{z-index:3;color:#fff;text-align:center;text-shadow:0 1px 2px #00000059;width:100%;font-size:17px;font-weight:700;position:absolute;bottom:8px;left:0}.score small{font-size:12px}.portraits-success{animation:.7s both success-reveal}.tip-section{flex-direction:column;gap:12px;display:flex}.tip-card{flex-direction:column;gap:16px;height:454px;padding:24px 24px 16px;display:flex;box-shadow:0 6px 12px #0000000d}.tip-copy{flex-direction:column;gap:8px;display:flex}.tip-card h2,.professional-card h2{margin:0;font-size:17px;line-height:22px}.tip-card p{color:#000000a6;margin:0;font-size:13px;line-height:19.5px}.tip-comparison{object-fit:cover;width:310px;height:226px;display:block}.tutorial-link{background:#f9f9f9;border-radius:12px;justify-content:space-between;align-items:center;width:310px;height:36px;padding:8px 16px 8px 12px;font-size:13px;line-height:17px;display:flex}.tutorial-link span{align-items:center;gap:8px;display:flex}.tutorial-link span img{object-fit:contain;width:20px;height:20px}.tutorial-link strong{font-size:13px;font-weight:600}.tip-actions{justify-content:flex-end;align-items:center;gap:12px;height:32px;padding-right:4px;display:flex}.tip-actions>img{object-fit:contain;opacity:.5;width:16px;height:16px}.tip-actions .tip-action-divider{opacity:1;width:1px;height:10px}.professional-card{background:#fff;border:.5px solid #0000000d;border-radius:16px;flex-direction:column;gap:24px;min-height:184px;padding:24px;display:flex}.professional-list{flex-direction:column;gap:16px;display:flex}.professional-item{align-items:flex-start;gap:12px;display:flex}.professional-item>img{object-fit:contain;width:16px;height:16px;margin-top:1px}.professional-item>div{flex-direction:column;gap:4px;display:flex}.professional-item strong{font-size:14px;font-weight:600;line-height:18px}.professional-item p{color:#0000007a;margin:0;font-size:12px;line-height:16px}.stats-card{opacity:1;transform-origin:50% 0;height:173px;animation:.22s cubic-bezier(.2,.78,.2,1) both stats-card-open}.stats-card .identity{height:44px;animation:.22s cubic-bezier(.2,.78,.2,1) both stats-identity-morph}.stats-card .identity:after{display:none}.identity-analysis{isolation:isolate;overflow:visible}.identity-analysis .stats-header-blue,.identity-analysis .stats-header-white{pointer-events:none;border-radius:0;max-width:none;position:absolute}.identity-analysis .stats-header-blue{z-index:0;width:213px;height:52px;top:-4px;left:149px}.identity-analysis .stats-header-white{z-index:1;width:223px;height:75px;top:-6px;left:138px}.identity-analysis>img:not(.stats-header-blue):not(.stats-header-white),.identity-analysis>strong,.identity-analysis>span{z-index:2}.identity-analysis>span{align-items:center;margin:0;display:inline-flex;position:absolute;top:3px;left:215.19px}.identity-expanded{isolation:isolate;overflow:visible}.identity-expanded .stats-header-blue,.identity-expanded .stats-header-white{pointer-events:none;border-radius:0;max-width:none;position:absolute}.identity-expanded .stats-header-blue{z-index:0;width:213px;height:52px;top:-1px;left:146px}.identity-expanded .stats-header-white{z-index:1;width:223px;height:75px;top:-3px;left:135px}.identity-expanded>img:not(.stats-header-blue):not(.stats-header-white),.identity-expanded>strong,.identity-expanded>span{z-index:2}.identity-expanded>span{align-items:center;gap:4px;margin:0;display:inline-flex;position:absolute;top:6px;left:220.19px}.identity-expanded .stats-help-icon{border-radius:0;flex:none;width:11px;height:11px}.metrics{justify-content:space-between;width:334px;margin:8px auto 0;padding:0 8px;display:flex}.metrics>div{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.metrics>div:first-child{width:48px}.metrics>div:nth-child(3){width:70px}.metrics span{color:#0009;font-size:12px;animation:80ms ease-out 30ms both stats-label-in}.metrics strong{font-size:24px;line-height:28px;animation:.11s ease-out 75ms both stats-value-in}.metrics small{color:#0a141d4d;font-size:12px;font-weight:400}.stats-divider{width:334px;height:1px;margin:12px auto 0;display:block}.stats-card>p{color:#000000a6;width:325px;margin:12px auto 0;font-size:13px;line-height:17px;animation:.12s ease-out .12s both stats-copy-in}.stats-card>p b{color:#0a141d}.insight-card{height:581px;padding:24px 10px;animation:.22s cubic-bezier(.2,.78,.2,1) both insight-detach}.insight-card h2{text-align:center;text-transform:capitalize;margin:0;font-size:17px;line-height:22px}.insight-card .portraits{width:293px;height:255px;margin-top:24px}.insight-card .portrait{transform-origin:50%}.insight-card .portrait-original{width:128px;height:214px;animation:.34s cubic-bezier(.36,0,.18,1) .5s both original-card-split;top:4.344px;left:10.498px;transform:rotate(-4deg)}.insight-card .portrait-result{border:4px solid #fff;width:142px;height:228px;animation:.34s cubic-bezier(.36,0,.18,1) .5s both result-card-split;top:22.33px;left:139.04px;transform:rotate(3deg)}.insight-card .result-arrow{z-index:5;object-fit:fill;opacity:0;transform-origin:50%;width:38.488px;height:38.312px;animation:.2s cubic-bezier(.16,.9,.25,1.15) .73s forwards arrow-in;position:absolute;top:185.286px;left:111.244px;transform:rotate(-70.95deg)scaleY(-1)}.recommendations{flex-direction:column;align-items:center;gap:12px;margin-top:24px;display:flex}.recommendations span{color:#000000a6;white-space:nowrap;opacity:0;border-radius:999px;justify-content:center;align-items:center;max-width:100%;padding:6px 12px;font-size:15px;font-weight:600;line-height:19.5px;animation:.45s forwards chip-in;display:flex}.recommendations span:first-child{background:#cfe8ff6b;width:293.03px;height:36.109px;animation-delay:.7s;transform:rotate(-1deg)}.recommendations span:nth-child(2){background:#d4beff3b;width:269.528px;height:35.699px;animation-delay:.82s;transform:rotate(1deg)}.recommendations span:nth-child(3){background:#ffe8e8;width:186.653px;height:35.192px;animation-delay:.94s;transform:rotate(-1.29deg)}.insight-card footer{justify-content:space-between;align-items:center;height:32px;margin-top:24px;padding:0 14px;display:flex}.insight-card footer>div{align-items:center;gap:12px;display:flex}.insight-card footer>div img{object-fit:contain;opacity:.5;width:16px;height:16px}.insight-card footer>div i{background:#00000024;width:1px;height:10px}.insight-card button{background:linear-gradient(38deg,#74d5ff,#c6e4ff 33%,#ced8ff 66%,#c9c0ff);border-radius:999px;justify-content:center;align-items:center;gap:8px;width:107px;height:32px;font-size:14px;font-weight:600;display:flex}.insight-card button img{width:16px;height:16px}.is-expanded .tip-section{animation:.8s cubic-bezier(.22,.8,.24,1) .34s both tip-drop}.home-indicator{z-index:20;background:#000;border-radius:999px;width:140px;height:5px;margin:12px auto 8px;position:sticky;bottom:8px}.replay{color:#111;background:#ffffffeb;border-radius:999px;height:40px;padding:0 18px;font-weight:650;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 28px #0000003d}@keyframes analysis-dot-wave{0%{-webkit-mask-position:105% 105%;mask-position:105% 105%}to{-webkit-mask-position:-5% -5%;mask-position:-5% -5%}}@keyframes dot-drift{to{background-position:0 24px}}@keyframes card-shuffle-cut{0%{opacity:1;z-index:1;width:149.891px;height:229.832px;top:17.128px;left:11.181px;transform:rotate(-6deg)skew(-.21deg)}14%{opacity:1;z-index:1;width:152px;height:233.5px;top:14px;left:14.5px;transform:rotate(-4.2deg)}14.01%{opacity:1;z-index:9;width:152px;height:233.5px;top:14px;left:14.5px;transform:rotate(-4.2deg)}42%{opacity:1;z-index:9;width:163px;height:250px;top:4px;left:22px;transform:rotate(0)}78%{opacity:1;z-index:9;width:163.4px;height:250.6px;top:3.5px;left:29px;transform:rotate(3.3deg)}86%{opacity:1;z-index:9;width:162.881px;height:249.818px;top:4.091px;left:28px;transform:rotate(3deg)}to{opacity:0;z-index:9;width:162.881px;height:249.818px;top:4.091px;left:28px;transform:rotate(3deg)}}@keyframes card-return-to-back{0%{opacity:1;width:162.881px;height:249.818px;top:4.091px;left:28px;transform:rotate(3deg)}14%{opacity:1;width:160px;height:246px;top:6px;left:25px;transform:rotate(1.8deg)}42%{opacity:1;width:156px;height:240px;top:10px;left:20px;transform:rotate(-1deg)}78%{opacity:1;width:149.4px;height:229.2px;top:17.7px;left:10.2px;transform:rotate(-6.4deg)skew(-.21deg)}86%{opacity:1;width:149.891px;height:229.832px;top:17.128px;left:11.181px;transform:rotate(-6deg)skew(-.21deg)}to{opacity:0;width:149.891px;height:229.832px;top:17.128px;left:11.181px;transform:rotate(-6deg)skew(-.21deg)}}@keyframes shuffle-gradient-in{0%{opacity:.92;transform:translate(-3%,-3%)scale(1.02)}to{opacity:.96;transform:translate(2%,2%)scale(1.07)}}@keyframes generating-card-reveal{0%,82%{opacity:0}to{opacity:1}}@keyframes original-card-handoff{0%,82%{opacity:0}to{opacity:1}}@keyframes shuffle-dots-out{0%,14%{opacity:.42}78%,to{opacity:0}}@keyframes gradient-flow{0%{transform:translate(-4%,-3%)rotate(-1.5deg)scale(1.02)}45%{transform:translate(3%,-1%)rotate(1deg)scale(1.07)}to{transform:translate(-1%,4%)rotate(-.5deg)scale(1.04)}}@keyframes fluid-pink{0%{transform:translate(-15%,-9%)rotate(-9deg)scale(1.08,.92)}48%{transform:translate(15%,6%)rotate(8deg)scale(.88,1.15)}to{transform:translate(-4%,17%)rotate(-4deg)scale(1.16,.88)}}@keyframes fluid-blue{0%{transform:translate(15%,12%)rotate(7deg)scaleY(1.13)}52%{transform:translate(-14%,-7%)rotate(-9deg)scale(1.17,.88)}to{transform:translate(5%,-17%)rotate(5deg)scale(.9,1.17)}}@keyframes fade-up{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes success-reveal{0%{opacity:.18;filter:blur(8px);transform:scale(.97)}to{opacity:1;filter:none;transform:none}}@keyframes stats-card-open{0%{border-radius:20px 20px 8px 8px;height:56px}to{border-radius:16px;height:173px}}@keyframes stats-identity-morph{0%{height:56px;padding:16px}to{height:44px;padding:12px 16px 8px}}@keyframes stats-label-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes stats-value-in{0%{opacity:0;transform:translateY(-7px)scale(.96)}to{opacity:1;transform:none}}@keyframes stats-copy-in{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}@keyframes insight-detach{0%{border-radius:8px 8px 20px 20px;transform:translateY(-20px)}to{border-radius:16px;transform:none}}@keyframes original-card-split{0%,8%{width:149.891px;height:229.832px;top:17.128px;left:55.7px;transform:rotate(-6deg)skew(-.21deg)}76%{width:126.5px;height:212px;top:2.8px;left:7.5px;transform:rotate(-4.4deg)}to{width:128px;height:214px;top:4.344px;left:10.498px;transform:rotate(-4deg)}}@keyframes result-card-split{0%,8%{border-width:0;width:162.881px;height:249.818px;top:4.091px;left:72.5px;transform:rotate(3deg)}76%{border-width:4px;width:143.5px;height:230px;top:21.3px;left:142px;transform:rotate(3.4deg)}to{border-width:4px;width:142px;height:228px;top:22.33px;left:139.04px;transform:rotate(3deg)}}@keyframes arrow-in{0%{opacity:0;transform:rotate(-70.95deg)scale(.35,-.35)}to{opacity:1;transform:rotate(-70.95deg)scaleY(-1)}}@keyframes chip-in{0%{opacity:0;transform:translateY(12px)scale(.94)}to{opacity:1}}@keyframes tip-drop{0%{opacity:0;transform:translateY(-45px)}to{opacity:1;transform:none}}@media (max-width:520px){.page{background:#d2eefe;place-items:start center;padding:0}.phone{box-shadow:none;border-radius:0}.replay{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}