html{background:#f5f1ec}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:#f5f1ec;--surface:#fff;--surface-soft:#eee5dd;--text:#1c1719;--muted:#7f7478;--line:#1c171914;--wine:#6d1835;--wine-dark:#3d0d20;--gold:#b78b54;--radius-xl:30px;--radius-lg:22px;--shadow:0 14px 40px #26181d14}*{box-sizing:border-box}button{font:inherit}.app{background:var(--bg);min-height:100dvh;color:var(--text);padding-bottom:92px}.topbar{justify-content:space-between;align-items:center;width:min(100%,760px);margin:0 auto;padding:18px 20px 10px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--wine);width:44px;height:44px;box-shadow:var(--shadow);border-radius:15px;place-items:center;font-size:22px;display:grid}.brand-name{letter-spacing:.2px;font-size:20px;font-weight:600}.brand-sub{color:var(--muted);margin-top:2px;font-size:12px}.profile-btn{background:var(--text);color:#fff;cursor:pointer;border:0;border-radius:50%;width:42px;height:42px}.content{width:min(100%,760px);margin:0 auto;padding:8px 20px 30px}.hero{border-radius:var(--radius-xl);color:#fff;min-height:250px;box-shadow:var(--shadow);background:radial-gradient(circle at 15% 0,#b78b546b,#0000 28%),linear-gradient(135deg,#54152b 0%,#761c3d 48%,#2e0d1a 100%);padding:32px 28px;position:relative;overflow:hidden}.hero-copy{z-index:2;max-width:520px;position:relative}.eyebrow{color:#ead9c3;margin-bottom:16px;font-size:13px;display:inline-block}.hero h1{max-width:520px;margin:0;font-size:clamp(34px,8vw,56px);font-weight:600;line-height:1}.hero p{color:#fffc;max-width:470px;margin:18px 0 0;font-size:15px;line-height:1.7}.hero-orb{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border-radius:50%;position:absolute}.hero-orb-one{width:170px;height:170px;bottom:-75px;left:-58px}.hero-orb-two{width:90px;height:90px;top:-35px;left:110px}.quick-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;display:grid}.quick-card{border:1px solid var(--line);min-height:92px;color:var(--text);cursor:pointer;background:#ffffffc2;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 8px;display:flex;box-shadow:0 8px 24px #26181d0a}.quick-icon{font-size:22px}.section{margin-top:32px}.section-head{justify-content:space-between;align-items:end;margin-bottom:14px;display:flex}.section-kicker{color:var(--wine);font-size:12px;font-weight:600}.section h2{margin:3px 0 0;font-size:25px;font-weight:600}.text-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0}.feature-card{border-radius:var(--radius-xl);box-shadow:var(--shadow);overflow:hidden}.feature-image{background-position:50%;background-size:cover;flex-direction:column;justify-content:space-between;min-height:360px;padding:18px;display:flex;position:relative}.feature-badges{gap:8px;display:flex}.badge{color:var(--text);background:#fff;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:600}.badge-dark{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141012b8}.feature-info{color:#fff}.feature-type{color:#ffffffb8;font-size:12px}.feature-info h3{margin:7px 0 8px;font-size:30px;font-weight:600;line-height:1.05}.feature-info p{color:#ffffffc7;max-width:440px;margin:0;font-size:14px;line-height:1.55}.feature-meta{gap:18px;margin-top:16px;font-size:12px;display:flex}.mini-list{gap:10px;display:grid}.mini-card{border:1px solid var(--line);background:var(--surface);border-radius:22px;grid-template-columns:72px 1fr 40px;align-items:center;gap:13px;padding:12px;display:grid}.mini-art{border-radius:18px;place-items:center;width:72px;height:72px;font-size:28px;display:grid}.mini-art-one{background:#eee3e6}.mini-art-two{background:#eee8da}.mini-copy span{color:var(--wine);font-size:11px}.mini-copy h3{margin:4px 0 3px;font-size:16px;font-weight:600}.mini-copy p{color:var(--muted);margin:0;font-size:12px}.save-btn{background:var(--surface-soft);cursor:pointer;border:0;border-radius:50%;width:38px;height:38px;font-size:20px}.bottom-nav{z-index:20;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffe0;border:1px solid #ffffffb8;border-radius:24px;grid-template-columns:repeat(5,1fr);gap:4px;width:min(100% - 24px,720px);padding:10px 10px 8px;display:grid;position:fixed;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 16px 50px #1f131726}.nav-item{min-height:52px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:17px;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:var(--wine);color:#fff}@media (width<=560px){.topbar,.content{padding-inline:16px}.hero{min-height:230px;padding:26px 22px}.quick-grid{grid-template-columns:repeat(2,1fr)}.quick-card{min-height:78px}.feature-image{min-height:320px}}.onboarding-app{min-height:100dvh}.onboarding-screen{flex-direction:column;justify-content:center;min-height:100dvh;padding:32px 24px;display:flex}.onboarding-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100dvh;display:flex}.onboarding-logo{font-size:48px}.onboarding-brand{align-items:center;gap:14px;margin-bottom:56px;display:flex}.onboarding-brand-name{font-size:28px;font-weight:600}.onboarding-brand-sub{opacity:.55;margin-top:4px}.onboarding-hero h1{margin:10px 0 18px;font-size:54px;font-weight:600;line-height:1}.onboarding-kicker{color:#84143d;font-size:16px;font-weight:600}.onboarding-hero p,.onboarding-copy p{font-size:18px;line-height:1.6}.onboarding-description{opacity:.6}.onboarding-orbit{justify-content:space-around;align-items:center;margin:56px 0;font-size:32px;display:flex}.onboarding-orbit span{animation:3s ease-in-out infinite wineFloat}.onboarding-orbit span:nth-child(2){animation-delay:.35s}.onboarding-orbit span:nth-child(3){animation-delay:.7s}.onboarding-orbit span:nth-child(4){animation-delay:1.05s}.onboarding-actions{flex-direction:column;gap:12px;display:flex}.onboarding-primary,.onboarding-secondary{border:0;border-radius:18px;width:100%;min-height:58px;font-size:18px;font-weight:600}.onboarding-primary{color:#fff;background:#84143d}.onboarding-secondary{color:inherit;background:0 0}.onboarding-primary:disabled{opacity:.55}.onboarding-visual{justify-content:center;margin-bottom:48px;display:flex}.location-radar{justify-content:center;align-items:center;width:230px;height:230px;display:flex;position:relative}.location-dot{z-index:2;font-size:44px;position:relative}.radar-ring{border:1px solid #84143d38;border-radius:50%;animation:2.6s ease-out infinite radarPulse;position:absolute}.radar-ring-one{width:80px;height:80px}.radar-ring-two{width:145px;height:145px;animation-delay:.45s}.radar-ring-three{width:220px;height:220px;animation-delay:.9s}.onboarding-copy{text-align:center;margin-bottom:42px}.onboarding-copy h1{margin:8px 0 12px;font-size:42px;font-weight:600}@keyframes wineFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes radarPulse{0%{opacity:0;transform:scale(.7)}35%{opacity:1}to{opacity:0;transform:scale(1.08)}}.app-loading{color:#171214;background:#f7f2ed;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100dvh;display:flex}.app-loading-logo{background:#7f1538;border-radius:28px;place-items:center;width:84px;height:84px;font-size:38px;display:grid;box-shadow:0 18px 50px #4812272e}.app-loading-name{letter-spacing:-.03em;font-size:30px;font-weight:600}.onboarding{color:#171214;background:radial-gradient(circle at 15% 15%,#7f153814,#0000 34%),radial-gradient(circle at 90% 80%,#7f15380f,#0000 32%),#f7f2ed;min-height:100dvh;overflow:hidden}.onboarding-screen{max-width:680px;min-height:100dvh;padding:calc(36px + env(safe-area-inset-top)) 28px calc(30px + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.onboarding-brand{align-items:center;gap:14px;display:flex}.onboarding-logo{background:#7f1538;border-radius:19px;flex:none;place-items:center;width:58px;height:58px;font-size:26px;display:grid;box-shadow:0 12px 36px #48122729}.onboarding-name{letter-spacing:-.03em;font-size:28px;font-weight:600}.onboarding-content{margin:auto 0}.onboarding-hello{color:#8a173d;margin-bottom:18px;font-size:17px;font-weight:600;display:block}.onboarding-content h1{letter-spacing:-.055em;max-width:560px;margin:0;font-size:clamp(52px,11vw,82px);font-weight:600;line-height:.97}.onboarding-content p{color:#766b6e;max-width:520px;margin:28px 0 0;font-size:20px;line-height:1.65}.onboarding-content strong{margin-top:12px;font-size:20px;font-weight:600;display:block}.onboarding-primary{color:#fff;cursor:pointer;background:#7f1538;border:0;border-radius:22px;width:100%;min-height:64px;font-size:19px;font-weight:600;transition:transform .2s,opacity .2s;box-shadow:0 14px 36px #4812272e}.onboarding-primary:active{transform:scale(.985)}.onboarding-primary:disabled,.onboarding-skip:disabled{opacity:.55;cursor:default}.location-visual{aspect-ratio:1;place-items:center;width:min(74vw,360px);margin:8vh auto 0;display:grid;position:relative}.location-visual>span{z-index:3;background:#7f1538;border-radius:38px;place-items:center;width:112px;height:112px;font-size:48px;animation:3.2s ease-in-out infinite location-float;display:grid;position:relative;box-shadow:0 22px 60px #48122733}.location-ring{border:1px solid #7f15382e;border-radius:50%;position:absolute;inset:50%;transform:translate(50%,-50%)}.location-ring-one{width:220px;height:220px;animation:2.7s ease-out infinite location-pulse}.location-ring-two{width:320px;height:320px;animation:2.7s ease-out .9s infinite location-pulse}.onboarding-location-copy{text-align:center;margin:40px 0 auto}.onboarding-location-copy h1{margin-inline:auto;font-size:clamp(46px,10vw,72px)}.onboarding-location-copy p{max-width:470px;margin-inline:auto}.onboarding-actions{gap:10px;margin-top:36px;display:grid}.onboarding-skip{color:#746a6d;cursor:pointer;background:0 0;border:0;width:100%;min-height:54px;font-size:17px;font-weight:600}@keyframes location-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes location-pulse{0%{opacity:.85;transform:translate(50%,-50%)scale(.72)}to{opacity:0;transform:translate(50%,-50%)scale(1.12)}}@media (width<=600px){.onboarding-screen{padding:calc(26px + env(safe-area-inset-top)) 22px calc(22px + env(safe-area-inset-bottom))}.onboarding-logo{border-radius:17px;width:52px;height:52px}.onboarding-name{font-size:25px}.onboarding-content h1{font-size:54px}.onboarding-content p,.onboarding-content strong{font-size:18px}.location-visual{margin-top:5vh}.location-visual>span{border-radius:32px;width:96px;height:96px;font-size:42px}}