*{box-sizing:border-box}body{margin:0;background:#f5f6f4;color:#17211d;font-family:-apple-system,BlinkMacSystemFont,sans-serif}#app{max-width:520px;margin:auto;background:#fff;min-height:100vh}header{padding:18px 20px;border-bottom:1px solid #e5e9e6;position:sticky;top:0;background:#fff}small{color:#68736e}h1{margin:4px 0;font-size:25px}.content{padding:22px 20px 90px}.hero{background:#0b7a5a;color:#fff;border-radius:20px;padding:22px;margin-bottom:18px}.hero h2{margin:0 0 8px}.hero p{margin:0;line-height:1.45}.card{border:1px solid #e3e8e5;border-radius:16px;padding:16px;margin:10px 0}.row{display:flex;gap:8px;align-items:center}.row>*:first-child{flex:1}.input{width:100%;padding:13px;border:1px solid #d7dfda;border-radius:12px;margin:7px 0}.primary,.secondary{border:0;border-radius:12px;padding:13px;font-weight:700}.primary{background:#0b7a5a;color:#fff;width:100%;margin-top:10px}.secondary{background:#edf4f0;color:#0b7a5a}.item{display:flex;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #eee}.check{width:23px;height:23px}.aisle{background:#edf5f1;color:#0b7a5a;border-radius:12px;padding:11px 14px;margin-top:14px;font-weight:800}.empty{text-align:center;padding:45px 15px;color:#68736e}nav{position:fixed;bottom:0;left:0;right:0;max-width:520px;margin:auto;height:68px;background:#fff;border-top:1px solid #e5e9e6;display:flex}nav button{flex:1;border:0;background:#fff;font-size:20px}nav small{display:block;font-size:11px}