:root{--bg:#f5f0e7;--surface:#fffdf8;--paper:#fff;--text:#292b27;--muted:#79776f;--line:#e7dfd2;--green:#4f7c63;--green-dark:#3c6550;--nav:#cdc5b8;--shadow:0 10px 30px rgba(57,48,37,.10);--soft:#ebe4d8;--accent:#e1a54f;--danger:#bb554e}
html[data-theme="night"]{--bg:#1f1b18;--surface:#2c2723;--paper:#29241f;--text:#f3eee7;--muted:#aaa097;--line:#403831;--green:#5d9074;--green-dark:#4c765f;--nav:#191614;--shadow:0 12px 34px rgba(0,0,0,.35);--soft:#37312c;--accent:#d49b4b;--danger:#d87a72}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#d9d4cb;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input{font:inherit}button{cursor:pointer}.app-shell{position:relative;width:100%;max-width:420px;min-height:100dvh;margin:0 auto;background:var(--bg);overflow:hidden;box-shadow:0 0 45px rgba(0,0,0,.14);padding-bottom:94px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.17em;color:var(--green)}.icon-button{width:40px;height:40px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--text);font-size:20px;box-shadow:0 3px 12px rgba(0,0,0,.04)}.screen{display:none;padding:8px 14px 24px;animation:fade .2s ease}.screen.active{display:block}@keyframes fade{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}.category-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:2px 0 12px}.category-button{border:0;background:transparent;color:var(--muted);font-size:10px;font-weight:700;padding:0}.category-button img{display:block;width:52px;height:52px;margin:0 auto 4px;object-fit:contain;filter:drop-shadow(0 5px 7px rgba(0,0,0,.12));transition:.18s}.category-button.active{color:var(--green)}.category-button.active img{transform:translateY(-3px) scale(1.05)}.composer{display:grid;grid-template-columns:1fr 42px 42px;gap:7px;margin-bottom:10px}.composer input,.chat-input input{min-width:0;height:46px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);padding:0 14px;outline:none}.composer button,.chat-input button{border:0;border-radius:14px;background:var(--green);color:#fff;font-size:19px}.composer #voiceButton{background:var(--accent);font-size:12px}.paper-card,.content-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.shopping-list{padding:8px 12px 2px}.shopping-row{display:grid;grid-template-columns:50px 1fr 42px 26px 25px;gap:8px;align-items:center;min-height:58px;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.shopping-row:last-child{border-bottom:0}.item-thumb{width:48px;height:48px;border-radius:14px;object-fit:cover;background:var(--soft)}.shopping-row .item-name{font-family:Georgia,serif;font-size:18px;line-height:1.05}.shopping-row.done .item-name{text-decoration:line-through;color:var(--muted)}.qty-input{width:42px;height:30px;text-align:center;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text)}.unit-button{border:0;background:transparent;color:var(--muted);font-size:12px;padding:0}.check-button,.fake-check{display:inline-flex;width:21px;height:21px;border:2px solid var(--line);border-radius:6px;background:var(--surface);align-items:center;justify-content:center;color:#fff}.check-button.checked,.fake-check.checked{background:var(--green);border-color:var(--green)}.check-button.checked::after,.fake-check.checked::after{content:"✓";font-size:14px}.list-summary{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}.list-summary button{border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:8px}.bought-tab-wrap{display:flex;justify-content:flex-end;padding-right:8px}.bought-tab{width:180px;height:46px;border:0;border-radius:0 0 18px 18px;background:var(--green);color:#fff;font-size:13px;font-weight:900;letter-spacing:.12em}.section-intro{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.section-intro p{margin:0;color:var(--muted);font-size:13px;text-align:right}.status-pill{padding:8px 11px;border-radius:999px;background:#dce9df;color:#365d48;font-size:12px;font-weight:800;white-space:nowrap}html[data-theme="night"] .status-pill{background:#30483a;color:#cfe7d7}.storage-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:16px}.storage-tile{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:8px 4px 7px;color:var(--muted);font-size:10px;font-weight:700}.storage-tile img{width:49px;height:49px;object-fit:contain;display:block;margin:auto}.storage-tile.active{border-color:var(--green);color:var(--green);box-shadow:0 0 0 2px color-mix(in srgb,var(--green) 20%,transparent)}.content-card{padding:15px}.card-heading{display:flex;justify-content:space-between;align-items:center}.card-heading h2{font:700 24px Georgia,serif;margin:0}.card-heading button,.recipe button{border:0;border-radius:10px;padding:8px 10px;background:var(--green);color:#fff;font-size:12px;font-weight:700}.compact-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.compact-row:last-child{border-bottom:0}.compact-row strong{display:block}.compact-row span{color:var(--muted);font-size:12px}.store-switch{display:flex;background:var(--soft);padding:4px;border-radius:14px;margin-bottom:10px}.store-switch button{flex:1;border:0;background:transparent;color:var(--muted);padding:9px;border-radius:10px;font-weight:700}.store-switch button.active{background:var(--surface);color:var(--text);box-shadow:0 3px 10px rgba(0,0,0,.06)}.deal-note{font-size:12px;color:var(--muted);padding:0 4px 12px}.deal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.deal-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:11px;box-shadow:0 5px 16px rgba(0,0,0,.05)}.deal-card-top{display:flex;gap:9px}.deal-card img{width:54px;height:54px;border-radius:14px;object-fit:cover}.deal-card h3{font-size:14px;line-height:1.15;margin:2px 0 4px}.deal-card .store{font-size:10px;font-weight:800;color:var(--green)}.deal-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.deal-card strong{font-size:17px}.deal-card button{width:32px;height:32px;border:0;border-radius:10px;background:var(--green);color:#fff;font-size:18px}.welcome-card{display:flex;justify-content:space-between;align-items:center;padding:20px;border-radius:23px;background:linear-gradient(135deg,#416c56,#5c8a70);color:#fff;box-shadow:var(--shadow);margin-bottom:12px}.welcome-card h2{font:700 27px Georgia,serif;line-height:1.08;margin:6px 0 0;max-width:260px}.welcome-card .eyebrow{color:#dfeee4}.home-mark{font-size:38px}.home-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.home-actions button{min-height:106px;text-align:left;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text);padding:15px}.home-actions strong{font:700 21px Georgia,serif;display:block;margin-bottom:7px}.home-actions span{font-size:12px;color:var(--muted);line-height:1.35}.tip-card{margin-top:12px}.tip-card>span{font-size:11px;font-weight:800;color:var(--green);text-transform:uppercase;letter-spacing:.08em}.tip-card h3{margin:5px 0;font-size:18px}.tip-card p{margin:0;color:var(--muted);font-size:13px}.recipe-list{display:grid;gap:10px}.recipe{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:12px}.recipe-emoji{font-size:35px}.recipe h2{font:700 18px Georgia,serif;margin:0 0 4px}.recipe p,.recipe span{font-size:12px;color:var(--muted);margin:0}.recipe span{display:block;margin-top:3px}.recipe button.secondary{background:var(--soft);color:var(--text)}.assistant-head{display:flex;align-items:center;gap:14px;margin:4px 3px 16px}.assistant-head h2{font:700 25px Georgia,serif;margin:0}.assistant-head p{margin:3px 0 0;color:var(--muted);font-size:12px}.jarmila-orb{position:relative;width:64px;height:64px;border-radius:50%;background:var(--surface);box-shadow:var(--shadow)}.jarmila-orb span{position:absolute;width:23px;height:23px;border-radius:50%;background:#d4e8d4}.jarmila-orb span:nth-child(1){left:21px;top:5px}.jarmila-orb span:nth-child(2){right:7px;top:21px;background:#f4d9a8}.jarmila-orb span:nth-child(3){left:21px;bottom:5px;background:#d5e7f3}.jarmila-orb span:nth-child(4){left:7px;top:21px;background:#e4d8ee}.jarmila-orb i{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--surface);border:2px solid var(--green);left:23px;top:23px}.chat{height:320px;overflow:auto;display:flex;flex-direction:column;gap:9px;padding:6px 2px}.bubble{max-width:84%;padding:11px 13px;border-radius:16px;font-size:14px;line-height:1.35}.bubble.assistant{align-self:flex-start;background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:5px}.bubble.user{align-self:flex-end;background:var(--green);color:#fff;border-bottom-right-radius:5px}.quick-prompts{display:flex;gap:6px;overflow:auto;padding:8px 0}.quick-prompts button{white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);padding:8px 10px;font-size:12px}.chat-input{display:grid;grid-template-columns:1fr 46px;gap:7px}.toast{position:fixed;left:50%;bottom:102px;transform:translate(-50%,18px);z-index:50;background:#252923;color:#fff;padding:10px 15px;border-radius:12px;font-size:13px;opacity:0;pointer-events:none;transition:.2s;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}.bottom-nav{position:fixed;z-index:40;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:420px;height:78px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:var(--nav);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1.35fr 1fr 1fr;align-items:end}.bottom-nav button{border:0;background:transparent;color:var(--muted);font-size:10px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 0}.bottom-nav button>span{font-size:22px;line-height:1}.bottom-nav button.active{color:var(--text)}.bottom-nav .jarmila-nav{align-self:center;transform:translateY(-12px)}.mini-orb{width:57px;height:57px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:2px solid var(--line);color:var(--green);box-shadow:var(--shadow);font-size:25px!important}.jarmila-nav small{font-size:8px;letter-spacing:.08em;color:var(--text)}@media(min-width:700px){body{padding:24px 0}.app-shell{min-height:calc(100dvh - 48px);border-radius:28px}.bottom-nav{bottom:24px;border-radius:0 0 28px 28px}.toast{bottom:126px}}@media(max-width:360px){.shopping-row{grid-template-columns:46px 1fr 38px 24px 23px;gap:5px}.category-button img{width:46px;height:46px}.deal-grid{grid-template-columns:1fr}}
.voice-diagnostics{margin:0 14px 8px;padding:9px 11px;border:2px solid var(--accent);border-radius:12px;background:var(--surface);display:grid;gap:4px}.voice-diagnostics strong{font-size:13px;color:var(--danger);letter-spacing:.04em}.voice-diagnostics code{font:700 11px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--text);white-space:normal;overflow-wrap:anywhere}