:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}:root{--bg:#f7f8f4;--surface:#fff;--surface-soft:#f0f5ef;--ink:#17211d;--muted:#66726b;--line:#dfe7df;--primary:#177c57;--primary-dark:#0e5f41;--accent:#e95e3d;--warning:#a66312;--shadow:0 12px 30px #17211d17}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:var(--bg);min-width:320px}body{min-width:320px;min-height:100dvh;color:var(--ink);background:linear-gradient(180deg, #ffffffeb, #f7f8f4b8), linear-gradient(135deg, #177c571a, transparent 42%), linear-gradient(315deg, #e95e3d1c, transparent 40%), var(--bg);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5;overflow-x:hidden}button,input,textarea{font:inherit}button{cursor:pointer;appearance:none}button:disabled{cursor:not-allowed}#app{width:100%;min-height:100dvh}.app-shell{width:min(100% - 24px,480px);min-height:100dvh;padding:calc(14px + env(safe-area-inset-top)) 0 calc(28px + env(safe-area-inset-bottom));margin:0 auto}.app-shell.is-entry{width:100%;max-width:none;padding:0}.progress{z-index:10;padding:calc(8px + env(safe-area-inset-top)) 0 8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f8f4f0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 16px;display:grid;position:sticky;top:0}.progress__item{border:1px solid var(--line);min-width:0;min-height:42px;color:var(--muted);white-space:nowrap;background:#ffffffd1;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 8px;font-size:13px;display:flex}.progress__item.is-active{color:var(--primary-dark);background:#eaf7f0;border-color:#177c5752}.progress__dot{color:#fff;background:#9aa8a1;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:12px;font-weight:800;display:grid}.progress__item.is-active .progress__dot{background:var(--primary)}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .55s,transform .55s}.page-fade-enter-from{opacity:0;transform:translateY(14px)}.page-fade-leave-to{opacity:0;transform:translateY(-10px)}.entry-page{min-height:100dvh;padding:calc(28px + env(safe-area-inset-top)) 24px calc(34px + env(safe-area-inset-bottom));text-align:center;place-items:center;display:grid;position:relative;overflow:hidden}.entry-page:before{content:"";background:linear-gradient(#ffffffb3,#0000 48%),repeating-linear-gradient(90deg,#0000 0 42px,#17211d09 42px 43px);position:absolute;inset:0}.skip-button{top:calc(14px + env(safe-area-inset-top));z-index:2;min-height:40px;color:var(--muted);background:#ffffffc2;border:1px solid #17211d14;border-radius:999px;padding:0 12px;font-size:13px;font-weight:800;position:absolute;right:16px}.splash-scene{z-index:1;width:260px;height:315px;margin:0 auto 18px;position:relative}.splash-scene:after{content:"";filter:blur(10px);background:#17211d24;border-radius:50%;height:16px;animation:1.8s ease-in-out infinite shadowPulse;position:absolute;bottom:20px;left:22px;right:22px}.splash-bottle,.splash-cup{z-index:1;border:6px solid #ffffffbd;position:absolute;bottom:34px;box-shadow:0 18px 28px #17211d29}.splash-bottle{border-radius:28px 28px 18px 18px;width:68px;height:205px;animation:1.5s cubic-bezier(.2,.9,.2,1) both bottleRise,1.8s ease-in-out 1.5s infinite floatDrink}.splash-bottle:before{background:inherit;content:"";border-radius:9px 9px 3px 3px;width:22px;height:44px;position:absolute;top:-42px;left:18px}.splash-bottle:after,.splash-cup:after{content:"";background:#ffffff57;border-radius:8px;height:42px;position:absolute;bottom:38px;left:12px;right:12px}.splash-bottle--green{background:linear-gradient(160deg,#49d49c,#177c57);height:224px;left:24px}.splash-bottle--coral{background:linear-gradient(160deg,#ff9a80,#d94b35);height:190px;animation-delay:.18s,1.68s;right:24px}.splash-cup{background:linear-gradient(160deg,#d6a175,#7c5033);border-radius:20px 20px 32px 32px;width:80px;height:178px;animation:1.35s cubic-bezier(.2,.9,.2,1) 80ms both cupRise,1.8s ease-in-out 1.55s infinite floatDrink;left:89px}.splash-cup:before{content:"";background:#f2dac7;border-radius:50%;width:90px;height:27px;position:absolute;top:-16px;left:-11px}.splash-steam{z-index:0;opacity:0;border:0;border-top:3px solid #177c5733;border-left:3px solid #177c5733;border-radius:50% 0 0;width:38px;height:80px;animation:2s ease-in-out infinite steamDrift;position:absolute;top:24px}.splash-steam--one{left:82px}.splash-steam--two{animation-delay:.45s;left:135px}.entry-copy{z-index:1;justify-items:center;display:grid;position:relative}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:0;margin:0 0 8px;font-size:12px;font-weight:900}.entry-copy h1,.page-header h2,.status-page h2{color:var(--ink);letter-spacing:0;margin:0}.entry-copy h1{font-size:44px;font-weight:900;line-height:1.05}.page-header h2,.status-page h2{font-size:28px;font-weight:900;line-height:1.15}.lead{max-width:320px;color:var(--muted);margin:12px 0 0;font-size:16px;line-height:1.7}.splash-bar{background:#17211d1a;border-radius:999px;width:176px;height:6px;margin-top:20px;overflow:hidden}.splash-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--accent));transform-origin:0;width:100%;height:100%;animation:2.5s ease-in-out both loadingBar;display:block}.products-page,.order-page,.status-page{min-height:calc(100dvh - 82px)}.page-header{margin-bottom:16px}.page-header--row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.page-header p{color:var(--muted);margin:8px 0 0;font-size:14px}.primary-button,.secondary-button,.text-button{border:0;border-radius:8px;min-height:48px;font-weight:900;transition:transform .16s,background-color .16s,box-shadow .16s}.primary-button,.secondary-button{padding:0 18px}.primary-button{color:#fff;background:var(--primary);box-shadow:0 10px 22px #177c5738}.secondary-button{color:var(--primary-dark);background:#e7f4ee}.text-button{min-height:40px;color:var(--primary-dark);background:0 0;flex:none;padding:0 10px}.primary-button:active,.secondary-button:active{transform:scale(.98)}.product-grid,.order-layout,.order-form,.order-summary,.status-details{gap:12px;display:grid}.product-card,.recent-orders,.order-summary,.order-form,.status-details{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.recent-orders{gap:10px;margin-bottom:16px;padding:12px;display:grid}.recent-orders__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.recent-orders__header h3{color:var(--ink);margin:0;font-size:18px;font-weight:900;line-height:1.25}.recent-orders__header span{color:var(--muted);flex:none;font-size:12px;font-weight:800}.recent-order{width:100%;color:var(--ink);text-align:left;background:#f8fcf9;border:1px solid #177c5724;border-radius:8px;gap:8px;padding:12px;transition:transform .16s,border-color .16s,background-color .16s;display:grid}.recent-order:active{transform:scale(.99)}.recent-order__main,.recent-order__meta{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.recent-order__main strong{overflow-wrap:anywhere;min-width:0;font-size:16px;font-weight:900}.recent-order__main span,.recent-order__meta span{color:var(--muted);font-size:13px;font-weight:700}.recent-order__meta{border-top:1px solid #17211d12;padding-top:8px}.recent-order__meta strong{color:var(--accent);flex:none;font-size:18px;font-weight:900}.product-card{grid-template-columns:96px minmax(0,1fr);min-height:168px;display:grid;overflow:hidden}.product-visual{place-items:center;min-height:100%;display:grid}.product-visual--small{border-radius:8px;width:88px;min-height:112px}.product-bottle{border:4px solid #ffffffd1;border-radius:18px 18px 12px 12px;width:42px;height:92px;display:block;position:relative;box-shadow:0 12px 20px #17211d24}.product-bottle:before{background:inherit;content:"";border-radius:6px 6px 3px 3px;width:14px;height:26px;position:absolute;top:-25px;left:11px}.product-bottle:after{content:"";background:#ffffff57;border-radius:6px;height:26px;position:absolute;bottom:20px;left:8px;right:8px}.product-info{align-content:start;gap:9px;min-width:0;padding:12px;display:grid}.product-title{justify-content:space-between;align-items:flex-start;gap:8px;min-width:0;display:flex}.product-title h3,.order-summary h3{min-width:0;color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:18px;font-weight:900;line-height:1.25}.product-title span{color:var(--warning);background:#fff3df;border-radius:999px;flex:none;padding:3px 7px;font-size:12px;font-weight:900}.product-info p,.order-summary p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.product-meta,.summary-line,.summary-total{justify-content:space-between;align-items:center;gap:10px;display:flex}.product-meta strong,.summary-total strong{color:var(--accent);font-size:22px;font-weight:900}.product-meta span,.summary-line span,.summary-total span{color:var(--muted)}.product-card .secondary-button{width:100%}.order-summary,.order-form{padding:14px}.order-summary{grid-template-columns:88px minmax(0,1fr);align-items:center}.summary-copy{min-width:0}.summary-line,.summary-total{grid-column:1/-1}.summary-line strong{font-size:17px;font-weight:900}.summary-total{border-top:1px solid var(--line);margin-top:4px;padding-top:12px}.field{gap:8px;display:grid}.field>span{color:var(--ink);font-size:15px;font-weight:900}.field input,.field textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fbfcfb;border-radius:8px;outline:none;font-size:16px;transition:border-color .16s,box-shadow .16s}.field input{min-height:48px;padding:0 13px}.field textarea{resize:vertical;min-height:104px;padding:12px 13px}.field input:focus,.field textarea:focus{border-color:#177c579e;box-shadow:0 0 0 3px #177c5721}.field small{color:#b73324;font-size:13px;font-weight:800}.quantity-control{border:1px solid var(--line);background:#fbfcfb;border-radius:8px;grid-template-columns:50px minmax(0,1fr) 50px;display:grid;overflow:hidden}.quantity-control button,.quantity-control input{text-align:center;background:0 0;border:0;border-radius:0;min-height:50px;font-weight:900}.quantity-control button{color:var(--primary-dark);background:var(--surface-soft);font-size:20px}.submit-button{bottom:calc(12px + env(safe-area-inset-bottom));width:100%;margin-top:4px;position:sticky}.status-page{text-align:center;align-content:center;justify-items:center;padding:32px 0;display:grid}.status-mark{color:#fff;background:var(--primary);border-radius:50%;place-items:center;width:72px;height:72px;margin-bottom:16px;font-size:42px;font-weight:900;display:grid}.status-details{text-align:left;gap:1px;width:100%;margin:18px 0;overflow:hidden}.status-details div{background:#fff;gap:4px;min-width:0;padding:14px;display:grid}.status-details span{color:var(--muted);font-size:13px}.status-details strong{overflow-wrap:anywhere;min-width:0;font-weight:900}@keyframes bottleRise{0%{opacity:0;transform:translateY(70px)rotate(-8deg)}72%{opacity:1;transform:translateY(-8px)rotate(2deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes cupRise{0%{opacity:0;transform:translateY(70px)scale(.92)}76%{opacity:1;transform:translateY(-6px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes floatDrink{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shadowPulse{0%,to{opacity:.65;transform:scaleX(.92)}50%{opacity:1;transform:scaleX(1)}}@keyframes steamDrift{0%{opacity:0;transform:translateY(18px)scale(.92)}35%{opacity:1}to{opacity:0;transform:translateY(-22px)scale(1.08)}}@keyframes loadingBar{0%{transform:scaleX(0)}78%{transform:scaleX(.86)}to{transform:scaleX(1)}}@media (width>=720px){.app-shell{width:min(100% - 48px,920px);padding-top:calc(22px + env(safe-area-inset-top))}.entry-copy h1{font-size:56px}.page-header h2,.status-page h2{font-size:34px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card{grid-template-columns:128px minmax(0,1fr)}.order-layout{grid-template-columns:320px minmax(0,1fr);align-items:start}.order-summary{grid-template-columns:1fr}.summary-line,.summary-total{grid-column:auto}.submit-button{justify-self:end;width:min(260px,100%);position:static}.status-details{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}