:root{--color-milk: #FBF6EC;--color-cloud: #FFFDF9;--color-cocoa: #3B2A1D;--color-caramel: #C9863F;--color-cocoa-chip: #5A3A22;--color-pasture: #6E8C50;--color-line: #EADFC9;--text-muted: #5A4A3A;--text-soft: #8A7458;--text-faint: #B79B73;--color-disabled: #D8C7AC;--tile-green: #EEF3E7;--cream-on-dark: #F3E8D6;--gold-on-dark: #C9A877;--font-display: "Fredoka", sans-serif;--font-body: "Hanken Grotesque", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 18px;--radius-xl: 20px;--space: 8px;--gutter: 26px;--shadow-cta: 0 8px 20px rgba(201,134,63,.35);--shadow-phone: 0 30px 80px rgba(59,42,29,.3);--ease: cubic-bezier(.2,.7,.3,1);--dur-screen: .32s}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:#e7dcc6;color:var(--color-cocoa);-webkit-font-smoothing:antialiased}@keyframes mcfade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 0 5px #c9863f2e}50%{box-shadow:0 0 0 9px #c9863f1a}}.stage{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:28px 20px}.persona{display:flex;gap:6px;background:var(--color-cloud);padding:6px;border-radius:999px;box-shadow:0 6px 18px #3b2a1d1f}.p-tab{border:none;background:transparent;cursor:pointer;font-family:var(--font-body);font-weight:600;font-size:13.5px;color:var(--text-soft);padding:9px 16px;border-radius:999px;display:flex;align-items:center;gap:6px;transition:.18s;position:relative}.p-tab:hover{color:var(--color-cocoa)}.p-tab.on{background:var(--color-cocoa);color:var(--cream-on-dark)}.p-badge{font-style:normal;background:var(--color-caramel);color:#fff;font-size:10.5px;padding:1px 6px;border-radius:10px}.tagline{color:#6b5a47;font-size:12.5px;text-align:center;max-width:420px}.phone{width:390px;height:800px;background:var(--color-milk);border-radius:44px;box-shadow:var(--shadow-phone);overflow:hidden;position:relative;border:10px solid #2C1F15}.statusbar{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;font-family:var(--font-mono);font-size:12px;color:var(--color-cocoa);font-weight:500}.screen{height:756px;display:flex;flex-direction:column;animation:mcfade .32s var(--ease) both}.logo-lockup{display:flex;align-items:center;gap:12px;padding:8px 26px 0}.logo-mark{position:relative;width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#e4a861,#c9863f 70%);box-shadow:inset 0 -4px 8px #5a3a2240;flex-shrink:0}.logo-mark i,.mark i{position:absolute;border-radius:50%;background:#4a2e18}.wordmark{font-family:var(--font-display);font-weight:600;font-size:20px;color:var(--color-cocoa)}.wordmark span{color:var(--color-caramel)}.mark{position:relative;border-radius:50%;flex-shrink:0;box-shadow:inset 0 -4px 9px #5a3a2238}.mc-btn{transition:transform .1s}.mc-btn:active{transform:scale(.98)}.cta{background:var(--color-caramel);color:var(--color-cloud);border:none;border-radius:var(--radius-lg);padding:18px;font-family:var(--font-display);font-weight:600;font-size:18px;cursor:pointer;box-shadow:var(--shadow-cta)}.cta:disabled{background:var(--color-disabled);cursor:default;box-shadow:none}.cta.sm{padding:10px 16px;font-size:14px;border-radius:12px}.secondary{background:var(--color-cloud);border:1px solid var(--color-line);color:var(--color-cocoa);border-radius:var(--radius-lg);padding:16px;font-family:var(--font-display);font-weight:600;font-size:16px;cursor:pointer;margin:0 26px 28px}.circle-btn{background:var(--color-cloud);border:1px solid var(--color-line);width:38px;height:38px;border-radius:50%;font-size:16px;cursor:pointer;color:var(--color-cocoa);flex-shrink:0}.screen-title{font-family:var(--font-display);font-weight:600;font-size:22px;color:var(--color-cocoa)}.screen-sub{font-size:13px;color:var(--text-soft)}.section-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin:18px 0 10px}.welcome{padding:0}.welcome .hero{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 26px}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-caramel);margin-bottom:14px}.headline{font-family:var(--font-display);font-weight:600;font-size:42px;line-height:1.05;color:var(--color-cocoa)}.subcopy{font-size:16px;line-height:1.55;color:var(--text-muted);margin-top:18px}.stat-row{display:flex;gap:10px;margin-top:26px}.stat-card{flex:1;background:var(--color-cloud);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:16px}.stat-card strong{display:block;font-family:var(--font-display);font-weight:600;font-size:24px;color:var(--color-cocoa)}.stat-card span{font-size:12px;color:var(--text-soft);margin-top:2px;display:block}.welcome .cta{margin:0 26px 28px}.pick-head{display:flex;align-items:center;gap:14px;padding:4px 26px 14px}.cookie-list{flex:1;overflow-y:auto;padding:4px 26px 16px;display:flex;flex-direction:column;gap:12px}.cookie-card{position:relative;background:var(--color-cloud);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:14px;display:flex;align-items:center;gap:14px;cursor:pointer;text-align:left;width:100%}.cookie-card.static{cursor:default;margin-bottom:10px}.cookie-text{flex:1;min-width:0}.cookie-name{font-family:var(--font-display);font-weight:600;font-size:16px;color:var(--color-cocoa)}.cookie-name.sm{font-size:15px}.cookie-vendor{font-size:13px;color:var(--text-soft)}.sel-ring{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:2px solid var(--color-caramel);border-radius:var(--radius-lg);pointer-events:none}.sel-check{width:26px;height:26px;border-radius:50%;background:var(--color-caramel);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.sel-empty{width:26px;height:26px;border-radius:50%;border:2px solid var(--color-line);flex-shrink:0}.pick-footer{padding:14px 26px 26px;background:linear-gradient(to top,var(--color-milk) 70%,rgba(251,246,236,0))}.pick-footer .cta{width:100%}.review-head{padding:4px 26px 14px;display:flex;align-items:center;gap:14px}.review-body{flex:1;overflow-y:auto;padding:4px 26px 16px}.milk-line{background:var(--color-cloud);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:16px;display:flex;align-items:center;gap:14px}.milk-tile{width:54px;height:54px;border-radius:14px;background:var(--tile-green);display:flex;align-items:center;justify-content:center;flex-shrink:0}.bottle{width:22px;height:34px;background:var(--color-cloud);border:1.5px solid var(--color-pasture);border-radius:4px 4px 6px 6px}.milk-text{flex:1}.incl{font-family:var(--font-mono);font-size:12px;color:var(--color-pasture)}.sub-card{background:var(--color-cocoa);border-radius:var(--radius-lg);padding:18px;margin-top:16px;color:var(--cream-on-dark)}.sub-top{display:flex;justify-content:space-between;align-items:center}.sub-title{font-family:var(--font-display);font-weight:500;font-size:15px}.sub-price{font-family:var(--font-display);font-weight:600;font-size:22px}.sub-price small{font-size:13px;color:var(--gold-on-dark)}.sub-fine{font-size:12px;color:var(--gold-on-dark);margin-top:6px;line-height:1.5}.confirmed{padding:0}.confirmed-scroll{flex:1;overflow-y:auto;padding:0 26px 8px}.confirmed-foot{padding:10px 0 0}.success-top{text-align:center;margin-top:22px}.success-badge{width:64px;height:64px;border-radius:50%;background:var(--color-pasture);color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto}.success-badge.pulse{background:var(--color-caramel);animation:glow 2s ease-in-out infinite}.success-title{font-family:var(--font-display);font-weight:600;font-size:28px;color:var(--color-cocoa);margin-top:14px}.success-sub{font-size:14px;color:var(--text-muted);margin-top:6px;line-height:1.5}.track-card{background:var(--color-cloud);border:1px solid var(--color-line);border-radius:var(--radius-xl);padding:20px;margin-top:20px}.track-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.eta{font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--color-caramel);background:#fff0dc;padding:4px 12px;border-radius:999px}.eta.done{color:var(--color-pasture);background:#e6f0e0}.track-line{position:relative;height:46px;margin-bottom:8px}.track-rail{position:absolute;top:21px;left:8%;right:8%;height:3px;background:var(--color-line);border-radius:2px}.track-fill{position:absolute;top:21px;left:8%;height:3px;background:var(--color-caramel);border-radius:2px;transition:width 1.8s var(--ease)}.track-stop{position:absolute;top:8px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;transform:translate(-50%)}.track-stop.done{background:var(--color-pasture);color:#fff}.track-stop.done:first-of-type{left:8%}.track-stop.active{background:var(--color-caramel);color:#fff;font-size:14px}.track-stop.moving{transition:left 1.8s var(--ease);box-shadow:0 0 0 5px #c9863f2e;animation:glow 2s ease-in-out infinite;z-index:2}.track-stop.pending{background:#f0e8d8;color:var(--text-faint)}.track-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--text-soft);padding:0 2px}.track-labels .active{color:var(--color-caramel);font-weight:600}.driver-row{display:flex;align-items:center;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #F0E8D8}.driver-avatar{width:42px;height:42px;border-radius:50%;background:var(--tile-green);display:flex;align-items:center;justify-content:center;font-size:18px}.driver-text{flex:1}.driver-eta{font-family:var(--font-display);font-weight:600;font-size:16px;color:var(--color-pasture)}.source-card{background:var(--color-cloud);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:8px 16px}.source-row{display:flex;align-items:center;gap:12px;padding:11px 0}.source-row+.source-row{border-top:1px solid #F4ECDD}.source-row.farm{border-bottom:1px solid #F4ECDD}.source-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.milk-tile-sm{background:var(--tile-green)}.feed{display:flex;flex-direction:column;gap:2px}.feed-row{display:flex;align-items:center;gap:12px;padding:9px 4px;opacity:.55;animation:mcfade .4s var(--ease) both}.feed-row.latest{opacity:1}.feed-dot{width:30px;height:30px;border-radius:50%;background:var(--color-milk);border:1px solid var(--color-line);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.feed-row.latest .feed-dot{background:#fff0dc;border-color:var(--color-caramel)}.feed-text{flex:1;min-width:0}.feed-label{font-family:var(--font-display);font-weight:500;font-size:14px;color:var(--color-cocoa)}.feed-sub{font-size:12px;color:var(--text-soft)}.feed-time{font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}.portal{padding:0}.portal-head{padding:12px 26px 0}.mini-stats{display:flex;gap:10px;padding:16px 26px 0}.mini-stat{flex:1;background:var(--color-cloud);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:14px;text-align:center}.mini-stat strong{display:block;font-family:var(--font-display);font-weight:600;font-size:22px;color:var(--color-cocoa)}.mini-stat span{font-size:11px;color:var(--text-soft)}.portal-scroll{flex:1;overflow-y:auto;padding:0 26px 26px}.demand{font-family:var(--font-display);font-weight:600;font-size:16px;color:var(--color-caramel)}.demand small{font-size:11px;color:var(--text-soft);font-family:var(--font-body)}.onboard{display:flex;flex-direction:column;gap:10px}.onboard input{padding:13px;border:1px solid var(--color-line);border-radius:12px;font-family:var(--font-body);font-size:14px;background:var(--color-cloud)}.onboard input:focus{outline:none;border-color:var(--color-caramel)}.onboard .cta{width:100%}.run-card{background:var(--color-cloud);border:1px solid var(--color-line);border-left:5px solid var(--color-line);border-radius:var(--radius-lg);padding:16px;margin-bottom:12px}.run-card.status-ready{border-left-color:var(--color-caramel)}.run-card.status-picked_up{border-left-color:#5a9bd6}.run-card.status-delivered{border-left-color:var(--color-pasture);opacity:.65}.run-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.run-top strong{font-size:15px}.run-status{font-size:11px;font-weight:700;padding:3px 9px;border-radius:8px}.run-status.ready{background:#fff0dc;color:var(--color-caramel)}.run-status.picked_up{background:#e4f0fb;color:#3d7bb5}.run-status.delivered{background:#e6f0e0;color:var(--color-pasture)}.run-detail{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}.run-to{font-size:13.5px;color:var(--color-cocoa);font-weight:600}.run-cookies{font-size:12px;color:var(--text-soft)}.run-foot{display:flex;align-items:center;justify-content:space-between}.run-payout{font-family:var(--font-display);font-weight:600;font-size:18px;color:var(--color-pasture)}@media (max-width: 500px){body{background:var(--color-milk)}.stage{height:100vh;height:100dvh;padding:0;gap:0;justify-content:flex-start;align-items:stretch}.persona{width:100%;border-radius:0;justify-content:center;gap:4px;padding:calc(8px + env(safe-area-inset-top)) 10px 8px;box-shadow:0 2px 10px #3b2a1d14;flex-shrink:0;z-index:10}.p-tab{padding:9px 13px;font-size:13px}.phone{width:100%;height:auto;flex:1;min-height:0;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column}.statusbar{display:none}.screen{height:auto;flex:1;min-height:0}.tagline{display:none}.welcome .cta,.secondary{margin-bottom:calc(24px + env(safe-area-inset-bottom))}.pick-footer{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.confirmed-foot{padding-bottom:env(safe-area-inset-bottom)}.portal-scroll,.cookie-list,.review-body,.confirmed-scroll{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.headline{font-size:38px}.logo-lockup{padding-top:4px}}@media (max-width: 500px) and (max-height: 700px){.headline{font-size:32px}.subcopy{font-size:15px;margin-top:12px}.stat-row{margin-top:18px}}