/* Scaled recreations of the Android Compose layouts. App content uses its real
   bundled font and light-theme tokens; the surrounding marketing site is separate. */
@font-face{font-family:LeafChefApp;src:url('assets/dm-sans-variable.ttf') format('truetype');font-weight:100 1000;font-style:normal;font-display:swap}
.preview-stage{min-height:750px;padding-block:24px;gap:0}
.android-preview{--app-bg:#f7f3ed;--app-surface:#fffdf9;--app-primary:#6f8f6d;--app-ink:#25211e;--app-muted:#6f6861;--app-outline:#c9c0b8;--app-container:#dce8d8;width:300px;max-width:100%;border:6px solid #242424;border-radius:34px;overflow:hidden;background:var(--app-bg);color:var(--app-ink);font:12px/1.45 LeafChefApp,Arial,sans-serif;box-shadow:8px 12px 0 #b6c3ac45;display:flex;flex-direction:column}
.android-status{display:flex;justify-content:space-between;padding:10px 15px 6px;font-size:9px;font-weight:600;height:30px;flex-shrink:0}
.android-panel{outline-offset:-4px!important}
.android-toolbar{height:48px;display:flex;align-items:center;padding:0 12px;gap:7px;border-bottom:1px solid var(--app-outline)}
.android-toolbar h3{font:600 17px/1.3 LeafChefApp,Arial,sans-serif;letter-spacing:0;margin:0}
.app-icon{width:18px;height:18px;fill:currentColor;flex-shrink:0}
.android-toolbar>.plan-icon{color:#e07a45}.android-toolbar>.pantry-icon{color:var(--app-primary)}.android-toolbar>.shopping-icon{color:#7fa77b}
.toolbar-actions{margin-left:auto;display:flex;gap:13px;align-items:center}.toolbar-actions .app-icon{width:17px;height:17px}
.android-screen{height:465px;overflow-y:auto;scrollbar-width:thin;padding:12px;background:var(--app-bg)}
.android-week{text-align:center;margin:2px 0 11px}.android-week>strong{font-size:12px;font-weight:600}.android-week>div{display:flex;justify-content:center;gap:6px;margin-top:8px}.android-week>div>span{padding:4px 12px;border:1px solid var(--app-outline);border-radius:22px;font-size:10px;color:var(--app-primary)}.android-week .muted{opacity:.55}
.android-day{display:flex;align-items:center;gap:6px;padding:9px 8px;color:var(--app-primary);font-size:12px;font-weight:600}.android-day>.app-icon{width:16px;height:16px;margin-left:auto}.android-day>span{font-size:19px;font-weight:400;margin-left:5px;line-height:1}.android-day.collapsed{padding-block:7px}.up{transform:rotate(180deg)}
.android-meal{display:flex;gap:8px;align-items:center;padding:10px 12px;border-radius:18px;background:var(--app-surface);margin-bottom:5px}.android-meal>div{display:flex;flex-direction:column;gap:4px;flex:1}.android-meal span{font-size:9px;color:var(--app-muted)}.android-meal strong{font-weight:600;font-size:12px;line-height:1.45}.android-meal small{font-size:9px;color:var(--app-muted)}.android-meal>.app-icon{width:17px;height:17px}.android-empty-day{font-size:9px;color:var(--app-muted);padding-left:12px}
.android-search{border:1px solid var(--app-muted);border-radius:12px;height:42px;display:flex;align-items:center;padding:0 11px;color:var(--app-muted);font-size:11px;margin-bottom:12px}
.android-filters{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 12px}.android-filters>div>span{display:block;font-size:10px;font-weight:600;margin-bottom:6px}.android-select{border:1px solid var(--app-muted);border-radius:11px;height:40px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:4px}.android-select .app-icon{width:15px;height:15px;color:var(--app-muted)}
.android-section{display:flex;align-items:center;gap:5px;margin-top:12px;margin-bottom:6px;font-size:12px;font-weight:600}.android-section .app-icon{margin-left:auto;width:16px;height:16px}
.android-inventory{display:flex;align-items:center;gap:8px;min-height:39px;padding:5px 6px;background:var(--app-surface);border-bottom:1px solid var(--app-outline)}.android-inventory>span:first-child{flex:1;font-size:12px}.android-inventory>small{font-size:10px}.inventory-plus{font-size:19px;color:var(--app-primary);line-height:1}
.android-shopping-summary{display:flex;gap:9px;align-items:center;justify-content:space-between;padding:12px;border-radius:18px;background:var(--app-surface);margin-bottom:12px}.android-shopping-summary>div{display:flex;flex-direction:column;gap:3px}.android-shopping-summary>div>span{font-size:9px;color:var(--app-muted)}.android-shopping-summary>div>strong{font-size:12px;font-weight:600}.android-shopping-summary>.android-remaining{align-items:flex-end}.android-shopping-summary>.android-remaining>strong{font-size:21px;line-height:1.2;color:var(--app-primary)}.android-shopping-summary>.android-remaining>span{font-size:8px;white-space:nowrap}
.android-preview .android-shopping label{display:flex;align-items:center;gap:6px;min-height:40px;padding:5px 5px;background:var(--app-surface);border-bottom:1px solid var(--app-outline);font-size:12px;cursor:pointer}.android-preview .android-shopping label>span:not(.inventory-plus){display:flex;flex:1;align-items:center;justify-content:space-between;gap:8px;min-width:0}.android-preview .android-shopping input{width:15px;height:15px;accent-color:var(--app-primary);margin:0 4px 0 0;flex-shrink:0}.android-preview .android-shopping small{font-size:10px;white-space:nowrap;color:var(--app-ink)}.android-preview .android-shopping .inventory-plus{flex:0;font-size:19px}
.android-empty-shopping{padding:15px;background:var(--app-surface);border-radius:18px;margin-top:15px}.android-empty-shopping strong{font-size:13px}.android-empty-shopping p{font-size:10px;color:var(--app-muted);margin-top:5px}
.android-bottom{display:flex;align-items:flex-start;justify-content:space-around;padding:8px 3px 6px;background:var(--app-surface);border-top:1px solid var(--app-outline);gap:0;min-height:54px}.android-bottom>span{display:flex;flex:1;align-items:center;flex-direction:column;gap:3px;min-width:0}.android-bottom i{display:grid;place-items:center;width:39px;height:23px;border-radius:20px;font-style:normal;color:var(--app-muted)}.android-bottom .selected i{background:var(--app-container);color:var(--app-ink)}.android-bottom .selected small{color:var(--app-primary)}.android-bottom small{font-size:7px;line-height:1.3;text-align:center;color:var(--app-muted)}.android-bottom .app-icon{width:17px;height:17px}
.android-gesture{height:12px;background:var(--app-surface);display:grid;place-items:center}.android-gesture::before{content:'';height:3px;width:65px;background:#4b4b45;border-radius:3px}
.preview-caption{font-size:11px;color:var(--muted);margin:23px 0 0;text-align:center;min-height:18px;max-width:280px}.preview-stage>.reset-demo{border:0;background:none;text-decoration:underline;text-underline-offset:3px;font-size:11px;color:var(--green);padding:8px;min-height:38px}
@media(max-width:720px){.preview-stage{min-height:735px}.android-preview{width:300px}}
@media(max-width:360px){.android-preview{width:280px}.android-screen{padding:10px}.android-toolbar{padding-inline:10px}.android-toolbar h3{font-size:16px}.android-filters{gap:9px}.android-select{padding-inline:8px;font-size:10px}.android-shopping-summary{padding:10px;gap:6px}.android-shopping-summary>div>strong{font-size:11px}.android-inventory>span:first-child,.android-preview .android-shopping label{font-size:11px}}
