body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#f5f1ec;min-width:320px;min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}:root{--bg:#f4efe9;--paper:#fffaf6;--surface:#fff;--ink:#171113;--muted:#817579;--wine:#98123f;--wine-deep:#4a091f;--wine-dark:#21060f;--wine-soft:#e7c2cf;--rose:#e85586;--pink:#f4c7d6;--sand:#e8dfd3;--line:#1f111617;--white:#fff;--shadow:0 24px 65px #30121d1c;--shadow-soft:0 12px 34px #30121d0f;--safe-top:var(--tg-content-safe-area-inset-top,env(safe-area-inset-top,0px));--safe-bottom:var(--tg-content-safe-area-inset-bottom,env(safe-area-inset-bottom,0px));--app-height:var(--tg-viewport-stable-height,100dvh);--hero-image:none;--place-image:none}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{background:var(--bg)}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow-x:hidden}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.app{min-height:var(--app-height);background:radial-gradient(circle at 92% -8%,#98123f0f,transparent 31%), var(--bg);padding-bottom:112px}.topbar{width:min(100%,760px);padding:calc(17px + var(--safe-top)) 18px 13px;justify-content:space-between;align-items:center;margin:0 auto;display:flex}.brand{align-items:center;gap:11px;display:flex}.brand-icon{background:var(--wine);width:47px;height:47px;color:var(--white);border-radius:18px 15px 20px 16px;place-items:center;display:grid;box-shadow:0 12px 30px #98123f2e}.brand strong{letter-spacing:-.04em;font-size:22px;font-weight:600;line-height:1;display:block}.brand small{color:var(--muted);margin-top:5px;font-size:12px;display:block}.profile{background:var(--ink);width:45px;height:45px;color:var(--white);cursor:pointer;border:0;border-radius:49% 51% 46% 54%}.feed{width:min(100%,760px);margin:0 auto;padding:4px 18px 40px}.feed-hero{isolation:isolate;min-height:510px;color:var(--white);box-shadow:var(--shadow);background:#4b0b22;border-radius:38px 30px 44px 33px;flex-direction:column;justify-content:flex-end;padding:29px 25px;display:flex;position:relative;overflow:hidden}.hero-photo{z-index:-4;background:var(--hero-image), linear-gradient(145deg,#8b5361,#403239 55%,#171113);background-position:50%;background-size:cover;position:absolute;inset:0}.hero-overlay{z-index:-3;background:linear-gradient(#19050c0d 18%,#1a040c33 42%,#1d040ddb 100%),radial-gradient(circle at 90% 10%,#c4205859,#0000 34%);position:absolute;inset:0}.hero-lines{z-index:-1;pointer-events:none;position:absolute;inset:0}.hero-lines i{border:1px solid #ffffff2b;border-radius:48% 52% 45% 55%/56% 42% 58% 44%;display:block;position:absolute}.hero-lines i:first-child{width:270px;height:180px;top:-80px;right:-65px;transform:rotate(15deg)}.hero-lines i:nth-child(2){width:250px;height:310px;bottom:-115px;left:-150px;transform:rotate(-18deg)}.hero-lines i:nth-child(3){width:120px;height:90px;top:21%;left:34%;transform:rotate(11deg)}.hero-copy{z-index:3;max-width:580px;position:relative}.hero-kicker{color:#f1aec5;margin-bottom:11px;font-size:14px;font-weight:600;display:block}.hero-copy h1{letter-spacing:-.065em;margin:0;font-size:clamp(54px,11vw,82px);font-weight:600;line-height:.89}.hero-copy p{color:#ffffffb3;max-width:420px;margin:18px 0 0;font-size:15px;line-height:1.55}.hero-action{background:var(--white);width:max-content;min-height:51px;color:var(--wine-dark);cursor:pointer;border:0;border-radius:20px 17px 22px 18px;align-items:center;gap:14px;margin-top:23px;padding:0 18px;font-weight:600;display:flex}.smart-search{border:1px solid var(--line);min-height:62px;color:var(--muted);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd1;border-radius:23px 20px 25px 21px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;margin-top:13px;padding:0 17px;display:grid}.smart-search button{background:var(--ink);width:36px;height:36px;color:var(--white);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.feed-section{margin-top:39px}.section-head{justify-content:space-between;align-items:flex-end;margin-bottom:14px;display:flex}.section-head span{color:var(--wine);font-size:12px;font-weight:600}.section-head h2{letter-spacing:-.04em;margin:4px 0 0;font-size:29px;font-weight:600;line-height:1}.section-head>button{color:var(--muted);cursor:pointer;background:0 0;border:0}.place-photo{background:linear-gradient(180deg,#12080c08,#12080cc9), var(--place-image), linear-gradient(140deg,#94a0a7,#536b60 52%,#303b36);min-height:410px;box-shadow:var(--shadow);background-position:50%;background-size:cover;border-radius:35px 29px 43px 31px;flex-direction:column;justify-content:flex-end;padding:19px;display:flex;position:relative;overflow:hidden}.place-pills{gap:7px;display:flex;position:absolute;top:18px;right:18px}.place-pills span{color:var(--ink);background:#ffffffeb;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:600}.place-pills span+span{color:var(--white);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#140c0f91}.favorite{width:42px;height:42px;color:var(--white);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);cursor:pointer;background:#0f080b38;border:1px solid #ffffff3d;border-radius:49% 51% 45% 55%;place-items:center;display:grid;position:absolute;top:18px;left:18px}.place-copy{color:var(--white)}.place-copy small{color:#ffffff9e}.place-copy h3{letter-spacing:-.055em;margin:7px 0 9px;font-size:43px;font-weight:600;line-height:.9}.place-copy p{color:#ffffffb8;max-width:380px;margin:0;font-size:14px}.place-copy footer{gap:18px;margin-top:16px;font-size:12px;display:flex}.moods{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.moods button{border:1px solid var(--line);text-align:right;min-height:178px;box-shadow:var(--shadow-soft);cursor:pointer;background:#ffffffc7;border-radius:29px 23px 32px 25px;padding:17px}.moods button:nth-child(2){border-radius:23px 33px 25px 31px}.moods button:nth-child(3){border-radius:32px 24px 29px 36px}.mood-icon{width:48px;height:48px;color:var(--wine);background:#f0e4e8;border-radius:19px 16px 20px 17px;place-items:center;margin-bottom:26px;display:grid}.moods strong{font-size:16px;font-weight:600;display:block}.moods small{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.4;display:block}.discover-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.small-story{border-radius:33px 25px 37px 28px;flex-direction:column;justify-content:flex-end;min-height:255px;padding:20px;display:flex;position:relative;overflow:hidden}.story-one{background:#e9dde2}.story-two{background:#dedfd2;border-radius:25px 35px 27px 38px}.story-line{border:1px solid #1711131f;border-radius:47% 53% 59% 41%/56% 43% 57% 44%;width:130px;height:100px;position:absolute;top:-45px;left:-30px;transform:rotate(-12deg)}.small-story small{color:var(--wine);font-weight:600}.small-story h3{letter-spacing:-.035em;margin:6px 0 16px;font-size:23px;font-weight:600;line-height:1.02}.friends-block{min-height:245px;color:var(--white);box-shadow:var(--shadow);background:linear-gradient(145deg,#24070f,#690e2e);border-radius:37px 28px 41px 31px;padding:24px;position:relative;overflow:hidden}.friends-drawing{color:#f2aec5;border:1px solid #ffffff29;border-radius:48% 52% 44% 56%;place-items:center;width:74px;height:74px;display:grid;position:absolute;top:24px;left:24px}.friends-block>div:nth-child(2){max-width:390px}.friends-block span{color:#f2aec5;font-size:12px;font-weight:600}.friends-block h2{margin:7px 0 10px;font-size:34px;font-weight:600;line-height:.95}.friends-block p{color:#ffffff9e;margin:0;font-size:13px;line-height:1.5}.friends-block>button{min-height:43px;color:var(--white);cursor:pointer;background:#ffffff17;border:1px solid #ffffff2e;border-radius:19px 16px 21px 17px;align-items:center;gap:9px;margin-top:21px;padding:0 15px;display:flex}.bottom-nav{z-index:50;left:50%;bottom:calc(11px + var(--safe-bottom));-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:#ffffffe6;border:1px solid #ffffffc2;border-radius:29px 25px 31px 27px;grid-template-columns:repeat(5,1fr);gap:3px;width:min(100% - 22px,720px);padding:8px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 18px 60px #1f0c142b}.nav-item{min-height:57px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:19px 16px 21px 18px;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.nav-item small{font-size:11px}.nav-item.active{background:var(--wine);color:var(--white)}.app-loading{min-height:var(--app-height);background:radial-gradient(circle,#98123f1a,transparent 30%), var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.loading-mark{background:var(--wine);width:94px;height:94px;color:var(--white);border-radius:37px 30px 40px 32px;place-items:center;margin-bottom:10px;display:grid;box-shadow:0 22px 55px #98123f33}.app-loading strong{font-size:28px}.app-loading span{color:var(--muted);font-size:13px}.onboarding{width:100%;height:var(--app-height);min-height:100svh;color:var(--ink);overflow:hidden}.onboarding-screen{width:100%;height:var(--app-height);max-width:720px;min-height:100svh;padding:calc(18px + var(--safe-top)) 25px calc(15px + var(--safe-bottom));flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.onboarding-brand{z-index:5;align-items:center;gap:12px;display:flex;position:relative}.onboarding-logo{border-radius:19px 16px 20px 17px;place-items:center;width:53px;height:53px;font-size:24px;display:grid}.onboarding-name{letter-spacing:-.04em;font-size:27px;font-weight:600}.onboarding-primary{background:var(--wine);width:100%;min-height:58px;color:var(--white);cursor:pointer;border:0;border-radius:23px 19px 25px 21px;font-size:18px;font-weight:600;box-shadow:0 15px 40px #98123f33}.onboarding-primary:disabled,.onboarding-skip:disabled{opacity:.48;cursor:default}.onboarding-skip{width:100%;min-height:41px;color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:16px;font-weight:600}.onboarding-step-1{color:var(--white);background:radial-gradient(circle at 82% 8%,#e63f7a66,#0000 28%),radial-gradient(circle at 5% 60%,#9a0f3c61,#0000 39%),linear-gradient(155deg,#13060b,#350b1b 45%,#741137)}.onboarding-welcome{isolation:isolate;position:relative}.welcome-glow{filter:blur(85px);opacity:.42;pointer-events:none;border-radius:50%;position:absolute}.welcome-glow-one{background:#ff4e8c85;width:300px;height:300px;top:-120px;right:-80px}.welcome-glow-two{background:#940d3999;width:390px;height:390px;bottom:9%;left:-210px}.onboarding-step-1 .onboarding-logo{background:#ffffff1c;border:1px solid #ffffff26}.onboarding-step-1 .onboarding-name{color:var(--white)}.welcome-radar{aspect-ratio:1;place-items:center;width:clamp(185px,27dvh,285px);margin:clamp(15px,3dvh,34px) auto 12px;display:grid;position:relative}.welcome-radar-ring{border:1px solid #ffffff2e;border-radius:48% 52% 47% 53%/56% 43% 57% 44%;animation:4s ease-in-out infinite radarBreath;position:absolute}.ring-a{width:36%;height:36%}.ring-b{width:68%;height:68%}.ring-c{width:100%;height:100%}.welcome-radar-center{z-index:3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #ffffff2e;border-radius:31px 25px 34px 27px;place-items:center;width:92px;height:92px;font-size:41px;display:grid;position:relative}.radar-dot{background:var(--white);border-radius:50%;width:8px;height:8px;animation:3s ease-in-out infinite radarPoint;position:absolute;box-shadow:0 0 18px #ffffffa6}.radar-dot-one{top:20%;right:7%}.radar-dot-two{animation-delay:.8s;bottom:16%;left:18%}.radar-dot-three{animation-delay:1.5s;top:50%;left:1%}.welcome-copy{margin-top:auto}.onboarding-hello{margin-bottom:10px;font-size:15px;font-weight:600;display:block}.onboarding-step-1 .onboarding-hello{color:#ffffffa6}.welcome-teaser{color:#ff96b9;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.onboarding-step-1 h1{color:var(--white);letter-spacing:-.06em;margin:0;font-size:clamp(47px,7.5dvh,74px);font-weight:600;line-height:.9}.onboarding-step-1 p{color:#ffffff9e;margin:17px 0 0;font-size:clamp(13px,1.8dvh,17px)}.onboarding-step-1 strong{color:var(--white);margin-top:8px;font-size:clamp(15px,2dvh,18px);font-weight:600;display:block}.welcome-button{background:var(--white);color:var(--wine-deep);justify-content:center;align-items:center;gap:13px;margin-top:clamp(13px,2.3dvh,23px);display:flex}.onboarding-step-2{background:radial-gradient(circle at 50% 25%,#98123f13,#0000 30%),#f8f2ed}.onboarding-location{padding-top:calc(14px + var(--safe-top));padding-bottom:calc(14px + var(--safe-bottom))}.location-visual{aspect-ratio:1;place-items:center;width:clamp(145px,24dvh,230px);margin:clamp(7px,1.4dvh,18px) auto 0;display:grid;position:relative}.location-visual>span{z-index:4;background:linear-gradient(145deg,var(--wine),#780d32);border-radius:29px 24px 32px 25px;place-items:center;width:clamp(68px,9dvh,87px);height:clamp(68px,9dvh,87px);font-size:clamp(29px,4dvh,38px);display:grid;position:relative;box-shadow:0 20px 50px #98123f2e}.location-ring{border:1px solid #98123f1f;border-radius:48% 52% 46% 54%/55% 43% 57% 45%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.location-ring-one{width:67%;height:67%}.location-ring-two{width:100%;height:100%}.onboarding-location-copy{text-align:center;margin:clamp(9px,1.7dvh,18px) 0 0}.onboarding-location-copy .onboarding-hello{color:var(--wine)}.onboarding-location-copy h1{letter-spacing:-.05em;margin:0;font-size:clamp(39px,6.5dvh,59px);font-weight:600;line-height:.96}.onboarding-location-copy p{max-width:520px;color:var(--muted);margin:clamp(10px,1.7dvh,17px) auto 0;font-size:clamp(13px,1.8dvh,16px);line-height:1.5}.location-error{max-width:520px;color:var(--wine);background:#98123f11;border-radius:18px 15px 20px 16px;margin:10px auto 0;padding:10px 14px;font-size:13px}.location-settings-btn{color:var(--wine);cursor:pointer;background:0 0;border:0;margin-top:7px;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.onboarding-actions{gap:4px;margin-top:auto;padding-top:clamp(8px,1.5dvh,15px);display:grid}@keyframes radarBreath{0%,to{opacity:.35;transform:scale(.96)}50%{opacity:.78;transform:scale(1.035)}}@keyframes radarPoint{0%,to{opacity:.3;transform:scale(.75)}50%{opacity:1;transform:scale(1.25)}}@media (width<=560px){.topbar,.feed{padding-left:15px;padding-right:15px}.feed-hero{min-height:470px;padding:25px 21px}.hero-copy h1{font-size:54px}.place-photo{min-height:380px}.moods{scrollbar-width:none;grid-template-columns:none;grid-auto-columns:43%;grid-auto-flow:column;padding-bottom:4px;overflow-x:auto}.moods::-webkit-scrollbar{display:none}.discover-grid{gap:8px}.small-story{min-height:225px;padding:17px}.small-story h3{font-size:20px}.onboarding-screen{padding-left:20px;padding-right:20px}}@media (height<=760px){.feed-hero{min-height:420px}.welcome-radar{width:165px;margin-top:8px}.welcome-radar-center{width:68px;height:68px;font-size:29px}.onboarding-step-1 h1{font-size:44px}.location-visual{width:140px}.onboarding-location-copy h1{font-size:38px}.onboarding-primary{min-height:50px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}