:root{font-family:system-ui,-apple-system,sans-serif;color:#17382a;background:#f4f8f3}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{border:0;border-radius:10px;background:#146b36;color:#fff;padding:12px 16px;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.app-header{background:#064923;color:#fff;padding:17px 16px}.head-inner{max-width:1050px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.app-header h1{font-size:1.35rem;margin:0 0 4px}.app-header small{opacity:.85}.env-pill{font-size:.68rem;border:1px solid #91cba1;border-radius:100px;padding:6px 9px;white-space:nowrap}.app-main{max-width:1050px;margin:auto;padding:18px 16px 100px}.app-main h2{font-size:1.3rem;margin:18px 0 12px}section,article{background:#fff;border:1px solid #dbe8dc;border-radius:16px;padding:18px}section{margin:12px 0}input,select{display:block;width:100%;border:1px solid #cbdccf;border-radius:10px;padding:12px;margin:7px 0 14px;background:#fff;color:#17382a}.role-bar{background:#e5f2e7;border-radius:13px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.role-bar label{font-weight:650}.role-bar select{display:inline-block;width:auto;margin:0 0 0 8px;padding:8px}.role-bar>span{font-size:.72rem;overflow-wrap:anywhere}.catalog,.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog article{padding:12px}.catalog h3{font-size:1rem;margin:8px 0}.catalog p{font-size:.88rem}.produce-icon{background:#e9f4e8;border-radius:12px;font-size:2rem;text-align:center;padding:18px}.tile{background:#fff;color:#17382a;border:1px solid #dbe8dc;min-height:90px;display:flex;align-items:center;justify-content:space-between;text-align:left;font-weight:650}.tile span{font-size:1.4rem;color:#267445}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #dce7de;display:flex;justify-content:center;gap:4px;padding:8px max(8px,calc((100vw - 800px)/2));z-index:5}.bottom-nav button{flex:1;background:transparent;color:#52715d;padding:12px 3px;font-size:.8rem}.bottom-nav button.selected{background:#e2f3e4;color:#075329;font-weight:750}.muted{color:#65786c}.notice{background:#eaf5e9;border-radius:10px;padding:12px;overflow-wrap:anywhere}@media(min-width:800px){.catalog,.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}textarea{display:block;width:100%;min-height:80px;border:1px solid #cbdccf;border-radius:10px;padding:12px;margin:7px 0 14px;font:inherit}.delivery-details{background:#eff7f0;border-radius:12px;padding:12px;margin:12px 0;overflow-wrap:anywhere}.delivery-details p{margin:8px 0}.delivery-details a{color:#075b2f;font-weight:650}