:root{color-scheme:light;--bg: #f7f1ea;--bg2: #fffaf6;--card: rgba(255, 255, 255, .94);--text: #20181c;--muted: #766a6d;--plum: #2a1f25;--blush: #ebddd1;--soft: #f3ece5;--line: rgba(32, 24, 28, .08);--shadow: 0 18px 46px rgba(35, 22, 28, .1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(circle at top,rgba(126,58,90,.12),transparent 40%),linear-gradient(180deg,#fff9f5,#f4ede6);color:var(--text)}button,input{font:inherit}button{border:0;cursor:pointer}input{width:100%;border:1px solid var(--line);background:#fff;padding:14px 16px;border-radius:18px;outline:none}img{display:block;max-width:100%}.app-shell{min-height:100vh;padding:0}.phone-frame{max-width:480px;margin:0 auto;min-height:100vh;position:relative;overflow-x:hidden;background:linear-gradient(180deg,var(--bg2),var(--bg));box-shadow:0 0 0 1px #fff6,0 30px 80px #0000001f}.ambient-glow{position:absolute;inset:0 auto auto 0;width:100%;height:240px;background:radial-gradient(circle at top,rgba(126,58,90,.12),transparent 65%);pointer-events:none}.page{position:relative;padding:22px 18px 160px}.topbar,.row-between,.row{display:flex}.topbar,.row-between{align-items:center;justify-content:space-between;gap:12px}.row{align-items:center}.align-start{align-items:flex-start}.align-center{align-items:center}.gap-sm{gap:8px}.gap-md{gap:14px}.grow{flex:1}.text-right{text-align:right}.mt8{margin-top:8px}.mt16{margin-top:16px}.mb12{margin-bottom:12px}.topbar h1,.title-lg{font-size:28px;line-height:1.05;margin:4px 0 0;letter-spacing:-.03em}.title-md{font-size:18px;font-weight:700;line-height:1.25}.title-sm,.meal-body h3{font-size:16px;font-weight:700;line-height:1.35;margin:0}.muted{color:var(--muted)}.small{font-size:12px}.icon-group{display:flex;gap:10px}.icon-btn{width:42px;height:42px;border-radius:999px;background:#ffffffe6;box-shadow:var(--shadow);display:grid;place-items:center;color:var(--text)}.relative{position:relative}.dot-count{position:absolute;top:-3px;right:-2px;min-width:18px;height:18px;background:var(--plum);color:#fff;border-radius:999px;font-size:10px;display:grid;place-items:center;padding:0 4px}.card{background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.65);border-radius:28px;padding:16px;box-shadow:var(--shadow)}.hero-card{background:linear-gradient(135deg,#2c2027,#20161b);color:#fff;padding:22px;margin-top:18px;box-shadow:0 22px 50px #2a1f2538}.hero-card h2{font-size:28px;line-height:1.08;letter-spacing:-.03em;margin:12px 0 10px}.hero-card p{color:#ffffffc2;line-height:1.6;margin:0}.hero-pill,.mini-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:600}.hero-pill{background:#ffffff1a}.hero-actions{display:flex;gap:12px;margin-top:18px}.soft-btn,.ghost-btn,.primary-btn,.secondary-btn{border-radius:999px;padding:12px 16px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px}.soft-btn{background:#fff;color:var(--text)}.ghost-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.12)}.primary-btn{background:var(--plum);color:#fff}.secondary-btn{background:#fff;color:var(--text);border:1px solid var(--line)}.full-btn{width:100%}.small-btn{padding:10px 14px;font-size:13px}.search-box{display:flex;align-items:center;gap:10px;background:#fffffff5;padding:14px 16px;border-radius:22px;box-shadow:var(--shadow);margin-top:18px}.search-box input{border:0;padding:0;background:transparent}.section{margin-top:24px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-head h2{margin:0;font-size:19px;letter-spacing:-.02em}.text-button{background:transparent;color:var(--muted);display:inline-flex;align-items:center;gap:4px}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-card{text-align:left;padding:16px;border-radius:28px;background:#fffffff0;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.8)}.emoji{font-size:26px;margin-bottom:32px}.category-name{font-size:16px;font-weight:700}.category-copy{margin-top:6px;color:var(--muted);font-size:12px;line-height:1.45}.stack{display:grid;gap:12px}.plan-card{background:linear-gradient(180deg,#fffffffa,#f6eee7)}.plan-price{font-size:20px;font-weight:800;letter-spacing:-.03em}.plan-price span{font-size:12px;color:var(--muted);font-weight:500}.mini-tag{background:var(--blush);color:var(--text)}.mini-tag.status{background:#efe5d7}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.metric-grid>div{padding:14px 10px;border-radius:22px;background:#ffffff1a;text-align:center}.metric-grid strong{display:block;font-size:18px}.metric-grid span{display:block;margin-top:6px;color:#ffffffb8;font-size:12px}.gold{color:#e8d2ac}.mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.feature-pill{background:#ffffffb3;border:1px solid var(--line);border-radius:18px;padding:11px 12px;font-size:13px}.chip-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;margin-bottom:16px}.chip{white-space:nowrap;padding:11px 14px;border-radius:999px;background:#ffffffeb;color:var(--text);box-shadow:var(--shadow)}.chip-active{background:var(--plum);color:#fff}.empty-card{text-align:center;padding:34px 20px;display:grid;gap:8px}.empty-card h3{margin:0;font-size:18px}.empty-card p{margin:0;color:var(--muted)}.meal-card{overflow:hidden;padding:0}.meal-media{position:relative;cursor:pointer}.meal-media img{width:100%;height:180px;object-fit:cover}.overlay-row{position:absolute;left:12px;top:12px;display:flex;gap:8px;flex-wrap:wrap}.badge{padding:7px 10px;border-radius:999px;font-size:11px;font-weight:700}.badge.light{background:#fffffff0;color:var(--text)}.badge.green{background:#ebfbef;color:#1e8a42}.badge.red{background:#fff0f1;color:#c1424f}.wish-btn{position:absolute;right:12px;top:12px;width:38px;height:38px;border-radius:999px;background:#ffffffeb;display:grid;place-items:center;box-shadow:var(--shadow)}.meal-body{padding:14px}.meal-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.meal-body p{margin:6px 0 0;color:var(--muted);font-size:13px}.rating-pill{background:#fff4de;color:#8d6115;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.meal-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.price,.strong{font-weight:800;letter-spacing:-.02em}.price{font-size:20px}.meta{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.meta.green{color:#2a8a47}.qty-box{display:flex;align-items:center;gap:14px;background:var(--plum);color:#fff;border-radius:999px;padding:11px 14px}.qty-box button{background:transparent;color:#fff}.add-btn{min-width:90px}.form-stack{display:grid;gap:14px}.form-stack label{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}.status-pill{display:inline-flex;align-items:center;gap:6px;background:var(--soft);padding:10px 14px;border-radius:999px;font-size:13px;margin-top:14px}.profile-card{display:flex;align-items:center;gap:16px}.avatar{width:64px;height:64px;border-radius:999px;background:var(--blush);display:grid;place-items:center;font-weight:800;font-size:22px}.unread-bubble{min-width:24px;height:24px;margin-top:8px;padding:0 7px;border-radius:999px;background:var(--plum);color:#fff;font-size:11px;display:inline-grid;place-items:center}.floating-cart{position:fixed;left:50%;transform:translate(-50%);bottom:102px;width:min(100%,480px);padding:0 16px;z-index:20}.floating-cart-btn{width:100%;background:linear-gradient(135deg,#2d2027,#1f171b);color:#fff;border-radius:26px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 22px 44px #2a1f253d}.soft{color:#ffffffb8}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:min(100%,480px);padding:10px 14px calc(14px + env(safe-area-inset-bottom));background:#1f171bfa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;grid-template-columns:repeat(6,1fr);gap:6px;z-index:30;border-top-left-radius:28px;border-top-right-radius:28px}.nav-item{color:#ffffffb8;background:transparent;border-radius:18px;padding:10px 4px 9px;display:grid;place-items:center;gap:5px;font-size:11px}.nav-active{background:#fffffff5;color:var(--text)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#120f126b;z-index:40;display:flex;align-items:flex-end;justify-content:center}.modal-sheet{width:min(100%,480px);max-height:92vh;overflow:auto;background:#fffaf6;border-top-left-radius:34px;border-top-right-radius:34px;padding:14px 14px 20px;position:relative;box-shadow:0 -10px 50px #0000002e}.checkout-sheet{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.modal-close{position:absolute;right:12px;top:12px;z-index:2}.detail-image{width:100%;height:240px;object-fit:cover;border-radius:26px}.detail-content{padding:14px 4px 0}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.detail-grid>div{background:#ffffffeb;border:1px solid var(--line);padding:14px;border-radius:20px}.detail-grid span{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.detail-grid strong{font-size:15px}.detail-copy{color:var(--muted);line-height:1.65;margin:0 0 16px}.scroll-area{max-height:38vh;overflow:auto;padding-right:2px}.checkout-item{display:flex;align-items:center;gap:12px}.checkout-item img{width:64px;height:64px;border-radius:18px;object-fit:cover}.bill-card{margin:16px 0;display:grid;gap:10px}.bill-total{border-top:1px solid var(--line);padding-top:12px;font-weight:800}@media (min-width: 700px){.phone-frame{margin:18px auto;min-height:calc(100vh - 36px);border-radius:34px}.bottom-nav{bottom:18px;border-radius:28px}.floating-cart{bottom:120px}}