:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;--purple:#7138f4;--pink:#ff3d9a;--ink:#170f29;--muted:#8f87a2;background:#0c0716;font-family:Inter,ui-rounded,SF Pro Display,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -20%,#3b176d,#0c0716 55%);min-width:320px;min-height:100dvh;margin:0}#root{width:100%;min-height:100dvh}button,input,select{font:inherit}button{cursor:pointer}.app-shell{background:#140d24;width:100%;min-height:100dvh;overflow:hidden}.app-shell>section{min-height:100dvh;position:relative}.screen-enter{animation:.35s cubic-bezier(.2,.8,.2,1) enter}@keyframes enter{0%{opacity:.4;transform:scale(.99)}to{opacity:1;transform:none}}.people-collage,.person-feed,.mini-person,.welcome-avatar{background-image:url(/people-collage.png);background-repeat:no-repeat}.people-collage{background-position:50%;background-size:cover;position:absolute;inset:0}.welcome{isolation:isolate;background:#12091f;flex-direction:column;display:flex;overflow:hidden}.welcome-ambient{z-index:-2;background:radial-gradient(circle at 78% 18%,#ff3d9a47,#0000 34%),radial-gradient(circle at 10% 42%,#7138f459,#0000 38%),#12091f;position:absolute;inset:0}.welcome-top{z-index:5;top:max(22px, env(safe-area-inset-top));position:absolute;left:22px}.brand-mark{filter:drop-shadow(0 8px 24px #ff3d9a59);width:56px;height:44px;position:relative}.brand-mark span{background:linear-gradient(145deg, var(--pink), #c83cff);border-radius:18px 18px 12px 12px;width:28px;height:36px;position:absolute;top:4px;transform:rotate(-13deg)}.brand-mark span:last-child{background:linear-gradient(145deg, #a854ff, var(--purple));right:0;transform:rotate(13deg)}.brand-mark.small{width:40px;height:32px}.brand-mark.small span{width:21px;height:28px}.welcome-visual{flex:auto;min-height:370px;position:relative;overflow:hidden}.welcome-person{transform-origin:50% 40%;animation:7s ease-in-out infinite alternate welcomeFloat;position:absolute;inset:0;overflow:hidden}.welcome-person:after{content:"";background:linear-gradient(#12091f00 52%,#12091f 100%);position:absolute;inset:0}.welcome-person img{object-fit:cover;object-position:50% 24%;width:100%;height:100%;animation:9s ease-in-out infinite alternate welcomeCamera;display:block}.welcome-orbit{z-index:2;border:2px solid #ee6eff57;border-radius:50%;width:360px;height:360px;animation:14s linear infinite orbitTurn;position:absolute;top:25%;right:-150px;box-shadow:0 0 50px #ce39ff2e}.welcome-avatar{z-index:3;background-size:200% 300%;border:3px solid #e58bffeb;border-radius:50%;width:72px;height:72px;display:none;position:absolute;box-shadow:0 16px 34px #0000006b,0 0 26px #ba42ff3d}@keyframes welcomeFloat{0%{transform:scale(1.015)translate(-.3%)}to{transform:scale(1.055)translate(.7%,-.8%)}}@keyframes welcomeCamera{0%{object-position:49% 24%}to{object-position:51% 20%}}@keyframes orbitTurn{to{transform:rotate(360deg)}}.welcome-copy{z-index:4;width:100%;padding:108px 24px max(22px, env(safe-area-inset-bottom));text-align:center;background:linear-gradient(#0000,#12091ff0 34%,#12091f 62%);flex:none;margin-top:-115px;position:relative}.live-pill{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff21;border-radius:99px;align-items:center;gap:8px;padding:8px 13px;font-size:13px;font-weight:700;display:inline-flex}.live-pill span,.connected-dot,.ready-dot i{background:#57ef9a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #57ef9a21}h1{letter-spacing:-.065em;margin:25px 0 14px;font-size:clamp(46px,13vw,74px);line-height:.94}.welcome-copy p{color:#d9d2e6;max-width:390px;margin:0 auto 25px;font-size:17px;line-height:1.55}.primary,.secondary,.login{border:0;border-radius:18px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:56px;padding:0 21px;font-weight:800;display:flex}.primary{color:#fff;background:linear-gradient(120deg, var(--purple), var(--pink));box-shadow:0 15px 36px #b831dc57}.primary.xl{min-height:62px;font-size:17px}.text-button,.guest{color:#d9d2e6;background:0 0;border:0;padding:16px;font-weight:700}.welcome .text-button{margin:0 auto;display:block}.welcome-progress{justify-content:center;gap:8px;margin-top:2px;display:flex}.welcome-progress i{background:#ffffff30;border-radius:50%;width:7px;height:7px}.welcome-progress i:first-child{background:var(--pink);animation:2.6s ease-in-out infinite progressPulse;box-shadow:0 0 14px #ff3d9ab3}@keyframes progressPulse{50%{transform:scale(1.35)}}.panel{background:radial-gradient(circle at 50% 0,#3b176d 0,#170f29 33%,#100a1c 75%);flex-direction:column;padding:28px 22px;display:flex}.back{color:#fff;z-index:3;background:#ffffff12;border:1px solid #ffffff1f;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.back.light{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:absolute;top:24px;left:22px}.panel-brand{justify-content:center;padding-top:8vh;display:flex}.panel-copy{width:100%;max-width:430px;margin:auto}.panel-copy.compact{text-align:center}.panel-copy h2,.home-copy h2,.camera-copy h2,.match-copy h2,.person-name h2{letter-spacing:-.04em;margin:18px 0 10px;font-size:36px;line-height:1.04}.panel-copy p{color:var(--muted);margin:0 0 26px;font-size:16px;line-height:1.55}.login-stack{gap:12px;margin-top:28px;display:grid}.login{color:#17131c;background:#fff}.login.apple{color:#fff;background:#030303;border:1px solid #ffffff26}.login.phone{color:#fff;background:#ffffff1a;border:1px solid #ffffff1f}.login.google b{color:#4285f4;font-family:Arial;font-size:22px}.tiny-note{text-align:center;color:#6f667e;margin:18px 0 0;font-size:12px}.step{color:#d8c5ff;margin:28px 2px 0;font-size:14px;font-weight:800}.form-copy{margin-top:6vh}label{color:#bab2c7;gap:9px;margin:20px 0;font-size:13px;font-weight:800;display:grid}input,select{color:#fff;background:#ffffff13;border:1px solid #ffffff1f;border-radius:16px;outline:none;width:100%;min-height:56px;padding:0 17px}input:focus,select:focus{border-color:#af68ff;box-shadow:0 0 0 4px #7138f429}select option{color:#17131c}.quick-row{grid-template-columns:1fr 1fr .7fr;gap:9px;margin:7px 0 28px;display:grid}.quick-row button{color:#fff;background:#ffffff12;border:1px solid #ffffff1f;border-radius:15px;justify-content:center;align-items:center;gap:6px;min-height:49px;font-weight:700;display:flex}.camera-screen{background:#0b0712}.camera-screen>video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.hidden{display:none!important}.camera-fallback{color:#958ca3;background:radial-gradient(circle,#3a2853,#120c20);place-content:center;justify-items:center;gap:12px;display:grid;position:absolute;inset:0}.camera-overlay{background:linear-gradient(#0a061140,#0000 35%,#0c0615eb 82%);position:absolute;inset:0}.camera-copy{text-align:center;max-width:450px;margin:auto;position:absolute;bottom:30px;left:22px;right:22px}.camera-copy p{color:#d0c7da;line-height:1.5}.ready-dot{align-items:center;gap:9px;font-size:13px;font-weight:800;display:inline-flex}.camera-tools{justify-content:center;gap:12px;margin:22px 0;display:flex}.camera-tools button,.header-actions button,.call-top button{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #ffffff26;border-radius:50%;place-items:center;width:49px;height:49px;display:grid}.home{background:radial-gradient(circle at 50% 30%,#49217b,#160e28 48%,#0f0a1a 85%);padding:22px 20px 100px}.home header{justify-content:space-between;align-items:center;display:flex}.header-actions{gap:9px;display:flex}.server-light{background:#fac34f;border-radius:50%;align-self:center;width:9px;height:9px;box-shadow:0 0 0 5px #fac34f1f}.server-light.online{background:#57ef9a;box-shadow:0 0 0 5px #57ef9a1f}.server-light.offline{background:#ff5b76;box-shadow:0 0 0 5px #ff5b761f}.header-actions button{width:42px;height:42px}.header-actions .avatar{background:linear-gradient(135deg, var(--purple), var(--pink));font-weight:900}.home-copy{text-align:center;margin-top:7vh}.eyebrow{color:#c9aaff;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:900}.home-copy h2{margin-top:12px;font-size:44px}.orbit{max-width:430px;height:330px;margin:-5px auto 0;position:relative}.mini-person{background-size:200% 300%;border:3px solid #ffffffe6;border-radius:50%;width:66px;height:66px;position:absolute;box-shadow:0 13px 28px #00000057}.mini-person span{background:#211733;border-radius:50%;padding:4px;font-size:13px;position:absolute;bottom:-4px;right:-5px}.mini-person.p0{top:37%;left:2%}.mini-person.p1{top:35%;right:2%}.mini-person.p2{top:3%;left:18%}.mini-person.p3{top:0;right:18%}.mini-person.p4{bottom:6%;left:12%}.connect-orb{color:#fff;background:linear-gradient(145deg,#8b4dff,#ff3d9a);border:8px solid #ffffff21;border-radius:50%;outline:1px solid #ffffff26;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:150px;height:150px;animation:2.5s ease-in-out infinite breathe;display:flex;position:absolute;top:calc(50% - 75px);left:calc(50% - 75px);box-shadow:0 0 0 20px #8740f617,0 28px 65px #e12b9f66}@keyframes breathe{50%{transform:scale(1.035);box-shadow:0 0 0 27px #8740f60d,0 28px 70px #e12b9f7a}}.connect-orb strong{font-size:19px}.connect-orb small{opacity:.76}.preferences{grid-template-columns:repeat(3,1fr);gap:8px;max-width:460px;margin:0 auto;display:grid}.preferences button{color:#fff;background:#fff1;border:1px solid #ffffff1a;border-radius:16px;justify-content:center;align-items:center;gap:7px;min-width:0;padding:12px 7px;display:flex}.preferences svg{width:18px}.preferences span{text-align:left;font-size:12px;font-weight:800;display:grid}.preferences small{color:#938a9e;font-size:10px}nav{z-index:4;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);height:79px;padding-bottom:env(safe-area-inset-bottom);background:#110a1deb;border-top:1px solid #ffffff14;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}nav button{color:#776e83;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:10px;font-weight:800;display:flex}nav button.active{color:#e07aff}nav svg{width:21px}.matching{text-align:center;background:#100a1b;place-items:center;display:grid}.match-bg{filter:blur(16px)saturate(.8);opacity:.25;transform:scale(1.1)}.match-shade{background:radial-gradient(circle,#61299b33,#100a1b 72%);position:absolute;inset:0}.close-match{z-index:2;color:#fff;background:#ffffff14;border:1px solid #ffffff1c;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:24px;right:22px}.search-rings{z-index:2;border:1px solid #e168ff2e;border-radius:50%;place-items:center;width:230px;height:230px;animation:1.6s ease-in-out infinite search;display:grid;position:relative;box-shadow:0 0 0 35px #9c44f90f,0 0 0 70px #9c44f908}.search-rings>div{background:linear-gradient(140deg,#7c3aed,#ff3d9a);border-radius:50%;place-items:center;width:104px;height:104px;display:grid;box-shadow:0 18px 50px #e731ae73}@keyframes search{50%{transform:scale(1.04)}}.match-copy{z-index:2;position:absolute;bottom:11vh;left:20px;right:20px}.match-copy p{color:#91879d}.match-tags{justify-content:center;gap:8px;display:flex}.match-tags span{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:99px;padding:8px 12px;font-size:12px}.call{background:#050308}.person-feed{background-size:200% 300%;position:absolute;inset:0}.remote-media{z-index:0;position:absolute;inset:0;overflow:hidden}.remote-media video{object-fit:cover;width:100%;height:100%}.remote-media audio{display:none}.call-shade{background:linear-gradient(#0302055c,#0000 30% 58%,#050209f0);position:absolute;inset:0}.call-top{justify-content:space-between;align-items:center;display:flex;position:absolute;top:23px;left:20px;right:20px}.call-top>div{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000045;border-radius:99px;align-items:center;gap:9px;padding:9px 13px;font-size:12px;font-weight:800;display:flex}.person-name{position:absolute;bottom:190px;left:20px}.person-name h2{margin:0 0 5px;font-size:30px}.person-name p{color:#e2dce8;margin:0}.self-view{background:#261938;border:2px solid #fffc;border-radius:20px;place-items:center;width:95px;height:130px;display:grid;position:absolute;bottom:186px;right:18px;overflow:hidden;box-shadow:0 16px 35px #00000059}.self-view video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.gift-strip{gap:8px;display:flex;position:absolute;bottom:128px;left:18px}.gift-strip button{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#13091c94;border:1px solid #ffffff24;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-width:49px;height:49px;padding:3px 8px;font-size:21px;display:flex}.gift-strip small{color:#d8cfe0;font-size:9px}.gift-strip svg{width:19px}.call-controls{justify-content:center;gap:10px;display:flex;position:absolute;bottom:30px;left:15px;right:15px}.call-controls button{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff26;border:0;border-radius:50%;place-items:center;width:56px;height:56px;display:grid}.call-controls .next{color:#1a1029;background:#fff;border-radius:28px;gap:7px;width:92px;font-weight:900;display:flex}.call-controls .hangup{background:#ff365f}.complete{text-align:center;justify-content:center;align-items:center}.complete-avatar{border:5px solid #ffffffe0;border-radius:50%;width:132px;height:132px;margin-bottom:16px;position:relative;inset:auto;box-shadow:0 20px 50px #00000059}.complete-avatar span{background:#211733;border-radius:50%;padding:7px;position:absolute;bottom:0;right:2px}.secondary{color:#fff;background:#ffffff17;border:1px solid #ffffff1c;margin-top:12px}.followed{background:linear-gradient(120deg,#2cbf83,#44d9a2)}@media (width>=760px){body{place-items:center;padding:24px;display:grid}.app-shell{border:1px solid #ffffff1a;border-radius:34px;width:470px;max-width:100%;min-height:calc(100vh - 48px);margin:0 auto;box-shadow:0 35px 100px #0000008c}.app-shell>section{min-height:calc(100vh - 48px)}.app-shell.welcome-shell{width:min(1180px,100%)}.welcome{grid-template-columns:minmax(390px,.86fr) minmax(470px,1.14fr);align-items:stretch;display:grid}.welcome-top{top:44px;left:48px}.welcome-copy{text-align:left;background:0 0;grid-area:1/1;align-self:center;max-width:560px;margin:0;padding:130px 48px 54px}.welcome-copy .live-pill{font-size:14px}.welcome-copy h1{margin:28px 0 20px;font-size:clamp(58px,6vw,82px)}.welcome-copy p{margin-left:0;font-size:18px}.welcome-copy .primary{max-width:440px}.welcome .text-button{margin:6px 0 0;padding-left:84px}.welcome-progress{justify-content:flex-start;margin:22px 0 0 6px}.welcome-visual{grid-area:1/2;min-height:calc(100vh - 48px);overflow:visible}.welcome-person{border:1px solid #ffffff38;border-radius:42px;inset:46px 116px 46px 28px;box-shadow:0 30px 80px #00000073,0 0 0 1px #d95dff40,0 0 60px #b62df333}.welcome-person:after{background:linear-gradient(#0000 72%,#19082861)}.welcome-orbit{width:430px;height:430px;top:25%;right:6px}.welcome-avatar{display:block;right:40px}.welcome-avatar-1{animation:4.5s ease-in-out infinite avatarBob;top:23%}.welcome-avatar-2{animation:4.5s ease-in-out .8s infinite avatarBob;top:43%}.welcome-avatar-3{animation:4.5s ease-in-out 1.6s infinite avatarBob;top:63%}@keyframes avatarBob{50%{transform:translateY(-9px)scale(1.035)}}nav{border-radius:0 0 34px 34px;position:absolute}}@media (height<=720px){.home-copy{margin-top:3vh}.orbit{height:275px}.connect-orb{width:132px;height:132px;top:calc(50% - 66px);left:calc(50% - 66px)}.welcome-visual{min-height:315px}.welcome-copy{margin-top:-92px;padding-top:84px}.welcome-copy h1{margin:14px 0 10px;font-size:42px}.welcome-copy p{margin-bottom:16px;font-size:15px;line-height:1.4}.primary.xl{min-height:56px}.welcome .text-button{padding:12px}.welcome-progress{display:none}}@media (prefers-reduced-motion:reduce){.welcome-person,.welcome-person img,.welcome-orbit,.welcome-avatar,.welcome-progress i{animation:none!important}}