*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#090914;color:#faf9ff}button{-webkit-tap-highlight-color:transparent;font:inherit}main{position:relative;isolation:isolate;width:100%;max-width:520px;min-height:100vh;min-height:100svh;margin:auto;overflow:hidden;padding:0 22px 126px;background:radial-gradient(ellipse at 90% 48%,#66388a55,transparent 53%),radial-gradient(ellipse at 0% 38%,#3033a65e,transparent 52%),#101024}header{padding-top:calc(19px + env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between}.status{display:flex;gap:8px;align-items:center;font-size:10px;letter-spacing:1.3px;font-weight:750;color:#c7c4dc}.status i{height:6px;width:6px;background:#b9f6bd;border-radius:50%;box-shadow:0 0 12px #b9f6bd80}.header-star{color:#c9b6ff;font-size:29px;line-height:1}.intro{margin-top:25px;position:relative;z-index:3}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:750;color:#b9b1d5;margin:0 0 12px}h1{font-size:clamp(47px,13.1vw,69px);line-height:.98;letter-spacing:-2.5px;margin:0;font-weight:850}h1 span{color:#c8b2ff}.description{font-size:16px;line-height:1.5;color:#bdbad0;margin:17px 0 0}.friend-world{position:relative;height:428px;margin:18px -22px 0}.orbit{position:absolute;border:1px solid #aaa1e21f;border-radius:50%;width:470px;height:310px;left:50%;top:51px;transform:translateX(-50%) rotate(-24deg)}.orbit-b{width:320px;height:430px;top:-10px;transform:translateX(-50%) rotate(37deg)}.friend{position:absolute;overflow:hidden;border:3px solid #ffffffb3;border-radius:16px;background:#28283c;box-shadow:0 14px 30px #0005;animation:float 7s ease-in-out infinite}.friend img{width:100%;height:100%;object-fit:cover;display:block}.friend>div{position:absolute;left:0;bottom:0;right:0;padding:30px 10px 11px;background:linear-gradient(transparent,#101024e8)}.friend strong{display:block;font-size:15px}.friend div span{font-size:8px;color:#e1dce9;display:block;margin-top:3px}.friend-a{left:6%;top:5px;width:128px;height:163px;--angle:-9deg;transform:rotate(-9deg)}.friend-b{right:6%;top:25px;width:117px;height:151px;--angle:10deg;transform:rotate(10deg);animation-delay:-2s}.friend-c{left:37%;top:141px;width:126px;height:164px;--angle:3deg;transform:rotate(3deg);animation-delay:-4s;z-index:2}.friend-d{left:1%;top:238px;width:119px;height:155px;--angle:-7deg;transform:rotate(-7deg);animation-delay:-3s}.friend-e{right:0;top:251px;width:111px;height:144px;--angle:9deg;transform:rotate(9deg);animation-delay:-1s}.friend i{position:absolute;right:8px;bottom:26px;width:30px;height:28px;filter:drop-shadow(0 3px 5px #0005)}.friend svg{width:100%;height:100%;fill:#d3c0ff}.friend circle{fill:#31224c}.chat{position:absolute;z-index:4;padding:10px 12px;border-radius:12px 12px 12px 2px;font-size:10px;font-weight:750;box-shadow:0 8px 20px #0003}.chat-a{right:10px;top:185px;background:#d6c6ff;color:#27203c;transform:rotate(-4deg)}.chat-b{left:38px;top:402px;background:#bff0d0;color:#203c2b;transform:rotate(2deg)}.chat span{padding-left:7px}.interest{position:absolute;font-size:9px;color:#d5cee9;padding:6px 9px;border:1px solid #ffffff24;border-radius:30px;background:#242039}.interest-a{left:12px;top:192px;transform:rotate(-6deg)}.interest-b{right:7px;top:-2px;transform:rotate(6deg)}.closing{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:32px;color:#aaa4c2;font-size:8px;letter-spacing:.9px;font-weight:800}.closing b{color:#b5a0ec;font-size:12px}footer{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:520px;padding:23px 20px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(#10102400,#101024 30%)}footer button{width:100%;min-height:72px;border:1px solid #e5d8ff;border-radius:18px;background:#d0baff;color:#211736;display:flex;align-items:center;justify-content:center;gap:36px;font-size:26px;font-weight:850;box-shadow:0 7px 26px #af84ff30;cursor:pointer}footer svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}button:active{filter:brightness(.92)}button:focus-visible{outline:3px solid #bff0d0;outline-offset:4px}dialog{width:calc(100% - 36px);max-width:420px;padding:34px 25px 20px;border:1px solid #514768;background:#201b32;color:#faf9ff;border-radius:20px;box-shadow:0 25px 80px #0008}dialog::backdrop{background:#080714bb}.close{position:absolute;right:12px;top:8px;border:0;background:none;color:#fff;font-size:30px;cursor:pointer}dialog h2{font-size:33px;line-height:1.05;letter-spacing:-1px}dialog>p{font-size:15px;color:#c7bed9}.topics{display:flex;flex-wrap:wrap;gap:8px}.topics button{padding:11px 14px;border:1px solid #665a7a;background:transparent;color:#fff;border-radius:25px;cursor:pointer}.topics button[aria-pressed=true]{background:#d0baff;color:#211736;border-color:#d0baff}#response{min-height:44px}@keyframes float{0%,100%{transform:translateY(0) rotate(var(--angle))}50%{transform:translateY(-7px) rotate(var(--angle))}}@media(min-width:440px){.friend-a{left:10%;width:145px;height:181px}.friend-b{right:9%;width:137px;height:171px}.friend-c{left:38%;width:140px;height:177px}.friend-d{left:4%;width:134px;height:171px}.friend-e{right:3%;width:126px;height:161px}.friend-world{height:446px}}@media(max-height:740px){.intro{margin-top:20px}h1{font-size:46px}.description{font-size:15px;margin-top:12px}.friend-world{margin-top:16px}.closing{margin-top:27px}}@media(prefers-reduced-motion:reduce){.friend{animation:none}}