@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";
:root{--ink:#243c31;--green:#284e3d;--muted:#7e847c;--line:#e9ebe3;--paper:#f8f9f5;--orange:#da8353;--font-body:"DM Sans", sans-serif;--font-display:"Manrope", sans-serif}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);margin:0;font-size:14px;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:wait}button{transition:background .18s,transform .18s}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #94bba1}input,select{color:var(--ink)}button svg{flex-shrink:0}button:hover:not(:disabled){filter:brightness(.97)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display)}h1{letter-spacing:-1.15px;font-size:31px;font-weight:750;line-height:1.3}h2{letter-spacing:-.55px;font-size:19px;font-weight:750}h3{letter-spacing:-.3px;font-size:16px;font-weight:750}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:5;background:#fcfcf8;flex-direction:column;width:220px;padding:31px 19px 18px;display:flex;position:fixed;inset:0 auto 0 0}.wordmark{font-family:var(--font-display);letter-spacing:-2.5px;text-align:left;background:0 0;border:0;margin:0 12px 51px;padding:0;font-size:39px;font-weight:800;line-height:1}.wordmark span,.footer-brand span{color:var(--orange)}.workspace-label{letter-spacing:1.6px;color:#969b8e;margin:0 12px 15px;font-size:12px;font-weight:700}.sidebar nav{flex-direction:column;gap:7px;display:flex}.nav-item{color:#737e73;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:11px;width:100%;padding:13px 12px;font-size:13px;font-weight:550;display:flex}.nav-item.active{color:#2a513d;background:#e7eee2;font-weight:700}.nav-count{text-align:center;background:#d6e2cb;border-radius:4px;min-width:22px;margin-left:auto;padding:1px 5px;font-size:12px}.sidebar-bottom{margin-top:auto;padding-top:40px}.prototype-card{background:#f0f2e8;border-radius:9px;margin:0 5px 25px;padding:17px 14px}.tiny-icon{color:#658155;margin-bottom:12px;display:block}.prototype-card strong{font-size:13px;line-height:1.5;display:block}.prototype-card p{color:#818574;margin-top:9px;font-size:12px}.demo-tag{letter-spacing:1.1px;color:#768163;margin-top:17px;font-size:12px;font-weight:700;display:inline-block}.profile{border:0;border-top:1px solid var(--line);text-align:left;background:0 0;align-items:center;gap:9px;width:100%;padding:19px 0 0;display:flex}.avatar{color:#746244;background:#eadcc9;border-radius:50%;flex-shrink:0;place-items:center;width:35px;height:35px;font-size:13px;font-weight:700;display:grid}.avatar.small{width:31px;height:31px}.profile strong{font-size:12px;display:block}.profile small{color:#95998d;font-size:12px}.profile>svg{margin-left:auto}main{width:calc(100% - 220px);margin-left:220px}.topbar{border-bottom:1px solid var(--line);background:#fcfcf9;justify-content:space-between;align-items:center;height:79px;padding:0 38px;display:flex}.breadcrumb{color:#8e958a;align-items:center;gap:12px;font-size:12px;display:flex}.breadcrumb strong{color:#4a5d4e;font-weight:550}.topbar-right{align-items:center;gap:22px;display:flex}.local-badge{color:#7e886f;align-items:center;gap:7px;font-size:12px;display:flex}.local-badge>span{background:#8f9e76;border-radius:50%;width:6px;height:6px}.icon-button{color:#7f897a;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:7px;display:inline-flex}.notification{position:relative}.notification i{background:#d79268;border:1px solid #fff;border-radius:50%;width:5px;height:5px;position:absolute;top:6px;right:8px}.page-content{max-width:1570px;margin:auto;padding:35px 38px 18px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.eyebrow{letter-spacing:1.55px;color:#7d8b6d;align-items:center;gap:7px;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.intro{color:#8b9186;margin-top:9px;font-size:13px}.button{white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:11px 17px;font-size:12px;font-weight:600;display:inline-flex}.button.primary,.button.dark{background:var(--green);color:#fff}.button.secondary{color:#52634e;background:#fff;border-color:#e1e6da}.button.danger{color:#fff;background:#a74231}.stats{grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:30px;display:grid}.stat{border:1px solid var(--line);text-align:left;background:#fff;border-radius:10px;align-items:center;gap:16px;min-width:0;padding:20px 22px;display:flex}.stat.selected{background:#fffaf4;border-color:#d99867}.stat>svg{color:#a7ab9d;margin-left:auto}.stat-icon{border-radius:11px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.mint{color:#6a8758;background:#e9efe1}.apricot{color:#c19152;background:#fbecda}.lilac{color:#8f88aa;background:#eeedf4}.stat div>span{color:#899180;font-size:12px}.stat strong{letter-spacing:-1px;font-size:27px;font-weight:650;line-height:1.4;display:block}.stat strong small{color:#969b90;letter-spacing:0;margin-left:9px;font-size:12px;font-weight:400}.dashboard-grid{grid-template-columns:minmax(0,1fr) 275px;align-items:start;gap:24px;display:grid}.inventory-panel{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.inventory-panel>.section-heading{padding:22px 22px 20px}.section-heading h2{align-items:center;gap:9px;display:flex}.section-heading p:not(.eyebrow){color:#78816e;margin-top:4px;font-size:12px}.count{font-family:var(--font-body);color:#809073;letter-spacing:0;background:#f1f3ec;border-radius:5px;padding:2px 7px;font-size:12px;font-weight:500}.text-button{color:#6e845c;background:0 0;border:0;align-items:center;gap:6px;padding:5px 0;font-size:12px;font-weight:600;display:inline-flex}.location-tabs{border-bottom:1px solid var(--line);gap:22px;padding:0 22px;display:flex}.location-tabs button{color:#78816e;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:0 0 12px;font-size:12px;display:flex}.location-tabs button.selected{color:#345839;border-bottom-color:#345839;font-weight:650}.location-tabs span{background:#f3f5ef;border-radius:3px;padding:0 5px;font-size:12px}.inventory-tools{align-items:center;gap:9px;padding:18px 22px;display:flex}.search{color:#b0b5a7;background:#fafbf8;border:1px solid #e9ece3;border-radius:6px;flex:1;align-items:center;gap:8px;min-width:70px;padding:8px 10px;display:flex}.search input{background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:12px}.search input::placeholder{color:#a2a899}.filter-select{color:#8a947c;border:1px solid #e8eade;border-radius:6px;align-items:center;gap:3px;padding:7px;display:flex}.filter-select select{color:#7e8876;background:0 0;border:0;width:96px;font-size:12px}.sort-select{color:#88927c;background:0 0;border:0;max-width:70px;font-size:12px}.filter-note{color:#8f714e;background:#faf2e7;justify-content:space-between;gap:10px;padding:7px 22px;font-size:12px;display:flex}.filter-note button{background:0 0;border:0;align-items:center;gap:5px;font-size:12px;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{color:#77816b;letter-spacing:.8px;background:#fafbf7;padding:10px 6px;font-size:12px;font-weight:600}th:first-child{padding-left:22px}th:last-child{padding-right:14px}td{white-space:nowrap;border-bottom:1px solid #f0f1ec;padding:12px 6px;font-size:12px}td:first-child{padding-left:22px}td:last-child{text-align:right;padding-right:14px}.item-name{text-align:left;background:0 0;border:0;align-items:center;gap:11px;padding:0;display:flex}.food-icon{background:#f6f2e9;border-radius:9px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:22px;display:grid}.food-icon.produce{background:#f0f4e9}.item-name strong{color:#44513e;text-overflow:ellipsis;max-width:135px;font-size:12px;font-weight:550;display:block;overflow:hidden}.item-name small{color:#7b826e;margin-top:2px;font-size:12px;display:block}.quantity{align-items:center;gap:5px;display:flex}.quantity button{color:#89947b;background:#fcfdf9;border:1px solid #eef0e9;border-radius:4px;place-items:center;width:19px;height:21px;display:grid}.quantity>span{text-align:center;color:#5f6c53;min-width:35px}.quantity small{color:#929985;font-size:12px}.location-label{color:#7b846b;font-size:12px}.status{white-space:nowrap;border-radius:4px;padding:2px 7px;font-size:12px;line-height:1.5;display:inline-block}.status.soon{color:#987028;background:#fff1dc}.status.fresh{color:#5f7f43;background:#edf3e8}.status.expired{color:#b46e60;background:#fbe4df}.status.neutral{color:#96988d;background:#f0f0ec}.date-source{color:#7b826e;margin-top:3px;font-size:12px;display:block}.row-action{color:#a7ae9a;padding:4px}.table-footer{color:#747d69;justify-content:space-between;gap:10px;padding:12px 22px;font-size:12px;display:flex}.table-footer>span:last-child{align-items:center;gap:4px;display:flex}.right-column{flex-direction:column;gap:18px;display:flex}.use-soon{background:#f4eddd;border:1px solid #ece5d4;border-radius:10px;padding:22px}.use-soon .eyebrow{color:#a28b64;letter-spacing:1px;margin:0;font-size:12px}.sun{color:#b5a36d;font-size:25px;line-height:1}.use-soon h2{letter-spacing:-.6px;color:#5f6742;margin-top:17px;font-size:25px;line-height:1.3}.use-soon>p{color:#827858;margin-top:12px;font-size:12px;line-height:1.8}.soon-list{margin:20px 0}.soon-list button{text-align:left;background:0 0;border:0;border-bottom:1px solid #e8e1d2;align-items:center;gap:8px;width:100%;padding:10px 0;display:flex}.soon-list button:last-child{border:0}.mini-food{flex-shrink:0;place-items:center;width:30px;font-size:22px;display:inline-grid}.soon-list strong{color:#797956;font-size:12px;font-weight:550}.soon-list button>span:last-child{color:#b59764;margin-left:auto;font-size:12px}.use-soon .button{background:#747d50;justify-content:space-between;width:100%;padding:11px 13px;font-size:12px}.past-note{color:#a86850!important}.scanner-teaser{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:10px;padding:18px 15px;display:flex}.outline-icon{color:#899b71;border:1px solid #e0e5d6;border-radius:9px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.scanner-teaser h3{color:#7a886a;letter-spacing:0;font-size:12px}.scanner-teaser p{color:#7d8970;margin-top:5px;font-size:12px;line-height:1.6}.scanner-teaser>button{color:#a0ac8e;background:0 0;border:0;margin-left:auto;padding:0}.recipe-section{margin-top:31px}.recipe-section>.section-heading{margin-bottom:19px}.recipe-section .eyebrow{margin-bottom:6px;font-size:12px}.recipe-section h2{font-size:20px}.recipe-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.recipe-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:10px;flex-direction:row;min-height:143px;padding:0;display:flex;overflow:hidden}.recipe-card:hover{transform:translateY(-2px)}.recipe-art{justify-content:center;align-items:center;width:30%;min-width:90px;display:flex;position:relative;overflow:hidden}.recipe-art>span:first-child{filter:drop-shadow(0 6px 6px #00000012);font-size:49px;transform:rotate(-12deg)}.peach{background:#efe4ce}.green{background:#e5ebd5}.pink{background:#f3e0da}.yellow{background:#f7efcd}.recipe-time{color:#82846d;align-items:center;gap:4px;font-size:12px;display:inline-flex}.recipe-art .recipe-time{white-space:nowrap;background:#ffffffa6;border-radius:4px;padding:3px 6px;font-size:12px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.recipe-card-content{flex:1;padding:18px 14px}.recipe-card h3{letter-spacing:-.2px;font-size:13px;line-height:1.5}.recipe-card p{color:#798368;margin-top:5px;font-size:12px}.recipe-card-content>div{color:#9ba987;justify-content:space-between;align-items:center;gap:5px;margin-top:18px;display:flex}.match{color:#a0a68c;align-items:center;gap:4px;font-size:12px;display:inline-flex}.match.complete{color:#839966}.page-footer{border-top:1px solid var(--line);color:#a1a995;align-items:center;gap:15px;margin-top:34px;padding-top:17px;font-size:12px;display:flex}.footer-brand{font-family:var(--font-display);letter-spacing:-1px;color:#7d8e6d;font-size:18px;font-weight:800}.page-footer>button{color:#a2ad94;background:0 0;border:0;margin-left:auto;padding:5px;font-size:12px}.empty{text-align:center;color:#88917d;flex-direction:column;align-items:center;gap:12px;padding:50px 20px;display:flex}.empty h3{color:var(--ink)}.empty p{font-size:13px}.muted{color:#818c79;font-size:14px;line-height:1.7}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;padding:26px}.scan-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:25px;display:grid}.panel>h2{margin-bottom:10px}.photo-panel>.muted{margin-top:13px}.photo-preview{background:#e4e8dc;border-radius:8px;height:300px;margin-top:20px;position:relative;overflow:hidden}.photo-preview img{object-fit:cover;width:100%;height:100%}.photo-label{color:#fff;letter-spacing:1px;background:#243c31cc;border-radius:4px;padding:5px 9px;font-size:12px;position:absolute;bottom:12px;left:14px}.scan-actions{gap:10px;margin-top:20px;display:flex}.scan-side{flex-direction:column;gap:20px;display:flex}.connection-note{background:#eaf0e3;border-radius:10px;padding:25px}.connection-note h3{margin-top:15px}.connection-note p{color:#85917a;margin-top:10px;font-size:13px;line-height:1.8}.direction-toggle{background:#f4f6ef;border-radius:7px;gap:4px;padding:4px;display:flex}.direction-toggle button{background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:8px;width:50%;padding:10px;font-size:12px;display:flex}.direction-toggle button.selected{background:#fff;box-shadow:0 2px 5px #3041270e}.item-form{flex-direction:column;gap:17px;margin-top:22px;display:flex}.item-form label{color:#627157;flex-direction:column;gap:7px;font-size:12px;font-weight:550;display:flex}.item-form input,.item-form select{background:#fcfdf9;border:1px solid #dfe5d7;border-radius:6px;width:100%;min-width:0;height:43px;padding:10px 12px;font-size:14px}.form-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.optional{color:#a1a997;font-weight:400;display:contents}.field-note{color:#9aa28f;margin-top:10px;font-size:12px;line-height:1.8}.item-form .field-note{margin:0}.error,.error-banner{color:#ad5141;background:#fdf0e9;border-radius:7px;padding:12px;font-size:13px}.error-banner{justify-content:space-between;gap:12px;margin-bottom:20px;display:flex}.error-banner button{white-space:nowrap;background:0 0;border:0;text-decoration:underline}.analyzing{color:#fff;background:#243c31a6;flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex;position:absolute;inset:0}.analyzing svg{animation:1.2s infinite pulse}@keyframes pulse{50%{opacity:.35}}.detection-results{margin-top:22px}.detection-results>.muted{margin:7px 0 15px;font-size:12px}.detection{border-top:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.detection strong{text-transform:capitalize;font-size:13px;display:block}.detection small{color:#9ba28f;font-size:12px;display:block}.detection .button{margin-left:auto;padding:7px 9px;font-size:12px}.recipe-explainer{color:#89987b;background:#edf2e5;border-radius:8px;align-items:center;gap:12px;max-width:850px;margin-bottom:24px;padding:16px 20px;display:flex}.recipe-explainer p{font-size:13px}.recipe-explainer svg{flex-shrink:0}.all-recipes{grid-template-columns:repeat(2,1fr)}.all-recipes .recipe-card{min-height:190px}.all-recipes .recipe-art{min-width:130px}.all-recipes .recipe-art>span:first-child{font-size:72px}.all-recipes .recipe-card-content{padding:28px}.all-recipes h3{font-size:18px}.all-recipes p{font-size:13px}.all-recipes .match{font-size:12px}.activity-panel{max-width:950px}.activity-panel>.section-heading{padding-bottom:15px}.activity-row{border-bottom:1px solid var(--line);align-items:center;gap:15px;padding:19px 0;display:flex}.activity-icon{color:#92a079;background:#f1f4eb;border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.activity-row strong{font-size:14px}.activity-row p{color:#9aa28c;margin-top:3px;font-size:12px}.activity-row p span{color:#b0b6a4}.activity-row time{color:#a6ad99;margin-left:auto;font-size:12px}.modal{width:470px;max-width:calc(100vw - 30px);max-height:90vh;color:var(--ink);background:#fff;border:1px solid #dde4d4;border-radius:14px;padding:25px;overflow-y:auto;box-shadow:0 25px 90px #1f36292b}.modal.wide{width:700px}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1f352f60}.modal-head{justify-content:space-between;align-items:center;gap:15px;display:flex}.modal-head h2{font-size:22px}.modal>.muted{margin-top:20px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.recipe-modal-banner{border-radius:9px;align-items:center;gap:30px;margin-top:22px;padding:25px;display:flex}.recipe-modal-banner>span{font-size:68px}.recipe-modal-banner p{margin-bottom:10px;font-size:16px}.recipe-details{grid-template-columns:1fr 1.2fr;gap:32px;margin-top:25px;display:grid}.recipe-details h3{margin-bottom:15px}.ingredient{text-transform:capitalize;align-items:center;gap:8px;margin:12px 0;font-size:13px;display:flex}.ingredient small{color:#a1aa95;text-transform:none;margin-left:auto;font-size:12px}.ingredient-check,.ingredient-missing{color:#839565;background:#eaf0e1;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.ingredient-missing{color:#b09268;background:#f8ede0}.steps{color:#8d9881;margin:0;padding-left:20px;font-size:13px;line-height:1.8}.steps li{margin-bottom:12px;padding-left:5px}.steps li::marker{color:#6d8356;font-weight:700}.toast{color:#fff;z-index:20;background:#294936;border-radius:9px;align-items:center;gap:12px;max-width:calc(100vw - 35px);padding:14px 18px;font-size:13px;display:flex;position:fixed;bottom:24px;left:calc(50% + 100px);transform:translate(-50%);box-shadow:0 5px 25px #18301f22}.toast button{color:#c8d9bd;background:0 0;border:0;place-items:center;margin-left:7px;display:grid}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:1500px){body{font-size:16px}.page-content{padding:40px 48px 20px}.sidebar{width:240px}main{width:calc(100% - 240px);margin-left:240px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 320px}.item-name strong{max-width:210px;font-size:14px}td{padding-top:15px;padding-bottom:15px}.status{font-size:12px}.quantity>span{font-size:13px}.location-label{font-size:12px}.use-soon{padding:26px}.use-soon>p,.soon-list strong{font-size:13px}.soon-list button{padding:16px 0}.recipe-card h3{font-size:16px}.recipe-card p,.match{font-size:12px}.recipe-card{min-height:165px}.sidebar .nav-item{font-size:14px}.topbar{padding-left:48px;padding-right:48px}.page-heading{margin-bottom:35px}}@media (max-width:1200px){.sidebar{width:190px;padding-left:13px;padding-right:13px}main{width:calc(100% - 190px);margin-left:190px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 240px;gap:18px}.page-content{padding:27px 24px 18px}.topbar{padding:0 24px}.location-tabs{gap:15px;padding:0 15px}.inventory-panel>.section-heading{padding:20px 15px}.inventory-tools{padding:15px}.filter-select{display:none}th:first-child,td:first-child{padding-left:15px}.food-icon{width:32px;height:32px;font-size:19px}.item-name{gap:7px}.item-name strong{max-width:110px;font-size:12px}.item-name small{font-size:12px}.row-action{padding:3px}.row-action:first-child{display:none}.quantity{gap:3px}.quantity>span{min-width:28px;font-size:12px}.quantity small{font-size:12px}.quantity button{width:17px}.use-soon{padding:20px 17px}.recipe-card{flex-direction:column}.recipe-art{width:100%;height:100px}.recipe-art .recipe-time{left:auto;right:10px;transform:none}.recipe-card-content{padding:15px}.stat{gap:12px;padding:17px}.stat strong small{font-size:12px}.stat-icon{width:39px;height:39px}.stat div>span{font-size:12px}.stat strong{font-size:24px}.scanner-teaser{padding:14px 12px}.scanner-teaser .outline-icon{display:none}.page-heading h1{font-size:28px}.all-recipes .recipe-card{flex-direction:row}.all-recipes .recipe-art{width:35%;height:auto}.all-recipes .recipe-card-content{padding:22px}}@media (max-width:1000px){.dashboard-grid{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr;display:grid}.use-soon{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:0 25px;display:grid}.use-soon>.section-heading{grid-column:1}.use-soon h2{grid-column:1;margin-top:9px}.use-soon h2 br{display:none}.use-soon>p{grid-column:1}.use-soon .soon-list{grid-area:1/2/4;margin:0}.use-soon .button{grid-column:1/-1;justify-content:center;margin-top:20px}.scanner-teaser{grid-column:1/-1}.scanner-teaser .outline-icon{display:grid}.item-name strong{max-width:190px;font-size:13px}.item-name small{font-size:12px}.food-icon{width:38px;height:38px;font-size:23px}td{padding-top:13px;padding-bottom:13px}.quantity>span{min-width:43px;font-size:12px}.location-label,.status{font-size:12px}.row-action:first-child{display:inline-flex}.scan-grid{grid-template-columns:1fr}.scan-side{grid-template-columns:1.2fr 1fr;align-items:start;display:grid}.all-recipes .recipe-card{flex-direction:column}.all-recipes .recipe-art{width:100%;height:150px}.recipe-grid{gap:12px}.stat{gap:10px;padding:14px}.stat strong small{margin:0;display:block}.page-heading h1{font-size:26px}.topbar-right{gap:15px}.filter-select{display:flex}}@media (max-width:760px){.sidebar{border-right:0;border-bottom:1px solid var(--line);width:100%;height:auto;padding:14px 18px 0;display:block;position:sticky;top:0}.app-shell{display:block}.wordmark{margin:0 0 15px;font-size:30px}.workspace-label,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;gap:5px}.nav-item{border-radius:6px 6px 0 0;justify-content:center;gap:6px;padding:11px 6px;font-size:12px}.nav-item svg{width:16px}.nav-count{display:none}main{width:100%;margin:0}.topbar{height:54px;padding:0 19px}.topbar-right{gap:14px}.topbar-right>.avatar{display:none}.page-content{padding:24px 18px 15px}.page-heading{align-items:flex-start;gap:12px;margin-bottom:23px}.page-heading h1{letter-spacing:-.8px;font-size:25px}.page-heading>.button{margin-top:24px;padding:9px 10px;font-size:12px}.eyebrow{letter-spacing:1.25px;font-size:12px}.intro{max-width:230px;font-size:12px}.stats{gap:8px;margin-bottom:22px}.stat{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 10px}.stat>svg{display:none}.stat-icon{border-radius:8px;width:32px;height:32px}.stat-icon svg{width:17px}.stat div>span{font-size:12px}.stat strong{font-size:23px}.stat strong small{font-size:12px}.inventory-panel>.section-heading h2{font-size:18px}.text-button{font-size:12px}.location-tabs{gap:17px;padding:0 15px}.location-tabs button{gap:4px;font-size:12px}.inventory-tools{gap:8px}.filter-select{display:none}.search input,.sort-select{font-size:12px}.table-wrap table{min-width:490px}.item-name strong{max-width:115px;font-size:12px}.item-name small{font-size:12px}.food-icon{width:32px;height:32px;font-size:20px}.quantity>span{min-width:33px;font-size:12px}.row-action:first-child{display:none}.location-label,.status{font-size:12px}td{padding-top:12px;padding-bottom:12px}.table-footer{padding:12px 15px;font-size:12px}.use-soon{gap:0 15px;padding:20px}.use-soon h2{font-size:23px}.use-soon>p,.use-soon .eyebrow{font-size:12px}.use-soon .sun{display:none}.soon-list strong,.soon-list button>span:last-child{font-size:12px}.mini-food{width:23px;font-size:19px}.soon-list button{gap:5px}.recipe-grid{grid-template-columns:1fr}.recipe-card{flex-direction:row;min-height:132px}.recipe-art{width:115px;min-width:115px;height:auto}.recipe-card-content{flex:1;padding:20px}.recipe-card h3{font-size:14px}.recipe-card p,.recipe-card .match{font-size:12px}.recipe-art .recipe-time{left:50%;right:auto;transform:translate(-50%)}.recipe-section h2{max-width:220px;font-size:18px}.recipe-section .text-button{white-space:nowrap;font-size:12px}.page-footer{flex-wrap:wrap;gap:10px;font-size:12px}.page-footer>span:nth-child(2),.page-footer>button{font-size:12px}.panel{padding:21px}.scan-side{flex-direction:column;display:flex}.scan-side>*{width:100%}.photo-preview{height:250px}.scan-actions .button{padding:10px 12px;font-size:12px}.all-recipes .recipe-card{flex-direction:row}.all-recipes .recipe-art{width:110px;min-width:110px;height:auto}.all-recipes .recipe-art>span:first-child{font-size:50px}.all-recipes .recipe-card-content{padding:21px 15px}.all-recipes h3{font-size:15px}.all-recipes p,.all-recipes .match{font-size:12px}.activity-row{flex-wrap:wrap;gap:10px}.activity-row time,.activity-row p,.activity-row strong{font-size:12px}.modal{padding:22px}.modal-head h2{font-size:20px}.recipe-details{grid-template-columns:1fr;gap:20px}.recipe-modal-banner{gap:20px;padding:20px}.recipe-modal-banner>span{font-size:52px}.recipe-modal-banner p{font-size:14px}.toast{width:max-content;font-size:12px;left:50%}.error-banner{font-size:12px}.form-row{gap:12px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.intro,.muted,.recipe-explainer p,.nav-item,.button,.item-name strong{font-size:14px}.quantity button{width:26px;height:28px}.quantity>span{font-size:13px}.status,.search input,.filter-select select,.sort-select{font-size:12px}.filter-select select{width:110px}.stat div>span{font-size:13px}.stat strong small{font-size:12px}.use-soon>p{font-size:13px}.soon-list strong{font-size:12px}.recipe-card h3{font-size:15px}.item-form label{font-size:14px}.field-note{font-size:12px}.location-tabs button{font-size:13px}.location-tabs{gap:18px}.location-tabs span{font-size:12px}.recipe-card-content>div{flex-wrap:wrap}.profile strong{font-size:12px}.recipe-card p{color:#78856b}.recipe-time{color:#65734f}.intro{color:#75816e}.date-source{color:#737e66}.use-soon .button{font-size:12px}.table-footer{color:#79846b}.recipe-section .text-button{white-space:normal}.recipe-card-content{min-width:0}.scan-actions{flex-wrap:wrap}@media (max-width:1200px){.location-tabs{gap:15px}.filter-select{display:none}.item-name strong{font-size:13px}.stat{padding:15px}.stat div>span{font-size:12px}.stat strong small{margin:0;display:block}.recipe-art{min-height:100px}.recipe-art .recipe-time{font-size:12px}.recipe-card-content>div{gap:8px}}@media (max-width:760px){.nav-item{font-size:12px}.nav-item svg{width:16px}.page-heading h1{font-size:24px}.page-heading>.button{font-size:12px}.stats{gap:8px}.stat{padding:12px 10px}.stat div>span,.stat strong small{font-size:12px}.location-tabs{gap:13px}.location-tabs button{font-size:12px}.location-tabs svg{display:none}.inventory-tools{padding:15px}.table-wrap{overflow:visible}.table-wrap table{min-width:0;display:block}.table-wrap thead{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.table-wrap tbody{display:block}.table-wrap tr{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;padding:15px;display:grid}.table-wrap td{white-space:normal;border:0;padding:0}.table-wrap td:first-child{grid-area:1/1;padding:0}.table-wrap td:nth-child(2){grid-area:2/1;padding-left:43px}.table-wrap td:nth-child(3){display:none}.table-wrap td:nth-child(4){text-align:right;grid-area:1/2}.table-wrap td:last-child{grid-area:2/2;padding:0}.item-name strong{max-width:none;font-size:14px}.item-name small{font-size:12px}.food-icon{width:34px;height:34px}.quantity{gap:10px}.quantity button{width:28px;height:28px}.quantity small{font-size:12px}.row-action{padding:6px}.row-action:first-child{display:inline-flex}.table-footer{flex-wrap:wrap;font-size:12px}.use-soon{display:block}.use-soon .soon-list{margin:15px 0}.use-soon .eyebrow{font-size:12px}.soon-list strong{font-size:14px}.soon-list button>span:last-child{font-size:12px}.use-soon h2 br{display:none}.use-soon h2{font-size:25px}.use-soon>p{font-size:14px}.recipe-section>.section-heading{align-items:flex-end}.recipe-section h2{font-size:18px}.recipe-card .match{font-size:12px}.recipe-art{width:95px;min-width:95px}.recipe-card-content{padding:17px}.all-recipes .recipe-art{width:90px;min-width:90px}.recipe-card p,.all-recipes p,.all-recipes .match,.page-footer>span:nth-child(2),.page-footer>button{font-size:12px}.recipe-card h3{font-size:15px}.scan-actions .button{font-size:13px}.scan-actions{flex-wrap:wrap}.activity-row time,.activity-row p{font-size:12px}.activity-row strong{font-size:14px}}.auth-shell{background:#f8f9f5;justify-content:center;align-items:center;gap:80px;width:100%;min-height:100vh;margin:0;padding:40px;display:flex}.auth-story{flex-direction:column;gap:28px;max-width:380px;display:flex}.auth-story .wordmark{margin:0 0 32px;display:block}.auth-story>svg{color:#8b9a70}.auth-story h1{font-size:44px;line-height:1.2}.auth-story p{color:#79876f;font-size:16px;line-height:1.8}.auth-card{border:1px solid var(--line);background:#fff;border-radius:14px;width:420px;max-width:100%;padding:35px;box-shadow:0 12px 60px #253c3006}.auth-card h2{margin-bottom:12px;font-size:27px}.auth-card .button{width:100%}.auth-card input{font-size:16px}.auth-switch{color:#68804f;background:0 0;border:0;width:100%;padding:19px 0 0;font-size:13px}.auth-divider{border-top:1px solid var(--line);margin:23px 0}.auth-notice{color:#456a36;background:#edf4e6;border-radius:7px;padding:12px;font-size:14px}.saving-indicator{z-index:30;color:#385131;background:#fff;border:1px solid #cad8bc;border-radius:8px;padding:13px 20px;position:fixed;bottom:24px;right:24px;box-shadow:0 6px 30px #18301f15}.app-shell[aria-busy=true] button,.app-shell[aria-busy=true] input,.app-shell[aria-busy=true] select{pointer-events:none;opacity:.65}@media (max-width:760px){.auth-shell{flex-direction:column;gap:24px;padding:25px 18px}.auth-story{gap:15px;width:100%}.auth-story .wordmark{margin-bottom:10px}.auth-story>svg,.auth-story h1,.auth-story p{display:none}.auth-card{padding:26px}.auth-card h2{font-size:26px}.saving-indicator{font-size:12px;bottom:15px;right:15px}}.ai-panel{border:1px solid var(--line);background:#fff;border-radius:14px;max-width:880px;margin-bottom:26px;padding:28px}.ai-heading{align-items:center;gap:15px;display:flex}.ai-heading .eyebrow{margin:0 0 5px}.ai-heading>.icon-button{margin-left:auto}.ai-icon{color:#63834c;background:#e8efdf;border-radius:12px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.ai-context{color:#718169;margin-top:18px;font-size:14px;line-height:1.8}.ai-model{color:#7c8a6c;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;font-size:12px;display:flex}.ai-model>span{background:#f0f4e9;border-radius:4px;margin-left:auto;padding:3px 8px}.ai-setup{background:#f5f2e7;border:1px solid #e7e2ce;border-radius:8px;margin-top:17px;padding:17px}.ai-setup p{color:#867958;margin:7px 0;font-size:13px;line-height:1.7}.ai-starters{grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0;display:grid}.ai-starters>button{text-align:left;background:#f8faf4;border:1px solid #e4eadc;border-radius:8px;flex-direction:column;gap:15px;padding:15px;font-size:13px;line-height:1.7;display:flex}.ai-starters>button svg{align-self:flex-end}.ai-conversation{overscroll-behavior:contain;max-height:580px;scroll-padding:10px;overflow-y:auto}.ai-message{background:#f4f7ee;border-radius:10px;max-width:95%;margin:20px 0;padding:18px}.ai-message.user{background:#f3f1e9;max-width:85%;margin-left:auto}.ai-speaker{color:#6b8157;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.ai-answer{white-space:pre-wrap;overflow-wrap:anywhere;color:#42583b;font-size:15px;line-height:1.85}.ai-thinking{color:#819370;align-items:center;gap:10px;padding:20px;font-size:14px;display:flex}.ai-composer{background:#fafbf7;border:1px solid #dfe7d4;border-radius:10px;align-items:flex-end;gap:12px;margin-top:18px;padding:12px;display:flex}.ai-composer textarea{resize:vertical;width:100%;max-height:180px;font:inherit;color:var(--ink);background:0 0;border:0;flex:1;min-width:0;padding:4px;font-size:15px}.ai-composer textarea:focus-visible{outline-offset:3px;outline:2px solid #93a981}.ai-composer textarea::placeholder{color:#929d85}.ai-send{background:var(--green);color:#fff;border:0;border-radius:7px;flex-shrink:0;place-items:center;width:39px;height:39px;display:grid}.ai-footnote{color:#8b947e;margin-top:12px;font-size:12px;line-height:1.7}.ai-error{color:#995943;background:#fff0e8;border-radius:7px;padding:12px 15px;font-size:14px}.ai-error p{margin-bottom:5px}.recipe-ai{max-width:none}.recipe-ai .ai-conversation{max-height:680px}[hidden]{display:none!important}@media (max-width:760px){.sidebar nav{justify-content:flex-start;overflow-x:auto}.nav-item{flex:none;min-width:92px}.ai-panel{padding:20px}.ai-heading h2{font-size:21px}.ai-heading .eyebrow{font-size:11px}.ai-starters{grid-template-columns:1fr;margin:18px 0}.ai-starters>button{flex-direction:row;justify-content:space-between;align-items:center;padding:12px}.ai-starters>button svg{flex-shrink:0;align-self:center}.ai-message{max-width:100%;padding:14px}.ai-answer{font-size:14px}.ai-composer textarea{font-size:16px}.ai-context{font-size:13px}.ai-model>span{margin-left:0}.ai-icon{width:40px;height:40px}.ai-footnote{font-size:12px}.sidebar nav .nav-item{flex:1 0 auto;width:auto;min-width:92px}}.install-app-trigger{min-height:44px;color:var(--green);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:8px 10px;font-weight:600;display:inline-flex}.auth-card>.install-app-trigger{margin-top:16px}.page-footer>.install-app-trigger{color:var(--green)}.install-dialog{font-size:14px}.install-intro{align-items:center;gap:16px;margin:24px 0;display:flex}.install-intro svg{color:var(--green);flex-shrink:0}.install-dialog .button{width:100%}.install-steps{gap:6px;margin:22px 0;display:grid}.install-steps dt{font-weight:700}.install-steps dd{color:#5e6b62;margin:0 0 14px}.install-note{color:#615638;background:#f5f1e7;border-radius:10px;margin-bottom:16px;padding:14px}@media (max-width:760px){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}.sidebar{padding-top:calc(14px + env(safe-area-inset-top))}.auth-shell{padding-top:calc(24px + env(safe-area-inset-top))}.install-dialog .modal-head h2{font-size:20px}}.webcam-capture{margin:20px 0}.webcam-video{object-fit:contain;background:#172b22;border-radius:12px;width:100%;max-height:420px;display:block}.webcam-video[hidden]{display:none}.webcam-capture .scan-actions{margin:12px 0}.scan-review{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.scan-review>.muted{margin-top:8px}.scan-review fieldset{border:0;gap:16px;min-width:0;margin:0;padding:0;display:grid}.detection-labels{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.detection-labels button{background:#eef3e9;border:1px solid #dae4d2;border-radius:8px;padding:9px 12px}.detection-labels span{color:#5e705a;margin-left:5px;font-size:12px}.scan-change{background:#f2f5ed;border-radius:8px;padding:12px;font-weight:600}.scan-saved{background:#edf4e8;border-radius:12px;align-items:flex-start;gap:12px;margin-top:24px;padding:18px;display:flex}.scan-saved svg{flex-shrink:0}.scan-saved p{margin-top:5px}