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:#f5f0ea;--paper:#fffaf5;--surface:#fff;--ink:#171114;--muted:#83777b;--line:#1e111617;--wine:#98123f;--wine-deep:#4a091f;--wine-dark:#21060f;--rose:#e85586;--pink:#f4c7d6;--sand:#e9ddcf;--white:#fff;--r-xl:38px;--r-lg:29px;--r-md:22px;--shadow:0 24px 65px #2f121d1f;--shadow-soft:0 14px 36px #2f121d12;--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)}*{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 90% 0%, #98123f0e, transparent 30%), var(--bg);padding-bottom:112px}.topbar{width:min(100%,760px);padding:calc(16px + var(--safe-top)) 18px 12px;justify-content:space-between;align-items:center;margin:0 auto;display:flex}.brand{align-items:center;gap:11px;display:flex}.brand-mark{background:linear-gradient(145deg, var(--wine), var(--wine-deep));border-radius:17px 14px 18px 15px;place-items:center;width:47px;height:47px;font-size:22px;display:grid;box-shadow:0 12px 28px #98123f30}.brand-name{letter-spacing:-.04em;font-size:22px;font-weight:600;line-height:1}.brand-sub{color:var(--muted);margin-top:5px;font-size:12px}.profile-btn{background:var(--ink);width:45px;height:45px;color:var(--white);cursor:pointer;border:0;border-radius:50% 47% 52% 45%;font-size:16px}.discover{width:min(100%,760px);margin:0 auto;padding:5px 18px 40px}.discover-hero{isolation:isolate;min-height:470px;color:var(--white);box-shadow:var(--shadow);background:radial-gradient(circle at 8% 10%,#ffb5d142,#0000 31%),radial-gradient(circle at 100% 85%,#ffffff14,#0000 28%),linear-gradient(150deg,#260712 0%,#5e0d2b 46%,#9b1645 100%);border-radius:39px 31px 45px 34px;flex-direction:column;padding:31px 27px;display:flex;position:relative;overflow:hidden}.discover-hero:before{content:"";z-index:-3;background:var(--hero-art,none);opacity:.46;background-position:50%;background-size:cover;position:absolute;inset:0}.discover-hero:after{content:"";z-index:-2;background:linear-gradient(160deg,#19030b66,#5a092657);position:absolute;inset:0}.hero-freehand{z-index:-1;pointer-events:none;border:1px solid #ffffff24;position:absolute}.hero-freehand-a{border-radius:45% 55% 58% 42%/56% 39% 61% 44%;width:330px;height:230px;top:-105px;left:-115px;transform:rotate(-12deg)}.hero-freehand-b{border-radius:55% 45% 41% 59%/43% 64% 36% 57%;width:260px;height:330px;bottom:-125px;right:-165px;transform:rotate(18deg)}.discover-hero-copy{z-index:5;position:relative}.discover-hello{color:#ffffffa6;margin-bottom:18px;font-size:15px;font-weight:600;display:block}.discover-kicker{color:#ffa0c0;margin-bottom:9px;font-size:14px;font-weight:600;display:inline-block}.discover-hero h1{letter-spacing:-.065em;max-width:560px;margin:0;font-size:clamp(52px,12vw,82px);font-weight:600;line-height:.89}.discover-hero p{color:#ffffffb0;max-width:430px;margin:20px 0 0;font-size:15px;line-height:1.6}.radar-mark{place-items:center;width:190px;height:190px;display:grid;position:relative}.discover-hero .radar-mark{width:170px;height:170px;position:absolute;bottom:48px;left:22px}.radar-ring{border:1px solid #fff3;border-radius:48% 52% 46% 54%/55% 42% 58% 45%;animation:4s ease-in-out infinite radarBreath;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radar-ring-a{width:39%;height:39%}.radar-ring-b{width:69%;height:69%;animation-delay:.4s}.radar-ring-c{width:100%;height:100%;animation-delay:.8s}.radar-center{z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1a;border:1px solid #fff3;border-radius:29px 24px 31px 25px;place-items:center;width:68px;height:68px;font-size:31px;display:grid;position:relative;box-shadow:0 18px 42px #0003}.radar-point{background:var(--white);border-radius:50%;width:8px;height:8px;animation:3s ease-in-out infinite radarPoint;position:absolute;box-shadow:0 0 20px #ffffffe6}.radar-point-a{top:20%;right:6%}.radar-point-b{animation-delay:.8s;bottom:14%;left:17%}.radar-point-c{animation-delay:1.5s;top:52%;left:0}.hero-status{color:#ffffffa1;align-items:center;gap:8px;font-size:11px;display:flex;position:absolute;bottom:25px;right:27px}.status-dot{background:#ff84ad;border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite statusBlink;box-shadow:0 0 15px #ff84adcc}.discover-section{margin-top:40px}.section-title{justify-content:space-between;align-items:flex-end;margin-bottom:15px;display:flex}.section-kicker{color:var(--wine);font-size:12px;font-weight:600}.section-title h2{letter-spacing:-.04em;margin:4px 0 0;font-size:29px;font-weight:600;line-height:1}.section-more{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0}.editorial-card{position:relative}.editorial-image{background:linear-gradient(180deg, #14070c0a, #14070cb8), var(--event-art,linear-gradient(145deg, #b7bac3, #6f7a72 52%, #3e4742));min-height:410px;box-shadow:var(--shadow);background-position:50%;background-size:cover;border-radius:35px 28px 42px 31px;flex-direction:column;justify-content:space-between;padding:20px;display:flex;position:relative;overflow:hidden}.editorial-scribble{border:2px solid #ffffff2b;border-radius:49% 51% 62% 38%/54% 41% 59% 46%;width:190px;height:120px;position:absolute;top:-53px;right:-48px;transform:rotate(12deg)}.editorial-top{gap:8px;display:flex}.pill{border-radius:999px 950px 999px 970px;padding:8px 12px;font-size:11px;font-weight:600}.pill-light{background:var(--white);color:var(--ink)}.pill-glass{color:var(--white);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#140c0f8c}.editorial-copy{color:var(--white)}.editorial-type{color:#ffffffa3;font-size:12px}.editorial-copy h3{letter-spacing:-.05em;margin:6px 0 9px;font-size:42px;font-weight:600;line-height:.92}.editorial-copy p{color:#ffffffb8;max-width:400px;margin:0;font-size:14px}.editorial-meta{gap:17px;margin-top:17px;font-size:12px;display:flex}.recommend-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.recommend-card{border:1px solid var(--line);min-height:310px;box-shadow:var(--shadow-soft);flex-direction:column;padding:22px;display:flex;position:relative;overflow:hidden}.recommend-wine{background:#ece0e5;border-radius:35px 26px 38px 30px}.recommend-place{background:#e6e4d9;border-radius:27px 38px 30px 40px}.hand-note{color:var(--muted);border:1px solid #17111424;border-radius:48% 52% 46% 54%/55% 42% 58% 45%;padding:5px 10px;font-size:10px;position:absolute;top:18px;left:18px;transform:rotate(-4deg)}.recommend-art{background:#ffffff8c;border-radius:29px 24px 31px 25px;place-items:center;width:75px;height:75px;margin-bottom:auto;font-size:33px;display:grid}.recommend-type{color:var(--wine);margin-top:25px;font-size:11px;font-weight:600}.recommend-card h3{letter-spacing:-.035em;margin:6px 0;font-size:24px;font-weight:600;line-height:1.03}.recommend-card p{color:var(--muted);margin:0;font-size:12px}.round-action{background:var(--ink);width:38px;height:38px;color:var(--white);cursor:pointer;border:0;border-radius:50%;position:absolute;bottom:18px;left:18px}.social-card{color:var(--white);box-shadow:var(--shadow);background:linear-gradient(145deg,#250811,#6d0f30);border-radius:31px 39px 29px 35px;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:22px;display:grid;position:relative;overflow:hidden}.social-stroke{border:1px solid #ffffff2b;border-radius:42% 58% 54% 46%/58% 43% 57% 42%;width:170px;height:95px;position:absolute;top:-42px;left:-40px;transform:rotate(-11deg)}.social-avatars{direction:ltr;display:flex}.social-avatars span{border:2px solid var(--wine-deep);width:40px;height:40px;color:var(--wine-deep);background:#f1dbe2;border-radius:50% 46% 52% 48%;place-items:center;margin-left:-9px;font-size:13px;font-weight:600;display:grid}.social-copy strong{font-size:15px;display:block}.social-copy p{color:#ffffff9e;margin:5px 0 0;font-size:12px;line-height:1.45}.social-action{color:var(--white);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;padding:9px 13px}.mood-section{padding-bottom:20px}.mood-copy h2{margin:4px 0 14px;font-size:29px;font-weight:600}.mood-scroll{scrollbar-width:none;gap:9px;padding-bottom:6px;display:flex;overflow-x:auto}.mood-scroll::-webkit-scrollbar{display:none}.mood-scroll button{border:1px solid var(--line);min-height:47px;color:var(--ink);cursor:pointer;background:#ffffffbd;border-radius:22px 18px 24px 19px;flex:none;padding:0 18px;box-shadow:0 8px 24px #260f180a}.bottom-nav{z-index:60;left:50%;bottom:calc(12px + var(--safe-bottom));-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:#ffffffe0;border:1px solid #ffffffc7;border-radius:29px 25px 30px 26px;grid-template-columns:repeat(5,1fr);gap:4px;width:min(100% - 24px,720px);padding:9px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 18px 60px #1f0c142b}.nav-item{min-height:56px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:19px 17px 21px 18px;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.nav-item span{font-size:18px}.nav-item small{font-size:11px}.nav-item.active{background:linear-gradient(145deg, var(--wine), #780d32);color:var(--white);box-shadow:0 10px 28px #98123f33}.app-loading{min-height:var(--app-height);background:radial-gradient(circle, #98123f21, transparent 31%), var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.app-loading .radar-mark{width:170px;height:170px}.app-loading .radar-ring{border-color:#98123f2e}.app-loading .radar-point{background:var(--wine);box-shadow:0 0 18px #98123f80}.app-loading .radar-center{background:var(--wine);color:var(--white)}.app-loading-name{font-size:29px;font-weight:600}.app-loading-sub{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-skip{width:100%;min-height:41px;color:var(--muted);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;position:absolute}.radar-dot-one{top:20%;right:7%}.radar-dot-two{bottom:16%;left:18%}.radar-dot-three{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}.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);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:translate(-50%,-50%)scale(.96)}50%{opacity:.78;transform:translate(-50%,-50%)scale(1.035)}}@keyframes radarPoint{0%,to{opacity:.3;transform:scale(.75)}50%{opacity:1;transform:scale(1.25)}}@keyframes statusBlink{0%,to{opacity:.35}50%{opacity:1}}@media (width<=560px){.discover,.topbar{padding-inline:15px}.discover-hero{min-height:450px;padding:28px 22px}.discover-hero .radar-mark{width:145px;height:145px;bottom:50px;left:14px}.recommend-grid{gap:9px}.recommend-card{min-height:290px;padding:18px}.recommend-card h3{font-size:21px}.social-card{grid-template-columns:1fr auto}.social-avatars{grid-column:1/-1}.onboarding-screen{padding-left:20px;padding-right:20px}}@media (height<=760px){.discover-hero{min-height:410px}.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}}