@import "https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600&family=Heebo:wght@300;400;500;600&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f8f2ed;--surface:#fff;--ink:#261c20;--muted:#76676d;--wine:#98123e;--wine-deep:#660b2b;--wine-soft:#efd8df;--line:#e7dadd;--shadow:0 14px 40px #40122512;--font-ui:"Heebo",Arial,sans-serif;--font-logo:"Caveat",cursive;--safe-top:calc(max(env(safe-area-inset-top,0px),var(--tg-viewport-safe-area-inset-top,0px)) + var(--tg-viewport-content-safe-area-inset-top,0px));--safe-bottom:calc(max(env(safe-area-inset-bottom,0px),var(--tg-viewport-safe-area-inset-bottom,0px)) + var(--tg-viewport-content-safe-area-inset-bottom,0px));--app-height:var(--tg-viewport-stable-height,100dvh)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--ink);font:400 16px/1.5 var(--font-ui);-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--wine);outline-offset:4px}button:active{transform:scale(.98)}img,svg{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}img{max-width:100%}h1,h2,h3,p{margin-top:0}.app{width:100%;height:var(--app-height);background:radial-gradient(ellipse at 80% 0%,#ead0d83d,transparent 40%),var(--bg);flex-direction:column;display:flex;overflow:hidden}.topbar{width:min(100%,760px);padding:calc(26px + var(--safe-top)) 26px 16px;flex:none;justify-content:space-between;align-items:center;margin:0 auto;display:flex}.profile{background:var(--ink);width:44px;height:44px;color:var(--surface);border:0;border-radius:50%;flex-shrink:0;font-size:18px}.wine-logo{color:var(--wine);flex-direction:column;align-items:flex-start;display:inline-flex}.wine-logo-word{isolation:isolate;font-family:var(--font-logo);letter-spacing:-.035em;white-space:nowrap;align-items:baseline;font-size:48px;line-height:1;display:flex;position:relative}.wine-logo-word span{font-weight:400}.wine-logo-word strong{font-weight:600}.wine-logo small{color:var(--muted);margin-top:5px;font-size:12px}.wine-logo.compact .wine-logo-word{font-size:38px}.wine-logo-swish{z-index:-1;width:77px;height:68px;position:absolute;top:-16px;right:-13px}.feed{width:min(100%,760px);min-height:0;padding:0 22px calc(112px + var(--safe-bottom));overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;margin:0 auto;overflow:hidden auto}.demo-notice{color:var(--muted);text-align:center;margin:0 auto;padding:0 20px;font-size:12px}.discover-intro{padding:0 4px 8px;position:relative}.wine-radar{aspect-ratio:1;place-items:center;width:min(66vw,230px);margin:0 auto;display:grid;position:relative}.radar-glow{background:radial-gradient(circle,#d9719670,#e8acc430 44%,#0000 70%);border-radius:50%;position:absolute;inset:9%}.radar-ring{border:1px solid #aa456b29;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.radar-ring-1{width:31%;height:31%}.radar-ring-2{width:51%;height:51%}.radar-ring-3{width:72%;height:72%}.radar-ring-4{width:94%;height:94%}.radar-sweep{background:conic-gradient(from 10deg,#0000 0deg 290deg,#a0154420 348deg,#0000 350deg);border-radius:50%;animation:13s linear infinite radarScan;position:absolute;inset:3%}.radar-arc{border:1px solid #0000;border-top-color:#fff9;border-radius:50%;position:absolute;top:50%;left:50%}.radar-arc-a{width:43%;height:43%;transform:translate(-50%,-50%)rotate(34deg)}.radar-arc-b{width:67%;height:67%;transform:translate(-50%,-50%)rotate(145deg)}.radar-arc-c{width:89%;height:89%;transform:translate(-50%,-50%)rotate(238deg)}.radar-point{place-items:center;width:22px;height:22px;display:grid;position:absolute;translate:-50% -50%}.radar-point i{background:var(--wine);border:1px solid #fffa;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #b00d470b}.radar-point b{border:1px solid #fff9;border-radius:50%;width:22px;height:22px;position:absolute}.radar-center{z-index:2;background:radial-gradient(circle at 25% 10%,#dc678d80,transparent 55%),linear-gradient(145deg,#ab1246,var(--wine-deep));width:76px;height:76px;color:var(--surface);border:1px solid #ffffff80;border-radius:27px 24px 30px 25px;place-items:center;display:grid;position:relative;box-shadow:0 15px 35px #880d3940,0 0 0 8px #b00d4708}.radar-center-pulse{border-radius:inherit;border:1px solid #b00d4729;animation:4s ease-out infinite centerPulse;position:absolute;inset:0}.pulse-2{animation-delay:2s}.motion-paused .radar-center-pulse,.motion-paused .radar-sweep{animation-play-state:paused}.discover-copy{max-width:480px;margin:-4px auto 0;position:relative}.eyebrow{color:var(--wine);margin-bottom:7px;font-size:14px;display:block}.discover-copy h1{letter-spacing:-.045em;margin:0;font-size:clamp(32px,9vw,44px);font-weight:400;line-height:1.16}.discover-meta{color:var(--muted);margin:12px 0;font-size:14px}.text-button{min-height:44px;color:var(--wine);background:0 0;border:0;justify-content:center;align-items:center;gap:12px;padding:8px 0;display:inline-flex}.text-button svg,.place-title svg,.smart-search button svg{flex-shrink:0;transform:rotate(180deg)}.smart-search{background:var(--surface);min-height:56px;color:var(--muted);box-shadow:var(--shadow);border:1px solid #ffffffc9;border-radius:25px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:16px;padding:6px 7px 6px 17px;display:grid}.smart-search input{background:0 0;border:0;width:100%;min-width:0;padding:8px 0;font-size:16px}.smart-search input::placeholder{color:var(--muted)}.smart-search button{background:var(--ink);width:44px;height:44px;color:var(--surface);border:0;border-radius:50%;place-items:center;display:grid}.quick-filters{scrollbar-width:none;gap:8px;margin-top:14px;padding:2px 0;display:flex;overflow-x:auto}.quick-filters button{isolation:isolate;border:1px solid var(--line);min-height:44px;color:var(--muted);background:0 0;border-radius:22px;flex:none;padding:0 15px;font-size:14px;position:relative}.quick-filters button.active{color:var(--surface);border-color:#0000}.filter-active{border-radius:inherit;background:var(--wine);z-index:-1;position:absolute;inset:-1px}.feed-section{margin-top:28px;scroll-margin-top:16px}.section-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.section-head span{color:var(--muted);font-size:12px}.section-head h2{letter-spacing:-.035em;margin:3px 0 0;font-size:28px;font-weight:400;line-height:1.2}.places-deck{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:min(88%,420px);grid-auto-flow:column;gap:14px;margin-inline:0 -22px;padding:0 0 16px 22px;display:grid;overflow-x:auto}.place-card{scroll-snap-align:start;background:var(--surface);border:1px solid #ffffffa8;border-radius:23px;min-width:0;overflow:hidden}.place-photo{aspect-ratio:1.5;position:relative;overflow:hidden}.place-cover{background:var(--wine-soft);border:0;width:100%;height:100%;padding:0;display:block}.place-cover img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.place-cover:hover img{transform:scale(1.035)}.place-category,.open-badge{pointer-events:none;background:#fffffff2;border-radius:20px;max-width:calc(100% - 78px);padding:6px 10px;font-size:12px;position:absolute;inset-inline-start:13px}.place-category{top:14px}.open-badge{color:var(--wine-deep);bottom:12px}.favorite{top:12px;width:44px;height:44px;color:var(--wine);background:#ffffffed;border:1px solid #ffffff70;border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-end:12px}.favorite.saved{background:var(--wine);color:var(--surface)}.favorite.saved path{fill:currentColor}.place-copy{padding:17px 17px 18px}.place-title{text-align:start;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:44px;padding:0;display:flex}.place-title h3{letter-spacing:-.02em;margin:0;font-size:23px;font-weight:400;line-height:1.25}.place-copy p{color:var(--muted);margin:7px 0 0;font-size:14px;line-height:1.6}.place-copy footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:16px;padding-top:12px;font-size:12px;display:flex}.bottom-nav{z-index:50;left:50%;bottom:calc(10px + var(--safe-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #ffffffd9;border-radius:27px;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;width:min(100% - 24px,712px);padding:7px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 12px 45px #3412221f}.nav-item{min-height:58px;color:var(--muted);background:0 0;border:0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex;position:relative}.nav-active-bg{border-radius:inherit;background:var(--wine);position:absolute;inset:0}.nav-icon,.nav-item small{z-index:1;position:relative}.nav-item.active{color:var(--surface)}.nav-item small{font-size:12px}.page-heading{padding:30px 0 20px}.page-heading h1{letter-spacing:-.03em;margin:8px 0 12px;font-size:36px;font-weight:400;line-height:1.2}.page-heading p,.muted,.preferences p{color:var(--muted)}.collection-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.empty-state{text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:24px;flex-direction:column;align-items:center;gap:14px;padding:35px 14px;display:flex}.empty-state h2,.empty-state h3,.preferences h2{color:var(--ink);margin:0;font-size:22px;font-weight:400}.empty-state p{max-width:340px;margin:0}.primary-button,.onboarding-primary{background:var(--wine);min-height:52px;color:var(--surface);border:0;border-radius:20px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 20px;display:flex}.storage-note,.version-label{color:var(--muted);margin-top:20px;font-size:12px;line-height:1.7}.storage-error{color:var(--wine);text-align:center;margin:0;padding:8px 20px;font-size:14px}.profile-summary{border:1px solid var(--line);color:var(--wine);background:#ffffff80;border-radius:24px;align-items:center;gap:25px;padding:24px;display:flex}.profile-summary strong{font-size:36px;font-weight:400;line-height:1.1;display:block}.profile-summary span{color:var(--muted);font-size:14px}.preferences{margin:30px 0}.taste-options{flex-wrap:wrap;gap:10px;display:flex}.taste-options button{border:1px solid var(--line);background:var(--surface);border-radius:24px;min-height:46px;padding:10px 22px}.taste-options .selected{color:var(--surface);background:var(--wine);border-color:var(--wine)}.tab-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:36px 12px;display:flex}.tab-art{width:110px;height:110px;color:var(--wine);background:#ffffffa8;border-radius:36px;place-items:center;margin-bottom:24px;display:grid}.tab-screen h1{margin:8px 0 16px;font-size:36px;font-weight:400;line-height:1.2}.tab-screen p{max-width:390px;color:var(--muted);font-size:16px;line-height:1.8}.place-dialog{width:100%;max-width:100%;height:100%;max-height:100%;color:var(--ink);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.place-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#20101880}.sheet-content{overscroll-behavior:contain;background:var(--bg);width:min(100%,620px);max-height:90%;padding-bottom:var(--safe-bottom);border-radius:30px 30px 0 0;position:absolute;bottom:0;left:50%;overflow:auto;translate:-50%}.sheet-close{top:14px;z-index:2;background:var(--surface);border:0;border-radius:50%;width:44px;height:44px;font-size:28px;line-height:1;position:absolute;inset-inline-end:14px}.sheet-photo{object-fit:cover;width:100%;height:230px;display:block}.sheet-body{padding:24px}.sheet-body small{color:var(--wine)}.sheet-body h2{margin:8px 0 16px;font-size:30px;font-weight:400;line-height:1.25}.detail-tags{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.detail-tags span{background:var(--wine-soft);color:var(--wine-deep);border-radius:20px;padding:5px 12px;font-size:14px}.demo-detail{color:var(--muted);font-size:14px}.app-loading{z-index:100;width:100%;height:var(--app-height);background:var(--bg);position:absolute;inset:0;overflow:hidden}.loading-brand{z-index:2;top:calc(38px + var(--safe-top));position:absolute;right:28px}.loading-animation{position:absolute;inset:0}.loading-lottie{width:100%;height:100%;display:block}.loading-status{z-index:3;inset-inline:24px;bottom:calc(36px + var(--safe-bottom));text-align:center;color:var(--surface);font-size:14px;position:absolute}.loading-status span{background:#450d28b3;border-radius:20px;padding:8px 16px;display:inline-block}.loading-static{color:var(--wine);place-items:center;display:grid;position:absolute;inset:35% 0 20%}.catalog-loading{text-align:center;color:var(--muted);padding:60px 24px}.auth-status{width:min(100%,480px);height:var(--app-height);padding:calc(32px + var(--safe-top)) 24px calc(24px + var(--safe-bottom));flex-direction:column;justify-content:center;gap:48px;margin:auto;display:flex;overflow-y:auto}.auth-status h1{font-size:28px;font-weight:400;line-height:1.25}.auth-status p{color:var(--muted);line-height:1.6}.auth-status button{margin-top:16px}.onboarding{width:100%;height:var(--app-height);overflow-y:auto}.onboarding-screen{width:100%;min-height:var(--app-height);max-width:720px;padding:calc(24px + var(--safe-top)) 22px calc(20px + var(--safe-bottom));flex-direction:column;gap:24px;margin:0 auto;display:flex}.onboarding-skip{width:100%;min-height:44px;color:var(--muted);background:0 0;border:0}.onboarding-step-1{color:var(--surface);background:linear-gradient(155deg,#17090f,#350b1b 45%,#741137)}.onboarding-step-2{background:var(--bg)}.onboarding-actions{gap:4px;margin-top:auto;display:grid}.location-error{color:var(--wine)}.onboarding-brand{align-items:center;gap:16px;display:flex}.onboarding-logo{place-items:center;display:grid}.onboarding-step-1 .wine-logo{color:var(--surface)}.welcome-radar{place-items:center;min-height:150px;display:grid}.welcome-radar-center{color:var(--surface)}.onboarding-content h1{margin:12px 0;font-size:clamp(30px,8vw,42px);font-weight:400;line-height:1.2}.onboarding-content p{font-size:16px;line-height:1.6}.onboarding-hello,.welcome-teaser{font-size:14px;display:block}.welcome-button{margin-top:auto}.location-visual{min-height:140px;color:var(--wine);place-items:center;display:grid}.location-settings-btn{min-height:44px;color:inherit;background:0 0;border:0;text-decoration:underline}@keyframes radarScan{to{transform:rotate(360deg)}}@keyframes centerPulse{0%{opacity:.5;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}@media (width>=620px){.discover-intro{flex-direction:row-reverse;align-items:center;gap:30px;padding:12px 0;display:flex}.wine-radar{flex-shrink:0;width:310px}.discover-copy{margin:0}.discover-copy h1{font-size:42px}.feed-section{margin-top:34px}}@media (width<=560px){.collection-list{grid-template-columns:1fr}.wine-logo.compact .wine-logo-word{font-size:35px}.topbar{padding-inline:24px}.feed{padding-inline:18px}.places-deck{margin-inline-end:-18px;padding-inline-end:18px}.sheet-photo{height:200px}}@media (height<=760px){.wine-radar{width:min(56vw,180px)}.topbar{padding-top:calc(18px + var(--safe-top));padding-bottom:10px}.discover-copy h1{font-size:34px}.discover-meta{margin:8px 0}.smart-search{margin-top:8px}}@media (prefers-reduced-motion:reduce){.radar-sweep,.radar-center-pulse{animation:none}.place-cover img{transition:none}}